.version-two #main .p30-page .p30-recognition-variant{padding-block:64px 76px}.version-two #main .p30-recognition-variant>.p30-wrap{padding-top:40px;border-top:1px solid #bed0e724}.version-two #main .p30-rv-gallery{--r-float-y:0px;--r-float-angle:0deg;--rv-control-row:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;position:relative;isolation:isolate;padding:24px 0 28px}.version-two #main .p30-rv-gallery[data-screen-count="2"]{--rv-control-row:3}.version-two #main .p30-rv-gallery[data-screen-count="3"]{--rv-control-row:4}.version-two #main .p30-rv-shot{position:relative;min-width:0;margin:0;align-self:start;transform-origin:center;transform:translateY(calc(var(--r-float-y)*.7*var(--rv-depth))) rotate(calc(var(--r-float-angle)*var(--rv-turn)))}.version-two #main .p30-rv-shot .p30-r-frame{border:0;border-radius:18px;box-shadow:0 16px 38px #00000030}.version-two #main .p30-rv-screen .p30-r-frame{aspect-ratio:3/2}.version-two #main .p30-rv-screen[data-rv-slot="1"]{grid-column:3/13;grid-row:1;z-index:1}.version-two #main .p30-rv-screen[data-rv-slot="2"]{grid-column:1/10;grid-row:2;margin-top:-24%;z-index:2}.version-two #main .p30-rv-screen[data-rv-slot="3"]{grid-column:4/13;grid-row:3;margin-top:-24%;z-index:3}.version-two #main .p30-rv-gallery[data-screen-count="1"] .p30-rv-screen{grid-column:1/12}.version-two #main .p30-recognition-variant .p30-rv-control{grid-row:var(--rv-control-row);margin-top:-30%;z-index:4}.version-two #main .p30-rv-control[data-rv-slot="1"]{grid-column:1/7}.version-two #main .p30-rv-control[data-rv-slot="2"]{grid-column:6/12;margin-top:calc(-30% + 24px);z-index:5}.version-two #main .p30-rv-control[data-rv-slot="3"]{grid-column:8/13;margin-top:calc(-30% + 4px);z-index:6}.version-two #main .p30-rv-gallery[data-control-count="1"] .p30-rv-control{grid-column:9/13;margin-top:-44%}.version-two #main .p30-rv-gallery[data-control-count="3"] .p30-rv-control[data-rv-slot="1"]{grid-column:1/6}.version-two #main .p30-rv-gallery[data-control-count="3"] .p30-rv-control[data-rv-slot="2"]{grid-column:4/9}.version-two #main .p30-rv-control .p30-r-frame{aspect-ratio:315/305}.version-two #main .p30-rv-control img{object-position:56% 50%}.version-two #main .p30-rv-shot figcaption{position:absolute;left:12px;top:12px;z-index:1;max-width:calc(100% - 24px);display:flex;flex-wrap:wrap;align-items:center;gap:2px 9px;margin:0;padding:7px 10px;border:1px solid #d1e6ff29;border-radius:8px;background:#061424ed;color:#f6f9ff;font-size:12px;line-height:1.4}.version-two #main .p30-rv-shot figcaption strong{font-weight:600}.version-two #main .p30-rv-shot figcaption span{color:#b7cce1;font-variant-numeric:tabular-nums}.version-two #main .p30-rv-control figcaption{left:10px;top:10px;max-width:calc(100% - 20px);font-size:11px;padding:7px 9px}.version-two #main .p30-rv-window .p30-r-frame>img{position:absolute;width:317.460318%;height:auto;max-width:none;left:-62.222223%;top:-190.819673%;object-fit:initial}.version-two #main .p30-page .p30-rv-control .p30-r-image-error{font-size:12px;line-height:1.5;padding:44px 12px 12px}.version-two #main .p30-page .p30-rv-original-note{margin:4px 0 0;max-width:58ch;color:#b7cce1;font-size:12px;line-height:1.65}.version-two #main .p30-page .p30-rv-example{margin:18px 0 0;color:#a8caff;font-size:12px;line-height:1.6}@media(min-width:801px)and (max-width:1100px){.version-two #main .p30-recognition-variant .p30-r-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.version-two #main .p30-rv-shot figcaption{left:9px;top:9px;max-width:calc(100% - 18px);font-size:11px;padding:6px 8px}}@media(max-width:800px){.version-two #main .p30-page .p30-recognition-variant{padding-block:48px 60px}.version-two #main .p30-recognition-variant>.p30-wrap{padding-top:32px}.version-two #main .p30-recognition-variant .p30-r-visuals{width:100%;max-width:620px;margin-inline:auto}}@media(max-width:650px){.version-two #main .p30-rv-gallery{grid-template-columns:repeat(24,minmax(0,1fr));padding:10px 0 20px}.version-two #main .p30-rv-shot .p30-r-frame{border-radius:14px}.version-two #main .p30-rv-screen[data-rv-slot="1"]{grid-column:3/25}.version-two #main .p30-rv-screen[data-rv-slot="2"]{grid-column:1/23;margin-top:-18%}.version-two #main .p30-rv-screen[data-rv-slot="3"]{grid-column:3/25;margin-top:-18%}.version-two #main .p30-rv-gallery[data-screen-count="1"] .p30-rv-screen{grid-column:1/24}.version-two #main .p30-rv-control[data-rv-slot="1"],.version-two #main .p30-rv-gallery[data-control-count="3"] .p30-rv-control[data-rv-slot="1"]{grid-column:1/15;margin-top:-25%}.version-two #main .p30-rv-control[data-rv-slot="2"],.version-two #main .p30-rv-gallery[data-control-count="3"] .p30-rv-control[data-rv-slot="2"]{grid-column:11/25;margin-top:calc(-25% + 22px)}.version-two #main .p30-rv-gallery[data-control-count="1"] .p30-rv-control{grid-column:15/25;margin-top:-34%}.version-two #main .p30-rv-gallery[data-control-count="3"] .p30-rv-control[data-rv-slot="3"]{grid-column:6/20;grid-row:calc(var(--rv-control-row) + 1);margin-top:-18%}.version-two #main .p30-rv-shot figcaption{left:9px;top:9px;max-width:calc(100% - 18px);font-size:11px;padding:6px 8px;gap:2px 7px}.version-two #main .p30-rv-control figcaption{left:7px;top:7px;max-width:calc(100% - 14px);font-size:10px;padding:6px 7px}.version-two #main .p30-page .p30-rv-original-note{font-size:11px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.version-two #main .p30-rv-shot{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/co-source-product-recognition-variants-9eb4f4b3.css.map */