.o-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.o-pop[hidden]{display:none}.o-pop__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim-modal);opacity:0;transition:opacity var(--dur-normal) ease}.o-pop__panel{position:relative;display:grid;grid-template-columns:5fr 7fr;grid-template-rows:minmax(0,1fr);width:min(100%,780px);max-height:calc(100dvh - 2 * var(--space-5));overflow:hidden;background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-drawer);opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--dur-normal) ease,transform var(--dur-normal) var(--ease-out-soft)}.o-pop.is-open .o-pop__scrim{opacity:1}.o-pop.is-open .o-pop__panel{opacity:1;transform:none}.o-pop__close,.o-pop__back{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);flex:none;border-radius:var(--radius-pill);color:var(--ink-soft);background:transparent;transition:background var(--t-hover),color var(--t-hover)}.o-pop__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2}.o-pop__close:hover,.o-pop__back:hover{background:var(--fill-ink-hover);color:var(--ink)}.o-pop__close:focus-visible,.o-pop__back:focus-visible,.o-pop__decline:focus-visible,.o-pop__opt:focus-visible{outline:var(--focus-outline);outline-offset:2px}.o-pop__back{margin-left:calc(-1 * var(--space-3))}.o-pop__back[data-off]{opacity:0;pointer-events:none}.o-pop__back-ico{transform:scaleX(-1)}.o-pop__fig{position:relative;min-height:100%;background:var(--wash-sky-side-l, var(--wash-sky));overflow:hidden}.o-pop__img{position:absolute;left:6%;bottom:0;width:88%;height:90%;object-fit:contain;object-position:bottom center;display:block}.o-pop__img[hidden]{display:none}.o-pop__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse 150px 200px at 50% 50%,var(--brand-pale) 0%,var(--brand-tint) 48%,transparent 100%)}.o-pop__img--match{left:50%;top:50%;bottom:auto;width:300px;height:226px;margin:-113px 0 0 -150px;object-position:center;filter:drop-shadow(0 18px 22px color-mix(in srgb,var(--brand-deep) 18%,transparent))}.o-pop.is-match .o-pop__fig{background:var(--paper)}.o-pop.is-match .o-pop__glow{opacity:1;animation:oPopGlow .9s var(--ease-out-soft) both}.o-pop.is-match .o-pop__img--match{animation:oPopReveal .7s var(--ease-out-soft) .12s both}@keyframes oPopGlow{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:none}}@keyframes oPopReveal{0%{opacity:0;transform:scale(.84) translateY(10px)}to{opacity:1;transform:none}}.o-pop__body{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;overflow-y:auto;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-5)}.o-pop__top{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);margin-right:var(--tap-min)}.o-pop.is-match .o-pop__top{opacity:0;pointer-events:none}.o-pop__bar{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.o-pop__seg{height:4px;border-radius:var(--radius-pill);background:var(--line-strong);transition:background var(--dur-normal) ease}.o-pop__seg.is-done{background:var(--brand)}.o-pop__count{flex:none;margin:0;font:var(--meta);color:var(--ink-muted)}.o-pop__steps{display:grid;align-items:start;flex:1}.o-pop__step{grid-area:1/1;display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;min-width:0}.o-pop__step[data-off]{opacity:0;pointer-events:none}.o-pop__step:focus{outline:none}.o-pop__title{margin:0;font:var(--heading-sub);color:var(--ink);max-width:22ch;text-wrap:balance}.o-pop__title--q{margin-bottom:var(--space-1)}.o-pop__title--match{font:600 calc(30 * var(--u))/1.15 var(--font-display)}.o-pop__lede{margin:0;font:var(--body);color:var(--ink-soft);max-width:40ch;text-wrap:pretty}.o-pop__eyebrow{margin:0;font:var(--eyebrow);color:var(--brand)}.o-pop__q{margin:var(--space-2) 0 0;font:var(--ui-strong);color:var(--ink)}.o-pop__opts{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.o-pop__opt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:50px;box-sizing:border-box;padding:var(--space-3) var(--space-4);background:var(--white);border:1.5px solid var(--line-heavy);border-radius:var(--radius-btn);text-align:left;cursor:pointer;color:var(--ink);font:var(--ui);transition:border-color var(--t-hover),background var(--t-hover),transform var(--t-hover)}.o-pop__opt:hover{border-color:var(--ink)}.o-pop__opt:active{transform:var(--press)}.o-pop__opt-label{display:grid;min-width:0}.o-pop__opt-label>span,.o-pop__opt-label:after{grid-area:1/1}.o-pop__opt-label:after{content:attr(data-text);font-weight:600;visibility:hidden;pointer-events:none}.o-pop__opt-go{flex:none;color:var(--ink-muted)}.o-pop__opt-tick{display:none;flex:none;color:var(--brand)}.o-pop__opt[aria-pressed=true]{background:var(--brand-tint);border-color:var(--brand);font-weight:600}.o-pop__opt[aria-pressed=true] .o-pop__opt-go{display:none}.o-pop__opt[aria-pressed=true] .o-pop__opt-tick{display:block}.o-pop__form{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-1)}.o-pop__label{font:var(--ui-strong);color:var(--ink)}.o-pop__input{width:100%;box-sizing:border-box;height:50px;padding:0 var(--space-4);border:1.5px solid var(--line-heavy);border-radius:var(--radius-btn);background:var(--white);color:var(--ink);font:var(--body);transition:border-color var(--t-hover)}.o-pop__input::placeholder{color:var(--ink-placeholder)}.o-pop__input:hover{border-color:var(--ink-muted)}.o-pop__input:focus,.o-pop__input:focus-visible{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-tint)}.o-pop__input[aria-invalid=true]{border-color:var(--ink)}.o-pop__submit,.o-pop__shop{width:100%;justify-content:center;margin-top:var(--space-1)}.o-pop__submit[aria-disabled=true]{cursor:progress}.o-pop__msg{margin:0;font:var(--body-sm);color:var(--ink)}.o-pop__msg:empty{display:none}.o-pop__fine{margin:0;font:var(--meta);color:var(--ink-muted)}.o-pop__matches{display:grid;width:100%}.o-pop__match{grid-area:1/1;display:flex;flex-direction:column;gap:var(--space-3);width:100%;min-width:0}.o-pop__match[data-off]{opacity:0;pointer-events:none}.o-pop__reason{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font:var(--body);color:var(--ink-soft)}.o-pop__reason span{text-wrap:balance}.o-pop__reason-tick{flex:none;margin-top:3px;color:var(--brand)}.o-pop__code{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}.o-pop__code-head{margin:0;font:var(--ui-strong);color:var(--ink)}.o-pop__code-row{display:flex;align-items:center;gap:var(--space-2)}.o-pop__code-value{flex:1;min-width:0;display:flex;align-items:center;height:var(--tap-min);box-sizing:border-box;padding:0 var(--space-4);border:1.5px dashed var(--line-heavy);border-radius:var(--radius-btn);font:var(--label-mono);letter-spacing:.06em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;user-select:all}.o-pop__copy{flex:none}.o-pop__decline{align-self:center;min-height:var(--tap-min);padding:0 var(--space-3);font:var(--ui-sm);color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px;background:none}.o-pop__decline:hover{color:var(--ink)}.o-pop__decline[data-off]{opacity:0;pointer-events:none}@media(max-width:767px){.o-pop{align-items:flex-end;padding:0}.o-pop__panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);width:100%;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(24px)}.o-pop__fig{min-height:0;height:176px;background:var(--wash-sky-side-m, var(--wash-sky))}.o-pop__img{left:0;right:0;margin:0 auto;width:78%;height:168px}.o-pop__glow{background:radial-gradient(ellipse 178px 84px at 50% 50%,var(--brand-pale) 0%,var(--brand-tint) 48%,transparent 100%)}.o-pop__img--match{left:50%;right:auto;top:50%;width:240px;height:150px;margin:-75px 0 0 -120px}.o-pop__body{padding:var(--space-1) var(--page-gutter-m) calc(var(--space-4) + env(safe-area-inset-bottom))}.o-pop__top{margin-right:0}.o-pop__title{font:var(--heading-sub-m)}.o-pop__title--match{font:600 calc(26 * var(--u))/1.2 var(--font-display)}.o-pop__close{background:var(--white);box-shadow:var(--shadow-rest)}}@media(prefers-reduced-motion:reduce){.o-pop__scrim,.o-pop__panel,.o-pop__seg{transition:none}.o-pop.is-match .o-pop__glow,.o-pop.is-match .o-pop__img--match{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/oricle-popup.css.map */