:root{--gpm-ink: 26, 26, 26;--gpm-paper: #fdfcfa;--gpm-mat: #f6f2ea;--gpm-gold: #b8860b;--gpm-good: #6f7355;--gpm-avoid: #a06a57}.good-photo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem}.good-photo-modal[open]{display:flex}.good-photo-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14100a8c;border:none;cursor:pointer}.good-photo-modal__content{position:relative;background:var(--gpm-paper);color:rgb(var(--gpm-ink));border:1px solid rgba(var(--gpm-ink),.55);border-radius:2px;box-shadow:0 2.4rem 5rem #14100a47;width:100%;max-width:62rem;max-height:90vh;overflow-y:auto;padding:4rem 4.2rem}.good-photo-modal__content:before{content:"";position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;border:1px solid rgba(184,134,11,.45);pointer-events:none}@media screen and (max-width:749px){.good-photo-modal__content{padding:3rem 1.8rem}.good-photo-modal__content:before{top:.6rem;right:.6rem;bottom:.6rem;left:.6rem}}.good-photo-modal:focus{outline:none}.good-photo-modal__close{position:absolute;top:1.6rem;right:1.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background:var(--gpm-paper);border:none;border-radius:50%;color:rgb(var(--gpm-ink));cursor:pointer;line-height:0;opacity:.65;box-shadow:none;transition:opacity .2s ease,background-color .2s ease}.good-photo-modal__close:hover{opacity:1;background:var(--gpm-mat)}.good-photo-modal__close:focus{outline:none;box-shadow:none}.good-photo-modal__close:focus-visible{opacity:1;outline:1px solid var(--gpm-gold);outline-offset:2px}.good-photo-modal__eyebrow{display:block;text-transform:uppercase;letter-spacing:.28em;font-size:1.1rem;color:var(--gpm-gold);margin:0 0 .9rem}.good-photo-modal__title{margin:0 0 1.4rem;font-weight:400;line-height:1.1}.good-photo-modal__subtitle{margin:0 auto 3rem;font-family:var(--font-heading-family);font-style:italic;font-size:1.6rem;line-height:1.5;opacity:.78;max-width:46rem}.good-photo-modal__header{text-align:center;padding-bottom:2.4rem;margin-bottom:2.8rem;border-bottom:1px solid rgba(var(--gpm-ink),.14)}.good-photo-modal__header .good-photo-modal__subtitle{margin-bottom:0}.good-photo-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem}@media screen and (min-width:750px){.good-photo-modal__grid{gap:0}.good-photo-modal__col:first-child{padding-right:3.2rem}.good-photo-modal__col+.good-photo-modal__col{padding-left:3.2rem;border-left:1px solid rgba(var(--gpm-ink),.14)}}@media screen and (max-width:749px){.good-photo-modal__grid{grid-template-columns:1fr;gap:2.8rem}}.good-photo-modal__col-heading{text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:1.25rem;font-weight:600;margin:0 0 1.6rem;padding-bottom:1rem;position:relative}.good-photo-modal__col-heading:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:2.4rem;height:1px;background:var(--gpm-gold)}.good-photo-modal__samples{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.8rem}.good-photo-modal__sample{position:relative;aspect-ratio:1 / 1;background:var(--gpm-mat);border:1px solid rgba(var(--gpm-ink),.45);padding:.5rem;display:flex;align-items:center;justify-content:center}.good-photo-modal__sample img{width:100%;height:100%;object-fit:cover;display:block}.good-photo-modal__sample--placeholder{background:var(--gpm-mat)}.good-photo-modal__sample--placeholder:before{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:1px solid rgba(184,134,11,.4)}.good-photo-modal__sample-placeholder-icon{width:32%;height:32%;color:rgba(var(--gpm-ink),.35)}.good-photo-modal__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.good-photo-modal__list li{display:flex;align-items:flex-start;gap:.8rem;line-height:1.5;font-size:1.4rem}.good-photo-modal__list-icon{flex-shrink:0;width:1.4rem;height:1.4rem;margin-top:.3rem}.good-photo-modal__list--good .good-photo-modal__list-icon{color:var(--gpm-good)}.good-photo-modal__list--bad .good-photo-modal__list-icon{color:var(--gpm-avoid)}.good-photo-modal ::selection{background:#b8860b38}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-good-photo-modal.css.map */