@font-face{font-family:Grtsk Giga;src:url(GrtskGiga-Semibold.woff2) format("woff2"),url(GrtskGiga-Semibold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.virtual-tryon{background:#fff;padding:40px 0;color:#000}@media (max-width: 767px){.virtual-tryon{padding:20px 0 40px}}@media (max-width: 767px){.virtual-tryon .container{padding:0}}.virtual-tryon .tryon-title{font-family:Grtsk Giga;font-size:20px;margin-top:0;margin-bottom:30px}@media (max-width: 767px){.virtual-tryon .tryon-title{text-align:center;font-size:14px;margin-bottom:20px;line-height:1}}.virtual-tryon .grid-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:40px 50px;grid-auto-flow:row;grid-template-areas:"image-wrap top-content" "image-wrap filter-wrap"}@media (max-width: 767px){.virtual-tryon .grid-layout{display:flex;flex-direction:column;gap:16px}}.virtual-tryon .image-wrap{grid-area:image-wrap}.virtual-tryon .top-content{grid-area:top-content}.virtual-tryon .filter-wrap{grid-area:filter-wrap}@media (max-width: 767px){.virtual-tryon .filter-wrap{padding:0 16px}}.virtual-tryon .tryon-wrapper .tryon-left{text-align:center;max-width:722px}.virtual-tryon .tryon-wrapper .tryon-left .tryon-split{position:relative;display:inline-block}.virtual-tryon .tryon-wrapper .tryon-left .tryon-split:before{content:"";height:100%;position:absolute;width:1px;background-color:#ffffff80;left:50%;z-index:3}.virtual-tryon .tryon-wrapper .tryon-left .tryon-split .label{position:absolute;top:30px;font-size:16px;font-weight:600;color:#000;text-transform:uppercase;max-width:90px;z-index:3}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-left .tryon-split .label{font-size:12px;top:20px;max-width:60px}}.virtual-tryon .tryon-wrapper .tryon-left .tryon-split .label.left{left:30px;text-align:left}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-left .tryon-split .label.left{left:20px}}.virtual-tryon .tryon-wrapper .tryon-left .tryon-split .label.right{right:30px;text-align:right}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-left .tryon-split .label.right{right:20px}}.virtual-tryon .tryon-wrapper .tryon-left .tryon-split .tryon-model{width:100%}.virtual-tryon .tryon-wrapper .sub-heading{margin-bottom:16px;font-size:16px}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .sub-heading{display:none}}.virtual-tryon .tryon-wrapper .eye-color-select{max-width:440px}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .eye-color-select{padding:0 16px}}.virtual-tryon .tryon-wrapper .eye-options{display:flex;gap:2px}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .eye-options{gap:4px}}.virtual-tryon .tryon-wrapper .eye-options .eye-item{flex:auto;display:flex;flex-direction:column;cursor:pointer;font-size:12px;text-align:center}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .eye-options .eye-item{width:25%}}.virtual-tryon .tryon-wrapper .eye-options .eye-item .eye-thumb{width:104px;border-radius:10px;margin-bottom:6px;border:2px solid transparent}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .eye-options .eye-item .eye-thumb{border-radius:50%;width:100%}}.virtual-tryon .tryon-wrapper .eye-options .eye-item .eye-thumb img{object-fit:cover;display:block;width:100%}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .eye-options .eye-item .eye_title{font-size:10px}}.virtual-tryon .tryon-wrapper .eye-options .eye-item.active .eye-thumb{border:2px solid #2b0d00}.virtual-tryon .tryon-wrapper .eye-options .eye-item.active .eye_title{font-weight:600}.virtual-tryon .tryon-wrapper .tryon-right{max-width:440px}.virtual-tryon .tryon-wrapper .tryon-right .list-title{font-size:16px;font-weight:600;text-transform:uppercase;margin-bottom:15px}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-right .list-title{display:none}}.virtual-tryon .tryon-wrapper .tryon-right .lens-filter label{display:block;font-size:16px;margin-bottom:16px}.virtual-tryon .tryon-wrapper .tryon-right .lens-filter .lens-filter__dropdown{padding:8px 16px;border-radius:6px;border:1px solid #2b0d00;font-size:14px}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper{text-align:left;margin-top:20px}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px 6px;text-align:center}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid{display:flex;overflow:auto}}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__thumb{width:70px;height:70px;margin:0 auto 6px;border-radius:50%}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__thumb{width:60px;height:60px}}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__thumb img{border-radius:50%;width:100%;max-width:70px}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__item{font-size:13px;max-width:80px}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__item.selected img{box-shadow:inset 0 0 0 2px #2b0d00}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__item.selected .lens__title{font-weight:500}.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__title{white-space:break-spaces;max-width:70px;margin:0 auto;color:#2b0d00}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-right .list-wrapper .lens__grid .lens__title{font-size:10px}}.virtual-tryon .tryon-wrapper .tryon-right .shop-btn{display:inline-block;margin-top:40px;background:#2b0d00;color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;text-transform:uppercase;width:100%;max-width:420px;height:60px;line-height:60px;text-align:center;transition:all .3s ease-in-out}@media (max-width: 767px){.virtual-tryon .tryon-wrapper .tryon-right .shop-btn{margin-top:20px}}.virtual-tryon .tryon-wrapper .tryon-right .shop-btn:hover{color:#fff;background:linear-gradient(89.95deg,#eec6d0 -.15%,#b180bb 99.77%)}.tryon-model{transition:opacity .3s ease;position:relative;z-index:1}.tryon-model.fade-out{opacity:0}.tryon-loader{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:40px;height:40px;border:4px solid #eee;border-top-color:#2b0d00;border-radius:50%;animation:spin 2s linear infinite;display:none;z-index:3}@keyframes spin{to{transform:rotate(360deg)}}.desktop-filter{position:relative}@media (max-width: 767px){.desktop-filter{display:none}}.desktop-filter .filter-dropdown{position:relative;width:280px}.desktop-filter .filter-dropdown .filter-selected{border:1px solid #2b0d00;border-radius:6px;padding:0 36px 10px 12px;background:#fff;font-size:16px;font-weight:500;cursor:pointer;position:relative;height:40px;line-height:40px}.desktop-filter .filter-dropdown .filter-selected:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);background-image:url(./filter-arrow.svg);background-repeat:no-repeat;width:9px;height:5px;background-size:contain}.desktop-filter .filter-dropdown .filter-list{display:none;position:absolute;width:100%;background:#fff;border-radius:6px;box-shadow:2px 4px 10px #2b0d0040;list-style:none;padding:8px 0;margin-top:4px;max-height:220px;overflow-y:scroll;z-index:10;text-align:left;max-height:280px;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.desktop-filter .filter-dropdown .filter-list::-webkit-scrollbar{width:6px}.desktop-filter .filter-dropdown .filter-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.desktop-filter .filter-dropdown .filter-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.desktop-filter .filter-dropdown .filter-list::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.desktop-filter .filter-dropdown .filter-list li{padding:11px 20px;font-size:14px;cursor:pointer;position:relative}.desktop-filter .filter-dropdown .filter-list li:not(.filter-heading){padding-left:43px}.desktop-filter .filter-dropdown .filter-list li:not(.filter-heading):hover{background:#f5f0ed}.desktop-filter .filter-dropdown .filter-list li.filter-heading{font-weight:600;text-transform:uppercase;color:#666;margin-top:4px;cursor:default;pointer-events:none;font-size:12px}.desktop-filter .filter-dropdown .filter-list li.active{font-weight:600}.desktop-filter .filter-dropdown .filter-list li.active:before{content:"";position:absolute;left:20px;width:17px;height:17px;background-image:url(./filter-check.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.desktop-filter .filter-dropdown .filter-heading{font-weight:600;text-transform:uppercase;color:#666;margin-top:4px;cursor:default;pointer-events:none;font-size:12px}.desktop-filter .filter-dropdown.open .filter-list{display:block}body.filterOpen{overflow:hidden}body.filterOpen .mobile-filter:before{content:"";background:#1009;position:fixed;left:0;right:0;bottom:0;top:0;z-index:98}@media (min-width: 768px){.mobile-filter{display:none}}.mobile-filter .open-wrap{display:flex;justify-content:flex-end}.mobile-filter .filter-open{cursor:pointer;border:1px solid rgba(43,13,0,.2509803922);padding:8px 16px;border-radius:24px;display:flex;justify-self:flex-end;align-items:center;gap:10px;font-size:11px;line-height:1;justify-content:center}.mobile-filter .filter-dropdown{position:fixed;z-index:99;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;opacity:0;pointer-events:none;transition:all .3s ease;transform:translateY(20px);max-height:90vh;overflow-y:auto}.mobile-filter .filter-dropdown.active{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-filter .filter-dropdown .filter-close{position:absolute;right:24px;top:24px}.mobile-filter .filter-dropdown .filter-head{font-size:16px;font-weight:600;text-transform:uppercase;margin-bottom:12px}.mobile-filter .filter-dropdown .filter-list{list-style:none;padding:8px 0;margin-top:4px;text-align:left}.mobile-filter .filter-dropdown .filter-list li{padding:8px 0;font-size:14px;cursor:pointer;position:relative}.mobile-filter .filter-dropdown .filter-list li:not(.filter-heading){padding-left:20px}.mobile-filter .filter-dropdown .filter-list li.filter-heading{font-weight:500;text-transform:uppercase;color:#000;margin-top:4px;cursor:default;pointer-events:none;font-size:16px}.mobile-filter .filter-dropdown .filter-list li:not(.filter-heading):before{content:"";position:absolute;left:0;top:10px;width:12px;height:12px;border:2px solid #fff;box-shadow:0 0 0 1px #2b0d00;border-radius:50%}.mobile-filter .filter-dropdown .filter-list li.active:before{background-color:#2b0d00}.mobile-filter .filter-dropdown .btn-wrapper{display:flex;gap:16px}.mobile-filter .filter-dropdown .btn-wrapper a{flex:1;height:36px;text-transform:uppercase;font-size:12px;line-height:36px;border-radius:4px;text-align:center;font-weight:600}.mobile-filter .filter-dropdown .btn-wrapper a.filter-clear{background-color:#f0f0f0;color:#2b0d00}.mobile-filter .filter-dropdown .btn-wrapper a.filter-apply{background-color:#2b0d00;color:#fff}.mobile-filter .filter-dropdown .btn-wrapper a.filter-apply.disabled{background-color:#2b0d0080;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/123/assets/virtual-try-on.css.map */