.op-transitions{--op-transitions-gap: 16px;--op-transitions-block-gap: 20px;--op-transitions-card-border: #dadae6;--op-transitions-swatch-divider: #b6b6c4;--op-transitions-swatch-cell-width: 100px;--op-transitions-media-ratio: 1 / 1;--op-transitions-outer-inset: 16px;--op-transitions-outer-inset-top: 16px;--op-transitions-outer-inset-bottom: 0px;--op-transitions-padding-y-mobile: 24px;--op-transitions-subheading-gap: 16px;--op-transitions-inner-padding-x: 0px;--op-transitions-media-padding-top: 0px;--op-transitions-media-padding-bottom: 0px}.op-transitions{margin-top:var(--op-transitions-outer-inset-top);margin-bottom:var(--op-transitions-outer-inset-bottom);margin-left:var(--op-transitions-outer-inset);margin-right:var(--op-transitions-outer-inset)}.op-transitions__header{text-align:center;margin-bottom:24px}.op-transitions .op-transitions__title{font-weight:400;font-feature-settings:"liga" off,"clig" off}.op-transitions .op-transitions__subheading,.op-transitions .op-transitions__group-body{font-weight:400;line-height:26px;font-feature-settings:"liga" off,"clig" off}.op-transitions__subheading{margin:var(--op-transitions-subheading-gap) auto 0}@media screen and (max-width:767px){.op-transitions .op-transitions__title{font-size:20px;line-height:30px;letter-spacing:1.111px}.op-transitions .op-transitions__subheading{line-height:22px}}.op-transitions__grid{display:grid;gap:var(--op-transitions-gap);align-items:start}.op-transitions__group+.op-transitions__group{margin-top:var(--op-transitions-block-gap)}.op-transitions .op-transitions__group-title{font-weight:400;line-height:140%;font-feature-settings:"liga" off,"clig" off}.op-transitions .op-registered-mark{font-size:.54em;vertical-align:.63em;line-height:0}.op-transitions__group-body{margin-top:10px}.op-transitions__how-to .op-transitions__group-body{margin-top:var(--op-transitions-block-gap)}.op-transitions__colors{display:grid;grid-template-columns:1fr;gap:var(--op-transitions-gap);margin:var(--op-transitions-block-gap) 0 0;padding:0;list-style:none}.op-transitions__color{display:flex;align-items:stretch;background-color:#fff;border:1px solid var(--op-transitions-card-border)}.op-transitions__swatch-cell{display:flex;flex:0 0 var(--op-transitions-swatch-cell-width, 100px);padding:10px;justify-content:center;align-items:center;gap:10px;border-right:1px solid var(--op-transitions-swatch-divider)}.op-transitions__color-label{flex:1;display:flex;align-items:center;padding:0 16px;font-family:CABOTO,FuturaStd,sans-serif;font-size:16px;font-weight:400;line-height:24px}.op-transitions__media{position:relative;width:100%;padding-top:var(--op-transitions-media-padding-top);padding-bottom:var(--op-transitions-media-padding-bottom)}.op-transitions__media .tw-op-video-with-thumbnail{display:block;width:100%;height:auto;aspect-ratio:var(--op-transitions-media-ratio);overflow:hidden}.op-transitions__media img,.op-transitions__media video{width:100%;height:100%;object-fit:cover}@media screen and (max-width:767px){.op-transitions__media{order:-1}}@media screen and (min-width:768px){.op-transitions{--op-transitions-media-ratio: 916 / 486;--op-transitions-outer-inset: 30px;--op-transitions-outer-inset-top: 30px;--op-transitions-outer-inset-bottom: 0px;--op-transitions-inner-padding-x: 24px;--op-transitions-subheading-gap: 8px}.op-transitions .op-transitions__inner{padding-left:var(--op-transitions-inner-padding-x);padding-right:var(--op-transitions-inner-padding-x)}.op-transitions__grid{gap:var(--op-transitions-block-gap)}.op-transitions__colors{grid-template-columns:repeat(2,1fr)}.op-transitions__colors--flow-column{grid-auto-flow:column;grid-template-rows:repeat(var(--op-transitions-rows, 4),auto)}}@media screen and (min-width:1024px){.op-transitions{--op-transitions-media-ratio: 656 / 732;--op-transitions-media-padding-bottom: 30px}.op-transitions .op-transitions__title{line-height:140%}.op-transitions__grid{grid-template-columns:1fr 1fr}.op-transitions__grid:not(.op-transitions__grid--no-media) .op-transitions__text{display:flex;flex-direction:column;justify-content:center;aspect-ratio:var(--op-transitions-media-ratio)}.op-transitions__grid--no-media{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/op-transitions-lenses.css.map */