.s-lens-types{bottom:0;display:none;height:auto;left:0;margin:auto;max-height:none;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(100%);transition:opacity .25s ease-in-out,transform .25s ease-in-out;width:100%;z-index:-10}.s-lens-types.is-active{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:11}.s-lens-types.is-visible{opacity:1;transform:translateY(0)}.s-lens-types>*{background-color:#fff;height:100vh;overflow-y:auto;pointer-events:auto;position:relative;width:100%}.s-lens-types.is-active{z-index:13}.s-lens-types>*{display:flex;flex-direction:column;min-height:100%}.s-lens-types__close{position:fixed;right:1rem;top:1rem;z-index:3}.s-lens-types__content{margin:0 auto;max-width:50rem}.s-lens-types__title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:105%;padding:1.5rem 3rem .5rem;text-align:center}.s-lens-types-tabs{display:grid;gap:2rem;padding:0 1.25rem 2rem}.s-lens-types-tabs__btns{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:stretch;position:sticky;top:0;width:100%;z-index:3}.s-lens-types-tabs__btn{align-items:center;border-bottom:.1875rem solid #ebe4dc;display:flex;flex:auto;flex-direction:row;font-size:.875rem;justify-content:center;padding:1.5rem .25rem;text-align:center}.s-lens-types-tabs__btn.is-active{border-color:#000}.s-lens-types-tabs__panels{display:grid}.s-lens-types-tabs__panels>[role=tabpanel]{display:none;gap:2rem;grid-area:1/1;opacity:0;transition:opacity .25s ease-in-out}.s-lens-types-tabs__panels>[role=tabpanel].is-active{display:grid}.s-lens-types-tabs__panels>[role=tabpanel].is-visible{opacity:1}@media only screen and (min-width:30em){.s-lens-types{max-height:85vh;width:95%}.s-lens-types>*{border-radius:1.5rem;height:auto}}@media only screen and (min-width:48em){.s-lens-types{max-width:63.5rem}}@media only screen and (min-width:64em){.s-lens-types__title{font-size:2.5rem;padding:3rem 3rem 1.5rem}.s-lens-types-tabs{gap:2.5rem;padding:0 5rem 5rem}.s-lens-types-tabs__btn{font-size:1rem}.s-lens-types-tabs__panels>[role=tabpanel]{gap:2.5rem}}@media only screen and (max-width:calc(30em - 1px)){.s-lens-types{margin-bottom:0;max-height:calc(100dvh - 2.5rem)}.s-lens-types>*{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.s-lens-types-tabs__btns{margin-inline:-1.25rem;width:calc(100% + 2.5rem)}}