.oh-meta-view{min-width:0}.oh-meta-view__main{position:relative;margin:0;background:#f7f7f7;aspect-ratio:1.12;border-radius:12px;overflow:hidden}.oh-meta-view__zoom{width:100%;height:100%;padding:0;border:0;background:transparent;display:block;cursor:zoom-in}.oh-meta-view__main img{display:block;width:100%;height:100%;object-fit:contain}.oh-meta-view__main figcaption{position:absolute;top:22px;left:24px;max-width:calc(100% - 48px);font-size:12px;color:#555;pointer-events:none}.oh-meta-view__toggle{display:flex;gap:4px;width:fit-content;max-width:100%;padding:4px;margin:16px auto 10px;border-radius:99px;background:#f5f5f5}.oh-meta-view__toggle button{font:inherit;font-size:13px;border:0;border-radius:99px;background:transparent;color:#666;padding:11px 18px;cursor:pointer;min-width:0}.oh-meta-view__toggle button[aria-pressed=true]{background:#fff;color:#171717;box-shadow:0 1px 5px #00000012}.oh-meta-view__note{font-size:12px;color:#777;line-height:1.5;text-align:center;margin:0 0 12px}.oh-meta-view__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}.oh-meta-view__thumbs button{width:64px;height:54px;max-width:100%;padding:3px;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer}.oh-meta-view__thumbs button[aria-pressed=true]{border-color:#222}.oh-meta-view__thumbs img{display:block;width:100%;height:100%;object-fit:contain}.oh-meta-lens-choice{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:18px 0;margin:20px 0 16px}.oh-meta-lens-choice p{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.55;margin:0 0 8px}.oh-meta-lens-choice p:last-child{margin:0}.oh-meta-lens-choice span{color:#777}.oh-meta-lens-choice strong{font-weight:500;text-align:right;max-width:72%;overflow-wrap:anywhere}.oh-meta-lens-note{font-size:14px;line-height:1.65;color:#555;margin:0 0 22px}.oh-meta-lens-detail{padding:48px 0;margin:35px 0 0;border-top:1px solid #eee}.oh-meta-lens-detail__intro{display:grid;grid-template-columns:1fr 1fr;gap:50px}.oh-meta-lens-detail h2{font-size:clamp(28px,3vw,36px);letter-spacing:-1px;line-height:1.15;margin:0;color:#171717}.oh-meta-lens-detail__intro p{margin:0;font-size:15px;line-height:1.75;color:#666}.oh-meta-lens-detail__pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.oh-meta-lens-detail figure{margin:0;min-width:0}.oh-meta-lens-detail__pair img{display:block;width:100%;height:auto;background:#f7f7f7;border-radius:8px;aspect-ratio:2;object-fit:contain}.oh-meta-lens-detail figcaption{font-size:13px;line-height:1.5;color:#666;margin-top:12px}.oh-meta-lens-detail__faq{max-width:800px;margin:40px auto 0}.oh-meta-lens-detail h3{font-size:23px;margin:0 0 20px}.oh-meta-lens-detail details{border-top:1px solid #e7e7e7;padding:18px 0;font-size:14px}.oh-meta-lens-detail summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-weight:500}.oh-meta-lens-detail summary:after{content:"+";font-weight:300}.oh-meta-lens-detail details[open] summary:after{content:"\2212"}.oh-meta-lens-detail details p{color:#666;line-height:1.65;margin:16px 0 0}.oh-meta-view button:focus-visible,.oh-meta-lens-detail summary:focus-visible{outline:2px solid #d60052;outline-offset:3px}.oh-meta-view__dialog{padding:20px;border:0;border-radius:10px;max-width:95vw;width:1500px;max-height:94vh;background:#fff}.oh-meta-view__dialog::backdrop{background:#0008}.oh-meta-view__dialog button{float:right;cursor:pointer;border:1px solid #ddd;border-radius:99px;padding:10px 20px;background:#fff;color:#171717;font:inherit;font-size:14px}.oh-meta-view__dialog img{width:100%;height:auto;max-height:80vh;object-fit:contain;display:block}.oh-meta-view [hidden]{display:none!important}@media(max-width:800px){.oh-meta-view__main{aspect-ratio:1.16}.oh-meta-view__thumbs{gap:7px}.oh-meta-view__thumbs button{width:56px;height:48px}.oh-meta-view__toggle button{padding:11px 14px}}@media(max-width:650px){.oh-meta-lens-detail{padding-top:30px;margin-top:20px}.oh-meta-lens-detail__intro{grid-template-columns:1fr;gap:18px}.oh-meta-lens-detail__pair{gap:12px}.oh-meta-view__main figcaption{top:16px;left:16px}.oh-meta-lens-detail__intro p{font-size:14px}}@media(prefers-reduced-motion:no-preference){.oh-meta-view__main img{animation:ohMetaAppear .18s ease-out}@keyframes ohMetaAppear{0%{opacity:.85}to{opacity:1}}}.oh-meta-lens-tech{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:35px 0;margin:30px 0 15px;border-top:1px solid #eee;border-bottom:1px solid #eee}.oh-meta-lens-tech>div{min-width:0}.oh-meta-lens-tech strong{display:block;font-size:30px;font-weight:550;letter-spacing:-1px}.oh-meta-lens-tech span{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:#777}@media(max-width:650px){.oh-meta-lens-tech{grid-template-columns:1fr 1fr;gap:28px 20px}.oh-meta-lens-tech strong{font-size:26px}}@media(max-width:1199px){.oh-meta-view__thumbs{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;overflow-x:auto;padding:6px 6px 8px;scroll-snap-type:x proximity;scroll-padding-inline:6px;scrollbar-width:thin}.oh-meta-view__thumbs button{flex:0 0 auto;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/oh-meta-lens.css.map */