@font-face{font-family:gantari-light-italic;src:url(//www.citylabcosmetics.com/wp-content/themes/astra-child/css/../fonts/Gantari/Gantari-LightItalic.ttf)}#modalAR .modal-dialog{max-width:400px}#modalAR .modal-content{background:#fff;border:none;border-radius:30px}#modalAR .modal-body{padding:0}#modalAR .step{padding:20px;display:none}#modalAR .btn-purple{background:#4c4672;width:100%;padding:20px;border-radius:46px;font-family:gantari-medium;font-size:15px;line-height:18px;text-align:center;color:#fff;text-transform:uppercase}#modalAR .btn-white{background:0 0;width:100%;padding:20px;font-family:gantari-medium;font-size:15px;line-height:18px;text-align:center;color:#a0a0a0;text-transform:uppercase}#modalAR .outside-action{font-family:gantari-light-italic;font-size:15px;line-height:18px;text-align:center;color:#5e5e5e;display:block;margin:auto;background:0 0}#modalAR #choose-photo{display:block}#modalAR #ar-consent .btn-close{position:absolute;top:25px;right:25px;width:30px;height:30px;padding:0;opacity:.2;background-size:cover;transition:all .3s}#modalAR #ar-consent .btn-close:hover{opacity:.3;background-color:transparent}#modalAR #ar-consent .conditions{font-family:gantari-light;font-size:17px;line-height:20px;color:#000;margin:50px 0}#modalAR .methods-container{display:flex;flex-direction:column;gap:33px;margin-top:90px;margin-bottom:50px}#modalAR .method-wrapper{min-height:180px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:20px;cursor:pointer}#modalAR .take-photo-wrapper{background:linear-gradient(180deg,#ffd2d2 0%,#eac3d6 100%)}#modalAR .select-photo-wrapper{border:2px dashed #c8d2dc}#modalAR .method-wrapper img{height:26px}#modalAR .method-wrapper input{width:1px;height:1px;opacity:0}#modalAR .method-wrapper .main-title{font-family:editor-medium;font-size:20px;line-height:26px;text-align:center;width:fit-content;background:linear-gradient(68.39deg,#c02660 3.6%,#f9837d 98.08%,#f9837d 98.08%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;background-blend-mode:multiply}#modalAR .method-wrapper .subtitle{font-family:gantari-extrabold;font-size:15px;line-height:18px;text-align:center;color:#000;margin-top:12px;margin-bottom:3px}#modalAR .method-wrapper .subtitle span{color:#c02660}#modalAR .method-wrapper .info{font-family:gantari-regular;font-size:13px;line-height:16px;text-align:center;color:#a8aab5}#modalAR #webcam-capture video,#modalAR #preview-photo canvas,#modalAR #result-photo canvas,#modalAR #result-photo #img-result{width:100%;height:auto;border-radius:25px}#modalAR #webcam-capture #click-photo{height:70px;width:70px;padding:0;display:flex;justify-content:center;align-items:center;background:linear-gradient(68.39deg,#c02660 3.6%,#f9837d 98.08%,#f9837d 98.08%);box-shadow:0px 0px 9.26315px rgba(0,0,0,.25);border-radius:50%;margin:50px auto 30px auto}#modalAR #webcam-capture #click-photo img{width:35px}#modalAR #preview-photo .actions{display:flex;margin:50px 0 30px}#modalAR #preview-photo .actions button,#modalAR #result-photo .actions button{width:50%;font-size:13px;line-height:16px}#modalAR #preview-photo .actions .btn-purple,#modalAR #result-photo .actions .btn-purple{filter:drop-shadow(0px 0px 14px rgba(76,70,114,.45))}#modalAR #uploading-photo .uploading-wrapper{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}#modalAR #uploading-photo .uploading-wrapper img{width:100px;padding:20px}#modalAR #uploading-photo .loading-text{font-family:editor-regular;font-size:35px;line-height:39px;text-align:center;background:linear-gradient(68.39deg,#c02660 3.6%,#f9837d 98.08%,#f9837d 98.08%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;background-blend-mode:multiply}#modalAR #result-photo .actions{display:flex}#modalAR #result-photo .actions .btn-purple{width:100%}#modalAR #result-photo .share-wrapper{display:flex;justify-content:center;align-items:center;gap:15px;margin:17px auto}#modalAR #result-photo .share-wrapper a{display:flex;justify-content:center;align-items:center;gap:10px;font-family:gantari-bold;font-size:14px;line-height:14px;color:#3d5a80;height:56px;padding:10px 30px;border-radius:30px;cursor:pointer;background:rgba(157,157,157,.11)}#modalAR #result-photo .share-wrapper a img{width:auto;height:20px}#modalAR #result-photo .disclaimer-color{margin:0 auto 17px auto;max-width:250px;font-size:13px;line-height:18px;text-align:center}@media screen and (max-width:991px){.page-template-lipstick-virtuale .modal-backdrop.show,.page-template-lipstick-virtuale-ar .modal-backdrop.show{background:linear-gradient(180deg,#ffd2d2 0%,#d2b2d9 100%);opacity:1}.page-template-lip-balm-virtuale .modal-backdrop.show{background:rgba(253,180,150);opacity:1}#modalAR .modal-dialog{margin:36px auto}#modalAR .modal-content{background:0 0;border:none;border-radius:0}#modalAR .modal-body{padding:0}#modalAR .step{padding:0}#modalAR .white-bg-mobile{background:#fff;padding:50px 23px;box-shadow:0px 0px 34px rgba(0,0,0,.1);border-radius:40px;position:relative}#modalAR .outside-action{font-family:gantari-regular;font-size:18px;line-height:22px;color:#fff}#modalAR #choose-photo>.white-bg-mobile{background:0 0;padding:0}#modalAR #preview-photo>.white-bg-mobile{padding:23px}#modalAR .methods-container{gap:0;margin-top:0;margin-bottom:10px}#modalAR .method-wrapper{min-height:250px;gap:13px;box-shadow:none}#modalAR .method-wrapper img{width:38px;height:auto}#modalAR .method-wrapper .main-title{font-size:30px;line-height:39px}#modalAR .select-photo-wrapper{border:none}#modalAR #choose-photo .or{width:100px;height:100px;background:#edc5d5;border-radius:50%;justify-content:center;align-items:center;margin:-35px auto;position:relative;z-index:1}#modalAR #choose-photo .or span{font-family:editor-regular;font-size:22px;line-height:39px;text-align:center;background:linear-gradient(68.39deg,#c02660 3.6%,#f9837d 98.08%,#f9837d 98.08%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;background-blend-mode:multiply}#modalAR #preview-photo .actions{margin:30px 0 0}#modalAR #result-photo .white-bg-mobile{padding:33px}#modalAR #result-photo .actions{margin:22px 0 0}#modalAR #result-photo .actions .btn-white{color:#fff;padding:5px}#modalAR #result-photo .disclaimer-color{margin-bottom:0}}