.photochromic-guide{margin-top:1.2rem}.photochromic-guide__triggers{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.photochromic-guide__trigger{align-items:center;-webkit-appearance:none;appearance:none;background:rgba(var(--color-foreground),.065);border:0;border-radius:999px;color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.05rem;gap:.6rem;letter-spacing:.05em;line-height:1;padding:.65rem .9rem .65rem 1.05rem;transition:background-color .2s ease}.photochromic-guide__trigger:hover{background:rgba(var(--color-foreground),.11)}.photochromic-guide__trigger-icon{display:block;flex:0 0 auto;height:1.5rem;width:1.5rem}.photochromic-guide__dialog{background:transparent;border:0;color:#111;height:100%;margin:0;max-height:none;max-width:none;padding:0;width:100%}.photochromic-guide__dialog::backdrop{background:#0000007a}.photochromic-guide__panel{background:#f7f7f5;box-sizing:border-box;height:100%;margin-left:auto;max-width:96rem;overflow-y:auto;padding:7.2rem 7.2rem 5.6rem;position:relative;width:min(72vw,96rem)}.photochromic-guide__panel--compact{max-width:76rem;width:min(64vw,76rem)}.photochromic-guide__close{-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;height:4rem;padding:0;position:absolute;right:3.2rem;top:2.4rem;width:4rem}.photochromic-guide__close span{background:#111;height:1px;left:.7rem;position:absolute;top:2rem;width:2.6rem}.photochromic-guide__close span:first-child{transform:rotate(45deg)}.photochromic-guide__close span:last-child{transform:rotate(-45deg)}.photochromic-guide__header{max-width:67rem}.photochromic-guide__eyebrow{font-size:1rem;letter-spacing:.18em;margin:0 0 1.6rem}.photochromic-guide__title{font-family:var(--font-heading-family);font-size:clamp(2.8rem,3vw,4.6rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1.25;margin:0}.photochromic-guide__description{font-size:1.3rem;letter-spacing:.05em;line-height:2;margin:2.4rem 0 0;max-width:61rem}.photochromic-guide__description+.photochromic-guide__description{margin-top:1.4rem}.photochromic-guide__video-wrap{background:#111;margin-top:4.8rem;overflow:hidden;width:100%}.photochromic-guide__video{background:#111;display:block;height:auto;object-fit:contain;width:100%}.photochromic-guide__details{border-bottom:1px solid #d7d7d2;border-top:1px solid #d7d7d2;margin-top:4.8rem;padding:3.2rem 0}.photochromic-guide__details--single{margin-top:5.6rem}.photochromic-guide__detail-title{font-family:inherit;font-size:1.25rem;font-weight:500;letter-spacing:.06em;line-height:1.6;margin:0}.photochromic-guide__list{font-size:1.15rem;letter-spacing:.04em;line-height:1.9;margin:1.6rem 0 0;padding-left:1.8rem}.photochromic-guide__list li+li{margin-top:.4rem}.photochromic-guide__sequence-intro{margin-top:4.8rem}.photochromic-guide__sequence-intro p{color:#686864;font-size:1rem;letter-spacing:.04em;line-height:1.8;margin:.8rem 0 0}.photochromic-guide__examples{display:grid;gap:2.4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2.4rem}.photochromic-guide__example{min-width:0}.photochromic-guide__media{aspect-ratio:350 / 197;background:#e9e9e6;overflow:hidden;position:relative}.photochromic-guide__sequence-frame{background-image:var(--sequence-image);background-position:0 0;background-repeat:no-repeat;background-size:600% 400%;display:block;top:0;right:0;bottom:0;left:0;position:absolute}.photochromic-guide__color{background:#f7f7f5e6;bottom:1.2rem;font-size:.9rem;left:1.2rem;letter-spacing:.16em;padding:.7rem 1rem .6rem;position:absolute}.photochromic-guide__scrubber{margin-top:1.8rem}.photochromic-guide__range{--range-progress: 0%;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#111 0,#111 var(--range-progress),#c8c8c4 var(--range-progress),#c8c8c4 100%);border-radius:0;cursor:ew-resize;display:block;height:1px;margin:0;width:100%}.photochromic-guide__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f7f7f5;border:1px solid #111;border-radius:50%;height:1.8rem;width:1.8rem}.photochromic-guide__range::-moz-range-thumb{background:#f7f7f5;border:1px solid #111;border-radius:50%;height:1.8rem;width:1.8rem}.photochromic-guide__range:focus-visible{outline:2px solid #111;outline-offset:.8rem}.photochromic-guide__range-labels{display:flex;font-size:.8rem;justify-content:space-between;letter-spacing:.16em;margin-top:1.3rem}.photochromic-guide__note{color:#686864;font-size:1rem;letter-spacing:.04em;line-height:1.8;margin:3.6rem 0 0}.photochromic-guide__detail-block .photochromic-guide__note{margin-top:2rem}.photochromic-guide__caution{margin-top:0;padding-top:3.2rem}.photochromic-guide-is-open{overflow:hidden}@media screen and (max-width:749px){.photochromic-guide{margin-top:1rem}.photochromic-guide__trigger{font-size:1rem}.photochromic-guide__triggers{align-items:flex-start;flex-direction:column}.photochromic-guide__panel{padding:6.8rem 2rem 4rem;width:100%}.photochromic-guide__panel--compact{width:100%}.photochromic-guide__close{right:1.2rem;top:1.2rem}.photochromic-guide__title{font-size:3rem}.photochromic-guide__description{font-size:1.2rem;line-height:1.9;margin-top:1.8rem}.photochromic-guide__video-wrap,.photochromic-guide__details,.photochromic-guide__details--single,.photochromic-guide__sequence-intro{margin-top:3.6rem}.photochromic-guide__details{padding:2.4rem 0}.photochromic-guide__detail-title{font-size:1.2rem}.photochromic-guide__list{font-size:1.1rem}.photochromic-guide__examples{gap:3.6rem;grid-template-columns:1fr;margin-top:2.4rem}.photochromic-guide__caution{padding-top:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/photochromic-lens-guide.css.map?border_check=20261021 */