@property --f3-pos{syntax:"<percentage>";inherits:false;initial-value:50%}@property --f3-p{syntax:"<number>";inherits:false;initial-value:50}.f3-fig,.f3-side,.f3-cap,.f3-out,.f3-list,.f3-stage,.f3-layer,.f3-seam{--f3-pos:inherit;--f3-p:inherit}.f3{--fw:clamp(280px,31vw,430px);--lead:clamp(22px,3vw,44px);--u-line:#9aa3ab;--o-line:#21a4ff;margin-top:clamp(28px,4vw,48px)}.f3-chips{border:0;min-width:0;margin:0 0 clamp(26px,4vw,52px);padding:0;position:relative}.f3-chiprow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.f3-chip{cursor:pointer;flex:none;display:inline-flex;position:relative}.f3-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.f3-chip span{border:1px solid var(--line-3);min-height:40px;color:var(--navy);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;padding:0 17px;font-size:14px;font-weight:500;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.f3-chip:hover span{border-color:var(--navy)}.f3-chip input:checked+span{border-color:var(--navy);background:var(--navy);color:#fff}.f3-chip input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}.f3-tabs{display:none}.f3-fig{grid-template-columns:minmax(0,1fr)var(--fw)minmax(0,1fr);grid-template-areas:"ul fn ol""uc hint oc";row-gap:clamp(22px,3vw,34px);display:grid;position:relative}.f3-side{display:contents}.f3-list{margin:0;padding:0;list-style:none;transition:opacity .2s;position:relative}.f3-list--usual{opacity:clamp(.5,calc(var(--f3-p)/42),1);grid-area:ul}.f3-list--ours{opacity:clamp(.5,calc((100 - var(--f3-p))/42),1);grid-area:ol}.f3-tag{top:var(--y);align-items:center;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.f3-tag-text{flex-direction:column;font-size:16px;line-height:1.3;display:flex}.f3-l{white-space:nowrap;display:block}.f3-list--usual .f3-tag{justify-content:flex-end}.f3-list--usual .f3-tag:after{content:"";flex:0 0 var(--lead);background:var(--u-line);height:1px}.f3-list--usual .f3-tag-text{text-align:right;color:var(--body);padding-right:12px;font-weight:500}.f3-list--ours .f3-tag{justify-content:flex-start}.f3-list--ours .f3-tag:before{content:"";flex:0 0 var(--lead);background:var(--o-line);height:1px}.f3-list--ours .f3-tag-text{border-left:2px solid var(--o-line);color:var(--navy);background:linear-gradient(90deg,#21a4ff33,#21a4ff12 70%,#21a4ff00);padding:7px 26px 7px 14px;font-weight:600}.f3-stage{aspect-ratio:400/384;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;grid-area:fn;position:relative}.f3-layer{position:absolute;inset:0}.f3-layer--usual{clip-path:inset(-10% calc(100% - var(--f3-pos))-10% -10%)}.f3-layer--ours{clip-path:inset(-10% -10% -10% var(--f3-pos))}.f3-svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.f3-svg--tall{display:none}.f3-seam{top:0;bottom:2%;left:var(--f3-pos);background:var(--navy);pointer-events:none;z-index:2;width:2px;margin-left:-1px;position:absolute}.f3-range{z-index:3;appearance:none;pointer-events:none;cursor:ew-resize;background:0 0;border:0;width:calc(100% + 44px);height:44px;margin:0;padding:0;position:absolute;top:50%;left:-22px;transform:translateY(-50%)}.f3-range:focus{outline:none}.f3-range::-webkit-slider-runnable-track{background:0 0;border:0;height:44px}.f3-range::-moz-range-track{background:0 0;border:0;height:44px}.f3-range::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;background:var(--navy)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat;cursor:ew-resize;border:3px solid #fff;border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 1px #06134247}.f3-range::-moz-range-thumb{pointer-events:auto;background:var(--navy)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat;cursor:ew-resize;border:3px solid #fff;border-radius:50%;width:38px;height:38px;box-shadow:0 0 0 1px #06134247}.f3-range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--blue);outline-offset:3px}.f3-range:focus-visible::-moz-range-thumb{outline:3px solid var(--blue);outline-offset:3px}.f3-cap{max-width:24.01em}.f3-cap--usual{padding-right:var(--lead);text-align:right;grid-area:uc;justify-self:end}.f3-cap--usual .f3-out{opacity:clamp(.5,calc(var(--f3-p)/42),1)}.f3-cap--ours{padding-left:var(--lead);text-align:left;grid-area:oc;justify-self:start}.f3-cap--ours .f3-out{opacity:clamp(.5,calc((100 - var(--f3-p))/42),1)}.f3-title{letter-spacing:-.01em;margin:0 0 6px;font-family:inherit;font-size:18px;font-weight:700;line-height:1.3}.f3-cap--usual .f3-title{color:var(--ink-3)}.f3-cap--ours .f3-title{color:var(--navy)}.f3-out{min-height:4.5em;color:var(--body);margin:0;font-size:16px;line-height:1.5;transition:opacity .2s}.f3-cap--ours .f3-out{color:var(--navy)}.f3-hint{letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#65718c;grid-area:hint;align-self:start;margin:0;padding-top:4px;font-size:13px;font-weight:600}.f3-more{text-align:center;margin:clamp(22px,3vw,34px) 0 0;font-size:16px;font-weight:500}.f3[data-changed] .f3-tag{animation:.36s ease-out both f3-in;animation-delay:calc(var(--i)*45ms)}.f3[data-changed] .f3-out{animation:.36s ease-out both f3-fade}@keyframes f3-in{0%{opacity:0;transform:translateY(calc(6px - 50%))}to{opacity:1;transform:translateY(-50%)}}@keyframes f3-fade{0%{opacity:0}to{opacity:1}}@media (max-width:1199.98px){.f3-tag-text{font-size:15px}}@media (max-width:1023.98px){.f3-tag-text{font-size:14px}.f3-list--ours .f3-tag-text{padding:5px 16px 5px 12px}.f3-out{min-height:6em;font-size:15px}}@media (max-width:899.98px){.f3{--lead:16px}.f3-list--ours .f3-tag-text{padding:4px 10px}.f3-list--usual .f3-tag-text{padding-right:8px}}@media (max-width:719.98px){.f3{--fw:clamp(124px,37vw,168px);--lead:12px}.f3-chips{margin-bottom:0}.f3-chips:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f4f8ff00,#f4f8ff);width:28px;position:absolute;top:0;bottom:0;right:0}.f3-chiprow{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:3px 28px 3px 3px;overflow-x:auto}.f3-chiprow::-webkit-scrollbar{display:none}.f3-chip{scroll-snap-align:start}.f3-chip span{min-height:42px}.f3-tabs{border:1px solid var(--line-3);background:#fff;border-radius:6px;margin:18px 0 26px;display:flex;overflow:hidden}.f3-tabbtn{min-height:48px;font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;flex:1 1 0;padding:0 10px;font-size:15px;font-weight:600;position:relative}.f3-tabbtn+.f3-tabbtn{border-left:1px solid var(--line-3)}.f3-tabbtn[aria-selected=true]{color:var(--navy)}.f3-tabbtn[aria-selected=true]:after{content:"";background:var(--blue);height:3px;position:absolute;bottom:0;left:0;right:0}.f3-tabbtn:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.f3-fig{grid-template-columns:minmax(0,1fr)var(--fw);grid-template-areas:"ul fn""uc uc";row-gap:18px}.f3-fig:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.f3-stage{cursor:auto;-webkit-user-select:auto;user-select:auto}.f3[data-tab=ours] .f3-fig{grid-template-columns:var(--fw)minmax(0,1fr);grid-template-areas:"fn ol""oc oc"}.f3[data-tab=ours] .f3-list--usual,.f3[data-tab=ours] .f3-cap--usual,.f3[data-tab=ours] .f3-layer--usual,.f3[data-tab=usual] .f3-list--ours,.f3[data-tab=usual] .f3-cap--ours,.f3[data-tab=usual] .f3-layer--ours{display:none}.f3-list--usual,.f3-list--ours,.f3-cap--usual .f3-out,.f3-cap--ours .f3-out{opacity:1}.f3-layer--usual,.f3-layer--ours{clip-path:none}.f3-stage{aspect-ratio:260/430}.f3-svg--wide{display:none}.f3-svg--tall{display:block}.f3-seam,.f3-range,.f3-hint{display:none}.f3-tag{top:var(--ym)}.f3-tag-text{font-size:13.5px;line-height:1.28}.f3-list--usual .f3-tag-text{padding-right:8px}.f3-list--ours .f3-tag-text{padding:6px 10px}.f3-cap--usual,.f3-cap--ours{text-align:left;justify-self:stretch;max-width:none;padding:0}.f3-out{min-height:3em}}@media (prefers-reduced-motion:reduce){.f3[data-changed] .f3-tag,.f3[data-changed] .f3-out{animation:none}.f3-list,.f3-out{transition:none}}@media (forced-colors:active){.f3-chip input:checked+span{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.f3-tabbtn[aria-selected=true]{forced-color-adjust:none;color:highlighttext;background:highlight}.f3-tabbtn[aria-selected=true]:after{background:highlighttext}}