.xqi{display:block;position:relative}.xqi__grid{display:grid;gap:clamp(2rem,4vw,4.8rem);align-items:center;grid-template-columns:minmax(0,1fr)}.xqi--has-image .xqi__grid{grid-template-columns:minmax(0,1fr)}@media(min-width:750px){.xqi--has-image .xqi__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.xqi--image-left .xqi__grid{direction:rtl}.xqi--image-left .xqi__grid>*{direction:ltr}}.xqi__content{display:flex;flex-direction:column;gap:1.6rem}.xqi--align-center .xqi__content{text-align:center;align-items:center}.xqi--align-left .xqi__content{text-align:left;align-items:flex-start}.xqi--align-right .xqi__content{text-align:right;align-items:flex-end}.xqi__eyebrow{font-family:var(--x-body-family, inherit);font-size:1.15rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--xqi-accent, var(--brand-accent, #4C6727));margin:0}.xqi__heading{margin:0;font-family:var(--x-heading-family, inherit);font-weight:800;line-height:1.08;letter-spacing:-.015em;color:var(--xqi-heading, var(--brand-text, #101010));font-size:clamp(3rem,4vw,calc(4.6rem * var(--xqi-heading-scale, 1)))}.xqi__text{margin:0;color:var(--xqi-text, var(--brand-text, #101010));font-size:calc(1.7rem * var(--xqi-text-scale, 1));line-height:1.55;max-width:62ch}.xqi--align-center .xqi__text{margin-inline:auto}.xqi__text p{margin:0 0 1em}.xqi__text p:last-child{margin-bottom:0}.xqi__note{margin:0;color:rgba(var(--brand-text-rgb, 16, 16, 16),.65);font-size:calc(1.4rem * var(--xqi-text-scale, 1));line-height:1.55}.xqi__actions{display:inline-flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.xqi__btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:2rem 3rem;border:1.5px solid var(--xqi-btn-border, var(--x-btn-primary-border, var(--brand-primary)));border-radius:var(--xqi-btn-radius, var(--x-btn-radius, 100px));background:var(--xqi-btn-bg, var(--x-btn-primary-bg, var(--brand-primary)));color:var(--xqi-btn-text, var(--x-btn-primary-text, var(--brand-text)));font-family:var(--font-button-family, inherit);font-weight:700;font-size:1.55rem;line-height:1;letter-spacing:0;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px rgba(var(--brand-primary-rgb, 136, 189, 50),.35);transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease;-webkit-appearance:none;appearance:none}.xqi__btn:hover{transform:translateY(-2px);box-shadow:0 1rem 2.4rem rgba(var(--brand-primary-rgb, 136, 189, 50),.45)}.xqi__btn:focus-visible{outline:.2rem solid var(--brand-text, #101010);outline-offset:.3rem}@media screen and (max-width:749px){.xqi__btn{padding:1.2rem 2.4rem}}.xqi__media{display:block;width:100%;border-radius:var(--xqi-image-radius, 1.8rem);overflow:hidden;background:rgba(var(--brand-text-rgb, 16, 16, 16),.04)}.xqi__media img{width:100%;height:auto;display:block}.xqi__media--placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:rgba(var(--brand-text-rgb, 16, 16, 16),.3)}.xqi__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483500;display:none;align-items:center;justify-content:center;padding:2rem}.xqi__modal.is-open{display:flex;animation:xqiModalFadeIn .22s ease-out both}@keyframes xqiModalFadeIn{0%{opacity:0}to{opacity:1}}.xqi__modal .xqi__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e14b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.xqi__modal-panel{position:relative;width:min(1400px,100%);max-height:calc(100vh - 2rem);overflow:auto;border-radius:20px;background:var(--xpc-shell-bg, #0c1017);box-shadow:0 2.4rem 6rem #0000008c;-webkit-overflow-scrolling:touch;animation:xqiPanelRise .26s cubic-bezier(.2,.9,.3,1) both;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.xqi__modal-panel::-webkit-scrollbar{width:6px;height:6px;background:transparent}.xqi__modal-panel::-webkit-scrollbar-track,.xqi__modal-panel::-webkit-scrollbar-corner{background:transparent}.xqi__modal-panel::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.xqi__modal-panel::-webkit-scrollbar-thumb:hover{background:#ffffff73}.xqi__modal-panel::-webkit-scrollbar-button{display:none;width:0;height:0}@keyframes xqiPanelRise{0%{transform:translateY(2.4rem) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.xqi__close{position:sticky;top:1.2rem;float:right;margin-right:1.2rem;margin-bottom:-4.8rem;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;min-height:0;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0a0e14d9;color:#fff;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.xqi__close:hover{background:#0a0e14;transform:scale(1.05)}.xqi__close:focus-visible{outline:2px solid #77dcff;outline-offset:2px}.xqi__close svg{width:2rem;height:2rem;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;fill:none}.xqi__modal-panel .xpc{margin:0;border-radius:20px;max-width:none}.xqi__modal-panel .xpc__title{padding-right:6rem}.xqi__modal-panel .xpc__clipboard.is-expanded{position:static;width:auto;max-height:none;box-shadow:none}.xqi__modal-panel .xpc__backdrop{display:none}.xqi__modal-panel .xpc__stage.is-reading .xpc__searchcol{filter:none}html.xqi-lock,html.xqi-lock body{overflow:hidden!important}@media(max-width:749px){.xqi__modal{padding:0}.xqi__modal-panel{width:100%;max-height:100vh;border-radius:0}.xqi__close{top:.8rem;margin-right:.8rem;margin-bottom:-4rem;width:4rem;height:4rem}}@media(prefers-reduced-motion:reduce){.xqi__modal.is-open,.xqi__modal-panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/xioneer-quiz-intro.css.map */