.oq{--teal:#1297af;--pink:#f6c6dd;color:var(--teal);background:#fff;font-family:var(--font-body-family),sans-serif;font-size:16px;line-height:1.6;letter-spacing:0}.oq *{box-sizing:border-box}.oq [hidden]{display:none!important}.oq a{color:inherit;text-underline-offset:5px}.oq button,.oq input,.oq select{font:inherit}.oq button{cursor:pointer}.oq h1,.oq h2,.oq h3{color:var(--teal);font-family:inherit;letter-spacing:-.06em;font-weight:700;line-height:1.02;margin:0 0 24px}.oq h1{font-size:clamp(48px,6.5vw,92px)}.oq h2{font-size:clamp(34px,4vw,57px)}.oq h3{font-size:27px}.oq em{font-style:normal;color:var(--pink)}.oq p{margin:0 0 22px}.oq-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 5%;border-bottom:1px solid var(--pink)}.oq-nav img{display:block;max-width:130px;height:auto}.oq-nav>span{font-size:10px;letter-spacing:.15em}.oq-nav>a:last-child{font-size:13px}.oq-intro{display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:auto;min-height:690px}.oq-intro-copy{padding:65px 10%;align-self:center}.oq-intro-copy>p:not(.oq-kicker):not(.oq-small){max-width:460px;font-size:17px}.oq-kicker{font-size:11px;font-weight:700;letter-spacing:.13em;margin-bottom:25px!important}.oq-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;border:1px solid var(--teal);border-radius:40px;background:var(--teal);color:#fff;padding:18px 25px;min-height:56px;font-weight:650;text-decoration:none;transition:transform .2s,box-shadow .2s}.oq-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--pink)}.oq-button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.oq-small{font-size:12px;line-height:1.7}.oq-intro .oq-small{margin-top:20px}.oq-art{position:relative;overflow:hidden;background:var(--pink);isolation:isolate;min-height:650px}.oq-orbit{position:absolute;top:17%;right:8%;bottom:17%;left:8%;border:1px solid white;border-radius:50%;transform:rotate(-25deg)}.oq-float{position:absolute;width:65%;aspect-ratio:1;background:#fff;border-radius:45%;overflow:hidden;box-shadow:0 20px 35px #1297af14}.oq-float img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.oq-float-one{left:-3%;top:15%;transform:rotate(-12deg);animation:oq-float 9s ease-in-out infinite alternate}.oq-float-two{right:-8%;bottom:9%;transform:rotate(12deg);animation:oq-float 11s ease-in-out infinite alternate-reverse}.oq-sticker{position:absolute;right:9%;top:8%;width:150px;height:150px;background:var(--teal);color:#fff;display:grid;place-content:center;text-align:center;border-radius:50%;font-size:14px;font-weight:650;line-height:1.25;transform:rotate(9deg);z-index:2}.oq-art-note{position:absolute;left:7%;bottom:6%;font-size:10px;letter-spacing:.13em;font-weight:700;z-index:2}.oq-workspace{max-width:1450px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;min-height:720px}.oq-side{background:var(--pink);padding:45px 12%;position:relative;overflow:hidden}.oq-step-number{font-size:100px;line-height:1;font-weight:650;letter-spacing:-.08em}.oq-step-number small{font-size:22px;letter-spacing:0;margin-left:12px}.oq-side-image{margin:25px 0 15px;transform:rotate(-7deg);animation:oq-float 12s ease-in-out infinite alternate}.oq-side-image img{display:block;width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}.oq-side>p:last-child{font-size:13px}.oq-question-panel{padding:45px 8%;min-width:0}.oq-progress-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px}.oq-progress{height:3px;background:var(--pink);margin-bottom:42px}.oq-progress>span{display:block;background:var(--teal);height:3px;transition:width .3s}.oq-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:28px 0}.oq-option{display:flex;gap:14px;align-items:center;min-height:108px;position:relative;padding:20px 16px;border:1px solid var(--pink);border-radius:16px;cursor:pointer;transition:background .2s,transform .2s}.oq-option:hover{background:#fdf5f9;transform:translateY(-2px)}.oq-option:has(input:checked){border:2px solid var(--teal);background:#fdf5f9;padding:19px 15px}.oq-option input{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}.oq-option-title{font-weight:650;font-size:15px;display:block;line-height:1.3}.oq-option-note{font-size:12px;display:block;margin-top:6px}.oq-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:10px}.oq-text-button{padding:10px 0;border:0;background:transparent;color:var(--teal);text-decoration:underline;text-underline-offset:5px;font-size:13px!important;min-height:44px}.oq-status{font-size:13px;margin-top:15px!important}.oq-status:empty{display:none}.oq-results{max-width:1300px;margin:auto;padding:65px 5%}.oq-result-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.oq-result-heading>p{max-width:460px}.oq-answer-summary{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 35px}.oq-answer-summary span{background:var(--pink);border-radius:20px;padding:6px 13px;font-size:11px}.oq-result-tools{display:flex;justify-content:space-between;align-items:center;gap:25px}.oq-result-tools p{font-size:14px;margin:0}.oq-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.oq-product{border:1px solid var(--pink);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.oq-product-media{background:#fcf4f8;aspect-ratio:1.2;overflow:hidden}.oq-product-media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s}.oq-product:hover img{transform:scale(1.04)}.oq-product-copy{padding:24px;display:flex;flex-direction:column;flex:1}.oq-product-copy>p{font-size:13px}.oq-product-copy .oq-kicker{margin-bottom:15px!important}.oq-product-copy h3{font-size:27px}.oq-product-copy select{width:100%;color:var(--teal);background:#fff;border:1px solid var(--teal);border-radius:8px;min-height:44px;padding:8px;margin:8px 0 15px;font-size:13px}.oq-product-copy .oq-select-label{font-size:12px}.oq-price{font-size:22px;font-weight:700}.oq-product-check{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:13px;padding-top:20px;min-height:44px}.oq-product-check input{width:19px;height:19px;accent-color:var(--teal)}.oq-product-link{font-size:12px;margin-top:12px}.oq-basket{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--pink);padding:27px;border-radius:20px;margin-top:30px}.oq-basket>div{display:grid;gap:6px}.oq-basket strong{font-size:32px;line-height:1}.oq-basket span,.oq-basket small{font-size:12px}.oq-result-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;margin-top:25px}.oq-footer{border-top:1px solid var(--pink);padding:30px 5%;font-size:11px;display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:space-between}.oq-footer p{max-width:500px;margin:0}.oq-footer>span{letter-spacing:.12em}.oq :focus-visible{outline:3px solid var(--teal);outline-offset:5px}.oq h2:focus{outline:none}.oq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes oq-float{to{transform:translateY(-16px) rotate(2deg)}}@media(max-width:900px){.oq-nav>span{display:none}.oq-intro{grid-template-columns:1fr}.oq-intro-copy{padding:40px 6%}.oq-intro h1{font-size:60px}.oq-art{min-height:380px}.oq-float{width:51%}.oq-float-one{top:7%;left:4%}.oq-float-two{right:3%;bottom:-5%}.oq-sticker{width:115px;height:115px;font-size:11px;right:10%;top:4%}.oq-art-note{bottom:8%}.oq-workspace{grid-template-columns:1fr}.oq-side{padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:130px}.oq-side .oq-kicker{max-width:100px;margin:0!important}.oq-step-number{font-size:48px}.oq-step-number small{font-size:13px}.oq-side-image{width:100px;margin:0;position:absolute;right:3%;top:10px;opacity:.6}.oq-side-image img{height:110px}.oq-side>p:last-child{display:none}.oq-step-number{margin-right:120px}.oq-question-panel{padding:30px 6% 45px}.oq-progress{margin-bottom:30px}.oq-result-heading{grid-template-columns:1fr;gap:0}.oq-product-grid{grid-template-columns:1fr 1fr}.oq-results{padding:40px 6%}.oq-basket{align-items:stretch;flex-direction:column}.oq-result-tools{align-items:start;flex-direction:column;gap:8px}.oq-footer{padding-bottom:35px}}@media(max-width:540px){.oq-intro h1{font-size:54px}.oq-intro-copy>p:not(.oq-kicker):not(.oq-small){font-size:15px}.oq-intro .oq-button{width:100%}.oq-options{grid-template-columns:1fr}.oq-option{min-height:78px;padding:16px}.oq-option:has(input:checked){padding:15px}.oq-product-grid{grid-template-columns:1fr}.oq-product-media{aspect-ratio:1.6}.oq-controls .oq-button{padding:15px 22px}.oq-progress-top{gap:10px}.oq-side-image{width:90px}.oq-side{min-height:110px}.oq-product-copy{padding:22px}.oq-nav{padding:20px 6%}.oq-nav img{width:110px}.oq-result-footer{align-items:start}.oq-basket{padding:22px}.oq-button{font-size:14px}.oq h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.oq *{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important}}.oq-product-grid[data-count="1"]{grid-template-columns:1fr}.oq-product-grid[data-count="1"]>.oq-product{display:grid;grid-template-columns:1fr 1fr}.oq-product-grid[data-count="1"] .oq-product-media{aspect-ratio:auto;min-height:330px}.oq-product-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:540px){.oq-product-grid[data-count="1"]>.oq-product{display:flex}.oq-product-grid[data-count="1"] .oq-product-media{min-height:0;aspect-ratio:1.6}.oq-product-grid[data-count="2"]{grid-template-columns:1fr}}@media(min-width:901px){.oq-nav{padding-top:18px;padding-bottom:18px}.oq-nav img{max-width:110px}.oq-intro{min-height:610px}.oq-intro-copy{padding-top:38px;padding-bottom:38px}.oq h1{font-size:clamp(48px,4.8vw,72px)}.oq-intro-copy>p:not(.oq-kicker):not(.oq-small){font-size:16px}.oq-art{min-height:610px}}.oq-skin-stage{position:relative;aspect-ratio:1;overflow:hidden;border-radius:45% 45% 18px 18px;background:#fff}.oq-skin-gallery .oq-skin-frame{position:absolute;top:0;left:0;width:300%;max-width:none;height:100%;object-fit:cover;mix-blend-mode:normal;opacity:0;transition:opacity .65s ease;border-radius:0}.oq-skin-gallery .oq-skin-frame-1{left:-100%}.oq-skin-gallery .oq-skin-frame-2{left:-200%}.oq-skin-gallery .is-active{opacity:1}.oq-side-skin .oq-side-image{animation:none;transform:none}.oq-pause{display:block;margin:7px auto 0;font-size:11px!important;line-height:1.3;min-height:44px}.oq-auto-note{margin:0 0 12px!important}.oq-image-enter{animation:oq-product-enter .4s ease both}@keyframes oq-product-enter{0%{opacity:.2;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:900px){.oq-side-skin{min-height:185px}.oq-side-skin .oq-side-image{width:130px;top:8px;right:5%;opacity:1}.oq-skin-stage{height:116px;aspect-ratio:auto}.oq-side-skin .oq-step-number{margin-right:140px}.oq-pause{font-size:10px!important;margin-top:2px}.oq-side-image>[data-side-product]{width:100%;height:110px}.oq-side-skin .oq-side-image img{height:100%}}.oq-skin-stage{border-radius:18px;isolation:isolate}.oq-skin-gallery .oq-skin-frame{transform-origin:16.666% 50%;transform:scale(1.025);will-change:transform,opacity}.oq-skin-gallery .oq-skin-frame-1{transform-origin:50% 50%}.oq-skin-gallery .oq-skin-frame-2{transform-origin:83.333% 50%}.oq-skin-gallery .is-active{animation:oq-skin-drift 4.5s ease-in-out both}.oq-skin-gallery[data-paused=true] .oq-skin-frame{animation-play-state:paused}.oq-side-image>[data-side-product]{animation:oq-product-drift 4.5s ease-in-out both;will-change:transform}@keyframes oq-skin-drift{0%{transform:scale(1.025) translateY(0)}to{transform:scale(1.085) translateY(-1%)}}@keyframes oq-product-drift{0%{transform:translateY(5px) rotate(-3deg)}to{transform:translateY(-13px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.oq-skin-gallery .oq-skin-frame,.oq-side-image>[data-side-product]{animation:none!important;transform:none!important;will-change:auto}}.oq-side-image{animation:none;transform:none}.oq-profile-explanation{max-width:850px;font-size:18px}.oq-kit{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;border:1px solid var(--pink);border-radius:20px;padding:25px;margin:30px 0}.oq-kit>img{width:100%;height:270px;object-fit:contain}.oq-kit>div>p{font-size:14px}.oq-kit .oq-price{font-size:25px}.oq-kit .oq-small{margin:18px 0 0;font-size:12px}@media(max-width:700px){.oq-kit{grid-template-columns:1fr;padding:20px;gap:15px}.oq-kit>img{height:210px}.oq-kit .oq-button{font-size:12px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/osa-skin-quiz.css.map */