.facelove-shade-finder{width:100%}.facelove-shade-finder__trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;font:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.facelove-shade-finder__icon{width:14px;height:14px;flex:0 0 14px}.facelove-shade-finder--link{display:flex;justify-content:flex-start;margin:10px 0}.facelove-shade-finder--link .facelove-shade-finder__trigger{border:0;background:transparent;color:#000;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.facelove-shade-finder--link .facelove-shade-finder__trigger span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.facelove-shade-finder--link .facelove-shade-finder__trigger:hover{opacity:.7}.facelove-shade-finder--button{margin:10px 0}.facelove-shade-finder--button .facelove-shade-finder__trigger{width:100%;min-height:46px;padding:11px 18px;border:1px solid #8368a8;border-radius:4px;background:transparent;color:#290913;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.facelove-shade-finder--button .facelove-shade-finder__trigger:hover{background:#8368a8;color:#fff}.facelove-shade-finder__trigger:focus-visible{outline:2px solid #8368a8;outline-offset:3px}.facelove-shade-modal[hidden]{display:none}.facelove-shade-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px}.facelove-shade-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#170f1494;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.facelove-shade-modal__panel{position:relative;z-index:1;width:min(100%,760px);max-height:calc(100vh - 48px);overflow-y:auto;padding:40px 32px 24px;border-radius:14px;background:#fff;box-shadow:0 24px 70px #29091340}.facelove-shade-modal__close{position:absolute;top:10px;right:14px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:#290913;font-size:34px;line-height:1;cursor:pointer}.facelove-shade-modal__header{max-width:560px;margin:0 auto 28px;text-align:center}.facelove-shade-modal__eyebrow{margin:0 0 7px;color:#8368a8;font-size:12px;font-weight:700;letter-spacing:.14em}.facelove-shade-modal__header h2{margin:0 0 8px;color:#290913;font-size:clamp(26px,5vw,38px);line-height:1.15}.facelove-shade-modal__header>p:last-child{margin:0;color:#290913ad;font-size:15px;line-height:1.5}.facelove-shade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.facelove-shade-card{display:flex;flex-direction:column;align-items:center;gap:11px;padding:0;border:0;background:transparent;color:#290913;font:inherit;cursor:pointer}.facelove-shade-card__image{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border:3px solid transparent;border-radius:50%;background:#f3eff5;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.facelove-shade-card__image img{display:block;width:100%;height:100%;object-fit:cover}.facelove-shade-card:hover .facelove-shade-card__image{transform:translateY(-2px);box-shadow:0 8px 20px #2909131f}.facelove-shade-card.is-selected .facelove-shade-card__image{border-color:#8368a8;box-shadow:0 0 0 4px #8368a829}.facelove-shade-card.is-selected .facelove-shade-card__image:after{content:"\2713";position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#8368a8;color:#fff;font-size:16px;font-weight:700}.facelove-shade-card__label{font-size:17px;font-weight:500;line-height:1.2;text-align:center}.facelove-shade-modal__footer{position:sticky;bottom:-24px;margin:28px -32px -24px;padding:16px 32px 24px;background:#fff;box-shadow:0 -10px 20px #ffffffeb}.facelove-shade-modal__next{width:100%;min-height:52px;padding:12px 20px;border:1px solid #8368a8;border-radius:5px;background:#8368a8;color:#fff;font:inherit;font-weight:700;cursor:pointer}.facelove-shade-modal__next:disabled{border-color:#d9cbea;background:#d9cbea;cursor:not-allowed}body.facelove-shade-modal-open{overflow:hidden}@media screen and (min-width:750px){.facelove-shade-modal{align-items:flex-start;padding:115px 16px 20px}.facelove-shade-modal__panel{width:min(100%,540px);max-height:calc(100vh - 135px);overflow-y:auto;padding:20px 20px 16px;border-radius:12px}.facelove-shade-modal__close{top:6px;right:8px;width:34px;height:34px;font-size:28px}.facelove-shade-modal__header{max-width:420px;margin-bottom:12px}.facelove-shade-modal__eyebrow{margin-bottom:3px;font-size:9px}.facelove-shade-modal__header h2{margin-bottom:4px;font-size:23px}.facelove-shade-modal__header>p:last-child{font-size:12px;line-height:1.3}.facelove-shade-grid{grid-template-columns:repeat(3,104px);justify-content:center;gap:10px 20px}.facelove-shade-card{gap:5px}.facelove-shade-card__image{width:104px;height:104px;aspect-ratio:auto;border-width:2px}.facelove-shade-card__label{font-size:12px}.facelove-shade-modal__footer{position:static;margin:14px 0 0;padding:0;box-shadow:none}.facelove-shade-modal__next{min-height:40px;padding:8px 14px;font-size:12px}}@media screen and (max-width:749px){.facelove-shade-modal{align-items:flex-end;padding:0}.facelove-shade-modal__panel{width:100%;max-height:92vh;padding:28px 14px 16px;border-radius:16px 16px 0 0}.facelove-shade-modal__close{top:6px;right:8px;width:32px;height:32px;font-size:25px}.facelove-shade-modal__header{max-width:320px;margin-bottom:18px}.facelove-shade-modal__eyebrow{margin-bottom:4px;font-size:9px}.facelove-shade-modal__header h2{margin-bottom:5px;font-size:21px}.facelove-shade-modal__header>p:last-child{font-size:12px;line-height:1.35}.facelove-shade-grid{grid-template-columns:repeat(2,118px);justify-content:center;gap:16px 22px}.facelove-shade-card{gap:6px}.facelove-shade-card__image{width:118px;height:118px;aspect-ratio:auto;border-width:2px}.facelove-shade-card__label{font-size:13px}.facelove-shade-modal__footer{bottom:-16px;margin:18px -14px -16px;padding:12px 14px 16px}.facelove-shade-modal__next{min-height:40px;padding:8px 14px;font-size:12px}}.facelove-selected-shade-title{display:block;width:100%;margin:0 0 9px;color:#290913;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.facelove-selected-shade-title{margin:0;font-size:12px;line-height:1.2;text-transform:uppercase;white-space:nowrap}.facelove-shade-finder__trigger{flex:0 0 auto;margin:0}.facelove-shade-finder__row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.facelove-shade-finder__row .facelove-selected-shade-title{margin:0;flex:1 1 auto;font-size:12px;line-height:1.2;font-weight:500;text-transform:uppercase}.facelove-shade-finder__row .facelove-shade-finder__trigger{flex:0 0 auto;width:auto;margin:0;white-space:nowrap}.facelove-selected-shade-title:not([data-facelove-inline-shade-title]){display:none!important}@media only screen and (max-width:479px){.facelove-shade-finder__row{gap:12px}.facelove-shade-finder__row .facelove-selected-shade-title,.facelove-shade-finder__row .facelove-shade-finder__trigger{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/facelove-shade-finder.css.map */