duradry-native-quiz{box-sizing:border-box;display:flex;position:relative;isolation:isolate;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding:131px 20px 60px;background:var(--dq-bg,#f3f3f3);color:var(--dq-text,#333);font-family:Neulis Sans,sans-serif;font-size:16px;line-height:1.25;overflow-x:clip}duradry-native-quiz *,duradry-native-quiz *:before,duradry-native-quiz *:after{box-sizing:border-box}duradry-native-quiz [hidden]{display:none!important}duradry-native-quiz[data-step=welcome]{padding-top:60px}.dq-shell{width:100%;max-width:var(--dq-width,800px);margin:0 auto;text-align:center;view-transition-name:dq-question-a}.dq-background{view-transition-name:dq-background;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.dq-background img{width:100%;height:100%;object-fit:cover;object-position:center}.dq-logo{display:block;width:180px;height:auto;margin:0 auto 30px}.dq-shell h1,.dq-shell h2,.dq-shell legend{font-family:Albra,Georgia,serif;font-weight:400;font-size:32px;line-height:normal;letter-spacing:normal;color:inherit;margin:0;padding:0;width:100%;text-align:center}.dq-shell :is(h1,h2,legend):focus{outline:none}.dq-shell p{font-size:16px;line-height:1.25;margin:16px 0 0}.dq-shell fieldset{border:0;margin:0;padding:0;min-width:0}.dq-progress{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dq-welcome{display:block;width:min(300px,100%);height:auto;margin:30px auto 0}.dq-options{display:grid;grid-template-columns:minmax(0,240px);justify-content:center;gap:10px;margin:30px auto 0}.dq-option{position:relative;display:block;cursor:pointer;border:1px solid #fff;border-radius:4px;background:#fff;color:#333;padding:12px 16px;min-height:45px;font-size:16px;line-height:19px;text-align:center}.dq-option input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.dq-option:has(input:checked){background:var(--dq-accent,#e81144);border-color:var(--dq-accent,#e81144);color:#fff}.dq-option:has(input:checked):after{content:"\2713";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:700}.dq-options--images{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:580px}.dq-options--images .dq-option{border-radius:16px;padding:0;overflow:hidden}.dq-options--images img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.dq-options--images span{display:block;padding:12px 8px 16px}.dq-options--images .dq-option:has(input:checked):after{top:14px;right:14px;transform:none;border-radius:50%;background:var(--dq-accent,#e81144);width:24px;height:24px;line-height:24px}.dq-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:53px;padding:16px 24px;border:1px solid var(--dq-accent,#e81144);border-radius:7px;background:#fff;color:var(--dq-accent,#e81144);font:700 15px/1.2 Neulis Sans,sans-serif;text-align:center;cursor:pointer;text-decoration:none;margin:0}.dq-button:disabled{opacity:.3;cursor:default}.dq-button.dq-secondary{border:0;background:none;color:inherit;font-weight:600;font-size:14px;padding:12px;min-height:44px}.dq-button:focus-visible,.dq-text:focus-visible,.dq-option:has(input:focus-visible),.dq-close:focus-visible{outline:2px solid #333;outline-offset:4px}.dq-controls{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:65px}.dq-controls:empty{display:none}.dq-back{position:absolute;z-index:2;left:23px;top:30px}.dq-close{position:absolute;right:8px;top:8px;z-index:2;display:grid;place-items:center;width:32px;height:32px;color:#444;background:#ffffff80;border-radius:3px;text-decoration:none;font:26px/1 sans-serif}.dq-text{display:block;width:100%;max-width:350px;height:53px;margin:30px auto 0;padding:12px;border:1px solid #333;border-radius:5px;background:#fff;color:#333;font:400 16px/1.25 Neulis Sans,sans-serif;text-align:center}.dq-text::placeholder{color:#888;opacity:1}.dq-shell .dq-error{color:#a00020;font-size:15px;margin-top:20px}.dq-error:empty{display:none}[data-dq-capture]{max-width:420px;margin:30px auto 0}.dq-email-label{display:block;font-size:14px;text-align:left;max-width:350px;margin:0 auto}[data-dq-capture] .dq-text{margin-top:8px}.dq-consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0 0;font-size:14px;line-height:1.5;text-align:left}.dq-consent input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--dq-accent,#e81144)}.dq-shell .dq-privacy{font-size:13px;line-height:1.5;margin:12px 0 24px}.dq-shell [data-dq-capture] .dq-button{margin-top:8px}.dq-path{overflow-wrap:anywhere;font-size:13px!important}@media(min-width:768px){duradry-native-quiz{padding:151px 40px 80px}duradry-native-quiz[data-step=welcome]{padding-top:80px}.dq-shell h1,.dq-shell h2,.dq-shell legend{font-size:36px}.dq-shell p{font-size:18px}.dq-back{left:max(28px,calc((100% - 800px)/2 + 3px));top:40px}}@media(hover:hover)and (pointer:fine){.dq-option:hover{border-color:var(--dq-accent,#e81144)}.dq-button:not(:disabled):hover,.dq-option:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000014}}@media(prefers-reduced-motion:no-preference){.dq-option,.dq-button{transition:transform .16s ease,border-color .16s ease}::view-transition-group(dq-question-a),::view-transition-group(dq-question-b),::view-transition-group(dq-background),::view-transition-group(root){animation:none}::view-transition-old(dq-question-a),::view-transition-old(dq-question-b){animation:dq-out 80ms ease-out both}::view-transition-new(dq-question-a),::view-transition-new(dq-question-b){animation:dq-in .16s cubic-bezier(.22,1,.36,1) 80ms both}::view-transition-old(dq-background){animation:dq-fade-out .18s ease both}::view-transition-new(dq-background){animation:dq-fade-in .24s ease both}::view-transition-old(root),::view-transition-new(root){animation:none}}@keyframes dq-in{0%{opacity:0;transform:translate(var(--dq-slide,12px))}to{opacity:1;transform:translate(0)}}@keyframes dq-out{to{opacity:0;transform:translate(calc(var(--dq-slide,12px)*-.5))}}@keyframes dq-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dq-fade-out{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/251/compiled_assets/styles.css.map */