.lens-finder-dev__surface{--lens-finder-pad-x: clamp(var(--sp-7d5), 4vw, var(--sp-16));--lens-finder-pad-y: clamp(var(--sp-7d5), 3vw, var(--sp-12));width:100%;overflow:hidden;background-color:rgb(var(--color-foreground) / .025);border-radius:var(--rounded-block)}.lens-finder-dev__intro{padding:var(--lens-finder-pad-y) var(--lens-finder-pad-x)}.lens-finder-dev__intro .title-wrapper{margin-block-end:0}.lens-finder-dev__stage{position:relative}.lens-finder-dev__stage:before{content:"";position:absolute;z-index:1;inset-block-start:0;inset-inline:var(--lens-finder-pad-x);border-block-start:1px solid rgb(var(--color-border-light));pointer-events:none}.lens-finder-dev__config[hidden],.lens-finder-dev__result[hidden],.lens-finder-dev__locked[hidden],.lens-finder-dev__fields[hidden]{display:none}.lens-finder-dev__choices{display:grid}.lens-finder-dev__choice-group{display:grid;align-content:start;gap:var(--sp-7d5);min-width:0;padding:var(--lens-finder-pad-y) var(--lens-finder-pad-x)}.lens-finder-dev__choice-group+.lens-finder-dev__choice-group{border-block-start:1px solid rgb(var(--color-border-light))}.lens-finder-dev__group-heading,.lens-finder-dev__fields,.lens-finder-dev__field,.lens-finder-dev__result-main,.lens-finder-dev__result-setup,.lens-finder-dev__camera-summary,.lens-finder-dev__guidance-item{min-width:0}.lens-finder-dev__fields{gap:var(--sp-6)}.lens-finder-dev__field{margin:0;padding:0;border:0;transition:opacity var(--animation-short)}.lens-finder-dev__field[disabled]{opacity:.42}.lens-finder-dev__legend{width:100%;margin-block-end:var(--sp-3);padding:0;font-size:var(--text-sm);line-height:1.25}.lens-finder-dev__options{gap:var(--sp-2d5);margin:0;padding:0}.lens-finder-dev__options:empty{display:none}.lens-finder-dev__options li{display:block;min-width:0}.lens-finder-dev__options .label-swatch{display:flex;align-items:center;min-height:var(--sp-11);padding:var(--sp-3) var(--sp-4d5);line-height:1.25;background-color:rgb(var(--color-background))}.lens-finder-dev__options input:checked+.label-swatch{background-color:rgb(var(--color-foreground) / .065)}.lens-finder-dev__options--cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2d5)}.lens-finder-dev__options--cards li,.lens-finder-dev__options--cards .label-swatch{width:100%}.lens-finder-dev__options--cards .label-swatch{min-height:var(--sp-12);justify-content:flex-start}.lens-finder-dev__prompt,.lens-finder-dev__locked p,.lens-finder-dev__result p,.lens-finder-dev__result ol,.lens-finder-dev__result ul{margin:0}.lens-finder-dev__result{display:grid;align-content:center;gap:var(--sp-6);padding:var(--lens-finder-pad-y) var(--lens-finder-pad-x)}.lens-finder-dev__compatible-badge{min-height:var(--sp-6);padding:var(--sp-1) var(--sp-2d5);border:1px solid rgb(var(--color-success-text));border-radius:var(--rounded-full);font-size:var(--text-xs);line-height:1;white-space:nowrap}.lens-finder-dev__result-content{display:grid;gap:var(--sp-7d5)}.lens-finder-dev__result-setup{display:grid;gap:var(--sp-4)}.lens-finder-dev__setup-product{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:var(--sp-5);min-width:0}.lens-finder-dev__product-thumb{display:grid;place-items:center;width:7rem;aspect-ratio:1 / 1;overflow:hidden;background-color:rgb(var(--color-foreground) / .04);border-radius:var(--rounded-block)}.lens-finder-dev__product-thumb svg,.lens-finder-dev__product-placeholder{display:block;width:84%;height:84%;max-width:84%;max-height:84%}.lens-finder-dev__setup-copy{display:grid;justify-items:start;gap:var(--sp-3);min-width:0}.lens-finder-dev__shop{width:auto;max-width:100%;min-width:min(100%,12rem)}.lens-finder-dev__combination{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.lens-finder-dev__plus{opacity:.4}.lens-finder-dev__hero-result{display:grid;gap:var(--sp-7d5)}.lens-finder-dev__result-main{gap:var(--sp-3)}.lens-finder-dev__focal{margin:0;font-size:clamp(4.5rem,7vw,7rem);letter-spacing:-.05em}.lens-finder-dev__helper{max-width:42rem;line-height:1.5}.lens-finder-dev__camera-summary{display:grid;align-content:center;gap:var(--sp-6)}.lens-finder-dev__zoom-summary{display:grid;gap:var(--sp-2)}.lens-finder-dev__zoom{font-size:clamp(var(--sp-8),3vw,var(--sp-12));letter-spacing:-.035em}.lens-finder-dev__zoom-caption{line-height:1.35}.lens-finder-dev__mount-on{display:grid;gap:var(--sp-2)}.lens-finder-dev__mount-camera{font-size:var(--fluid-base-to-xl)}.lens-finder-dev__desktop-guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-start:1px solid rgb(var(--color-border-light));border-block-end:1px solid rgb(var(--color-border-light))}.lens-finder-dev__guidance-item{display:grid;align-content:start;gap:var(--sp-2d5);padding:var(--sp-6) 0}.lens-finder-dev__guidance-item+.lens-finder-dev__guidance-item{padding-inline-start:var(--sp-7d5);border-inline-start:1px solid rgb(var(--color-border-light))}.lens-finder-dev__guidance-item:not(:last-child){padding-inline-end:var(--sp-7d5)}.lens-finder-dev__best-for-list{gap:var(--sp-2);padding:0;list-style:none}.lens-finder-dev__best-for-list li{display:inline-flex;align-items:center;min-height:var(--sp-8);padding:var(--sp-1d5) var(--sp-3);border:1px solid rgb(var(--color-border));border-radius:var(--rounded-full);font-size:var(--text-sm);line-height:1.2}.lens-finder-dev__mobile-best-for,.lens-finder-dev__setup-disclosure{display:none}.lens-finder-dev__disclosures{border-block-start:1px solid rgb(var(--color-border));border-block-end:0}.lens-finder-dev__disclosures .accordion .details .details__summary{padding-block:var(--sp-6)}.lens-finder-dev__disclosures .details__content{max-width:none}.lens-finder-dev__steps{gap:var(--sp-4);padding:0;list-style:none;counter-reset:lens-finder-step}.lens-finder-dev__steps li{display:grid;grid-template-columns:var(--sp-8) minmax(0,1fr);gap:var(--sp-3);align-items:start;line-height:1.5;counter-increment:lens-finder-step}.lens-finder-dev__steps li:before{content:counter(lens-finder-step,decimal-leading-zero);color:rgb(var(--color-foreground) / .45);font-size:var(--text-xs);letter-spacing:.08em}.lens-finder-dev__mobile-recommendations{gap:var(--sp-5)}.lens-finder-dev__mobile-recommendations>div{display:grid;gap:var(--sp-2)}@media screen and (max-width:767px){.lens-finder-dev__surface{--lens-finder-pad-x: var(--sp-5);--lens-finder-pad-y: var(--sp-6)}.lens-finder-dev__choice-group{gap:var(--sp-6)}.lens-finder-dev__fields{gap:var(--sp-5)}.lens-finder-dev__legend{margin-block-end:var(--sp-2d5)}.lens-finder-dev__options{gap:var(--sp-2)}.lens-finder-dev__options .label-swatch{min-height:2.75rem;padding:var(--sp-2d5) var(--sp-4)}.lens-finder-dev__options--cards .label-swatch{min-height:3rem}.lens-finder-dev__result,.lens-finder-dev__result-content{gap:var(--sp-5)}.lens-finder-dev__result-setup{gap:var(--sp-3d5)}.lens-finder-dev__setup-header{gap:var(--sp-3)}.lens-finder-dev__setup-label-row{gap:var(--sp-2)}.lens-finder-dev__compatible-badge{min-height:var(--sp-5);padding:var(--sp-0d5) var(--sp-2)}.lens-finder-dev__setup-product{grid-template-columns:6rem minmax(0,1fr);gap:var(--sp-3d5)}.lens-finder-dev__product-thumb{width:6rem}.lens-finder-dev__setup-copy{gap:var(--sp-2d5)}.lens-finder-dev__combination{display:block;line-height:1.45}.lens-finder-dev__plus{margin-inline:.2em}.lens-finder-dev__hero-result{gap:var(--sp-4)}.lens-finder-dev__result-main{gap:var(--sp-2d5)}.lens-finder-dev__focal{font-size:clamp(4rem,20vw,5.25rem)}.lens-finder-dev__helper{display:none}.lens-finder-dev__camera-summary{gap:var(--sp-3d5)}.lens-finder-dev__zoom-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2)}.lens-finder-dev__zoom{font-size:var(--text-xl)}.lens-finder-dev__zoom-caption{font-size:var(--text-sm)}.lens-finder-dev__mount-on{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2)}.lens-finder-dev__mount-on .subtitle{font-size:var(--text-xs)}.lens-finder-dev__mount-camera{font-size:var(--text-base)}.lens-finder-dev__desktop-guidance{display:none}.lens-finder-dev__mobile-best-for,.lens-finder-dev__setup-disclosure{display:block}.lens-finder-dev__mobile-best-for{display:grid;gap:var(--sp-2d5)}.lens-finder-dev__best-for-list li{min-height:var(--sp-7);padding:var(--sp-1) var(--sp-2d5);font-size:var(--text-xs)}.lens-finder-dev__disclosures{margin-block-start:var(--sp-1)}.lens-finder-dev__disclosures .accordion .details .details__summary{padding-block:var(--sp-5)}.lens-finder-dev__disclosures .accordion .details .details__content{padding-block-end:var(--sp-6)}.lens-finder-dev__steps{gap:var(--sp-3d5)}}@media screen and (min-width:768px){.lens-finder-dev__options--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1024px){.lens-finder-dev__stage,.lens-finder-dev__config,.lens-finder-dev__result,.lens-finder-dev__choices{min-height:24rem}.lens-finder-dev__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.lens-finder-dev__choice-group--lens{border-block-start:0!important;border-inline-start:1px solid rgb(var(--color-border-light))}.lens-finder-dev__hero-result{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);align-items:center;gap:clamp(var(--sp-10),5vw,var(--sp-20))}.lens-finder-dev__camera-summary{min-height:9rem;padding-inline-start:clamp(var(--sp-7d5),3vw,var(--sp-12));border-inline-start:1px solid rgb(var(--color-border-light))}.lens-finder-dev__combination{font-size:var(--fluid-base-to-xl)}.lens-finder-dev__disclosures{margin-block-start:calc(var(--sp-2) * -1)}.lens-finder-dev__disclosures .accordion .details__content{max-width:70%}}@media(prefers-reduced-motion:no-preference){.lens-finder-dev[data-mode=result] .lens-finder-dev__result,.lens-finder-dev[data-mode=configure] .lens-finder-dev__config{animation:lens-finder-dev-state-reveal var(--animation-primary) both}}@keyframes lens-finder-dev-state-reveal{0%{opacity:0;transform:translateY(var(--sp-2))}to{opacity:1;transform:translateY(0)}}shiftcam-lens-finder-dev .lens-finder-dev__status{display:grid;place-items:center;min-height:12rem;padding:var(--lens-finder-pad-y) var(--lens-finder-pad-x);text-align:center}shiftcam-lens-finder-dev .lens-finder-dev__status[hidden]{display:none}shiftcam-lens-finder-dev .lens-finder-dev__product-image{display:block;width:100%;height:100%;object-fit:contain}shiftcam-lens-finder-dev .lens-finder-dev__product-image[hidden],shiftcam-lens-finder-dev [data-result-product-placeholder][hidden]{display:none}shiftcam-lens-finder-dev [data-result-product-placeholder]{display:grid;place-items:center;width:100%;height:100%}.lens-finder-dev__setup-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-4)}.lens-finder-dev__setup-label-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2d5);min-width:0}.lens-finder-dev__compatible-badge{justify-self:start}.lens-finder-dev__edit{-webkit-appearance:none;appearance:none;padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.lens-finder-dev__edit--desktop{display:inline-flex;justify-self:end}.lens-finder-dev__edit--mobile{display:none}.lens-finder-dev__product-image{display:block;width:100%;height:100%;padding:8%;object-fit:contain}.lens-finder-dev__product-image[hidden]{display:none}.lens-finder-dev__setup-product{align-items:center}.lens-finder-dev__setup-actions{display:flex;align-items:center;gap:var(--sp-3)}.lens-finder-dev__shop{width:auto}@media screen and (max-width:767px){.lens-finder-dev__setup-header{display:block}.lens-finder-dev__setup-label-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);width:100%}.lens-finder-dev__compatible-badge{justify-self:end}.lens-finder-dev__edit--desktop{display:none}.lens-finder-dev__edit--mobile{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.lens-finder-dev__setup-product{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:var(--sp-4)}.lens-finder-dev__combination{min-width:0;font-size:var(--text-base);line-height:1.4}.lens-finder-dev__setup-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-4);width:100%}.lens-finder-dev__setup-actions .lens-finder-dev__shop{width:100%;max-width:none;min-width:0}.lens-finder-dev__steps li{font-size:var(--text-sm);line-height:1.35;color:rgb(var(--color-foreground) / .6)}}.lens-finder-dev__result-loading[hidden]{display:none}.lens-finder-dev__result-loading{display:grid;place-items:center;min-height:16rem;padding:var(--lens-finder-pad-y) var(--lens-finder-pad-x)}.lens-finder-dev__result-loading-inner{gap:var(--sp-3);max-width:22rem}.lens-finder-dev__result-spinner{width:var(--sp-7d5);height:var(--sp-7d5)}.lens-finder-dev__setup-divider{display:none}.lens-finder-dev__setup-copy{display:grid;justify-items:start;align-content:center;gap:var(--sp-3);min-width:0}.lens-finder-dev__setup-copy .lens-finder-dev__setup-actions{display:flex;align-items:center;gap:var(--sp-3);width:auto}.lens-finder-dev__setup-copy .lens-finder-dev__shop{width:auto;max-width:100%}@media screen and (max-width:767px){.lens-finder-dev__setup-copy{display:contents}.lens-finder-dev__setup-product{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:var(--sp-4)}.lens-finder-dev__setup-product .lens-finder-dev__combination{grid-column:2;min-width:0}.lens-finder-dev__setup-product .lens-finder-dev__setup-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-4);width:100%;margin-block-start:var(--sp-1)}.lens-finder-dev__setup-product .lens-finder-dev__shop{width:100%;max-width:none;min-width:0}.lens-finder-dev__setup-divider{display:block;width:100%;border-block-start:1px solid rgb(var(--color-border-light))}.lens-finder-dev__steps li{font-size:var(--text-sm);line-height:1.35;color:rgb(var(--color-foreground) / .6)}.lens-finder-dev__result-loading{min-height:15rem}}@media screen and (max-width:359px){.lens-finder-dev__setup-product .lens-finder-dev__setup-actions{grid-template-columns:minmax(0,1fr);justify-items:stretch}.lens-finder-dev__edit--mobile{justify-self:start}}@media screen and (min-width:1024px){.lens-finder-dev__result-loading{min-height:24rem}}@media(prefers-reduced-motion:no-preference){.lens-finder-dev[data-mode=loading] .lens-finder-dev__result-loading{animation:lens-finder-dev-state-reveal var(--animation-short) both}}.lens-finder-dev__edit{color:rgb(var(--lens-finder-edit-color, var(--color-foreground)))}.lens-finder-dev__camera-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--sp-5);row-gap:var(--sp-5);align-items:center}.lens-finder-dev__zoom-summary{grid-column:1;grid-row:1}.lens-finder-dev__mount-on{grid-column:1;grid-row:2}.lens-finder-dev__mount-icon-wrap{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:clamp(6.5rem,8vw,8rem);aspect-ratio:1 / 1;align-self:center;justify-self:end;padding:0;border:0;background:transparent}.lens-finder-dev__mount-icon-wrap[hidden],.lens-finder-dev__mount-icon[hidden]{display:none}.lens-finder-dev__mount-icon{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}@media screen and (max-width:767px){.lens-finder-dev__camera-summary{grid-template-columns:minmax(0,1fr) 5.5rem;column-gap:var(--sp-4);row-gap:var(--sp-3d5)}.lens-finder-dev__mount-icon-wrap{width:5.5rem}}@media screen and (min-width:1024px){.lens-finder-dev__camera-summary{column-gap:clamp(var(--sp-5),2vw,var(--sp-8))}}.lens-finder-dev__phone-select-field,.lens-finder-dev__phone-select-wrap,.lens-finder-dev__phone-select{width:100%}.lens-finder-dev__phone-select-wrap{display:block}.lens-finder-dev__phone-select{min-height:var(--sp-12);padding-inline-end:var(--sp-12);cursor:pointer}.lens-finder-dev__phone-select:disabled{cursor:default}.lens-finder-dev__phone-select-wrap>.icon{inset-inline-end:var(--sp-4);inset-block-start:50%;transform:translateY(-50%)}@media screen and (max-width:767px){.lens-finder-dev__stage{scroll-margin-top:calc(var(--header-height, 0px) + 3rem)}.lens-finder-dev__zoom-caption>span[aria-hidden=true]{display:none}.lens-finder-dev__zoom-caption [data-result-megapixel]{display:block;margin-block-start:var(--sp-0d5)}.lens-finder-dev__zoom-caption [data-result-megapixel]:before{content:"\b7  "}.lens-finder-dev__camera-summary{grid-template-columns:minmax(0,1fr) 6.25rem;column-gap:var(--sp-2)}.lens-finder-dev__mount-icon-wrap{width:6.25rem;max-width:6.25rem}.lens-finder-dev__mount-icon-wrap img{width:100%;height:auto;object-fit:contain}}@media screen and (min-width:1024px){.lens-finder-dev__hero-result{grid-template-columns:minmax(0,1fr) clamp(31rem,34vw,36rem);gap:clamp(var(--sp-8),3vw,var(--sp-12))}.lens-finder-dev__camera-summary{grid-template-columns:minmax(15rem,1fr) clamp(7rem,8vw,8rem);column-gap:clamp(var(--sp-5),2vw,var(--sp-8));width:100%;min-width:0}.lens-finder-dev__zoom-caption,.lens-finder-dev__mount-camera{white-space:nowrap}}@media screen and (max-width:767px){.lens-finder-dev__zoom-summary{display:grid;align-content:start;justify-items:start;gap:var(--sp-1d5)}.lens-finder-dev__zoom-caption{display:block;width:100%}.lens-finder-dev__mount-on{display:grid;align-content:start;justify-items:start;gap:var(--sp-1d5)}.lens-finder-dev__mount-camera{display:block;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shiftcam-lens-finder-dev.css.map */