.offcanvas{background:rgb(var(--white));color:rgb(var(--text-color))}.offcanvas .offcanvas-body{padding:calc(10px + .00375*(100vw - 320px))}.offcanvas .offcanvas-header{border-bottom:1px solid rgb(var(--gray));padding:calc(10px + .00375*(100vw - 320px))}.offcanvas.quick-view{width:calc(300px + .0625*(100vw - 320px))}.offcanvas .offcanvas-title{color:rgb(var(--text-color));font-size:calc(18px + .00125*(100vw - 320px));font-family:Playfair Display,serif}.offcanvas.quick-view .quick-view-info{flex-direction:column;padding-inline:calc(6px + .00875*(100vw - 320px))}.offcanvas .soldout-btn{width:100%;border-radius:0;opacity:1;border:1px solid rgb(var(--dark-black))}.offcanvas svg path{stroke:rgb(var(--text-color))}.offcanvas .change-variant-btn svg path{stroke:unset}.offcanvas .change-variant-btn svg{fill:rgb(var(--text-color))}.offcanvas.quick-view .quick-view-info .left-side{width:100%;padding-inline:calc(6px + .0025*(100vw - 320px))}.offcanvas.quick-view .quick-view-info .left-side img{aspect-ratio:20/25;object-position:top;object-fit:cover;width:100%}.offcanvas.quick-view{border-radius:0;margin:0;border-left:none}.offcanvas .btn-close:focus{box-shadow:unset}.offcanvas.quick-view .product-right{height:unset;padding:calc(10px + .005*(100vw - 320px)) 10px}.quick-view-gallery .slick-dots{bottom:calc(-20px + -.0025*(100vw - 320px))}.quick-view .slick-dotted.slick-slider{margin-bottom:calc(20px + .00125*(100vw - 320px))}.quick-view .quick-view-gallery .left-arrow{position:absolute;z-index:1;bottom:calc(-20px + -.0025*(100vw - 320px));left:20px}.quick-view .quick-view-gallery .slick-dots li{width:16px;height:16px}.quick-view .quick-view-gallery .slick-arrow i{font-size:calc(18px + .0025*(100vw - 320px))}.quick-view .quick-view-gallery .right-arrow{position:absolute;z-index:1;bottom:calc(-20px + -.0025*(100vw - 320px));right:20px}.offcanvas.quick-view .offcanvas-header .btn-close{border-radius:50%;display:flex;justify-content:center;align-items:center}.offcanvas.quick-view .offcanvas-header{border-bottom:none}.offcanvas.quick-view .offcanvas-header .btn-close i{color:rgb(var(--text-color));font-size:20px}.user-offcanvas{width:calc(300px + .1*(100vw - 320px))!important}.user-offcanvas .offcanvas-header .btn-close{border-radius:50%;display:flex;justify-content:center;align-items:center;width:calc(18px + .00375*(100vw - 320px));height:calc(18px + .00375*(100vw - 320px))}.user-offcanvas .offcanvas-header .btn-close:focus{box-shadow:none}.user-offcanvas .offcanvas-header .btn-close i{color:rgb(var(--text-color));font-size:calc(20px + .00125*(100vw - 320px))}.user-offcanvas .offcanvas-body{overflow-x:hidden;padding:calc(14px + .00375*(100vw - 320px))!important}.user-offcanvas .offcanvas-body .social-icon ul{display:flex;gap:20px;justify-content:center;margin-top:calc(4px + .01*(100vw - 320px))!important}.user-offcanvas .offcanvas-body .social-icon ul li img{width:calc(20px + .00625*(100vw - 320px));height:calc(20px + .00625*(100vw - 320px))}.user-offcanvas .offcanvas-body .log-in-box .log-in-title h4{font-size:calc(18px + .00375*(100vw - 320px))}.user-offcanvas .offcanvas-body .log-in-box .log-in-title p{margin-block:calc(2px + .00125*(100vw - 320px)) calc(10px + .00875*(100vw - 320px))!important;color:rgb(var(--subtext-color));font-size:calc(14px + .00125*(100vw - 320px))}.user-offcanvas .offcanvas-body .log-in-title{display:none}.log-in-box .label{font-size:calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)))}.log-in-box .login-box input,.log-in-box input{border-radius:0;padding:calc(6px + .00375*(100vw - 320px));border:1px solid rgba(var(--subtext-color),.6);background-color:transparent;font-size:calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)))}.log-in-box .login-box .forgot-pw{display:flex;justify-content:space-between;margin-block:8px;flex-wrap:wrap}.log-in-box .login-box .forgot-pw .signed-in,.register-wrapper .log-in-box .forgot-box .forgot-content{display:flex;gap:6px;align-items:center}.log-in-box .login-box .forgot-pw .signed-in label{color:rgb(var(--subtext-color));font-size:calc(14px + .00125*(100vw - 320px))}.log-in-box .login-box .forgot-pw .forgot-box a{color:rgb(var(--secondary-color));font-weight:500}.log-in-box .login-box .btn,.log-in-box .btn{width:100%;background:rgba(var(--primary-color),.9);border-radius:0;color:rgb(var(--white));font-size:calc(16px + .00125*(100vw - 320px));font-weight:500;padding-block:calc(4px + .00375*(100vw - 320px))}.log-in-box .login-box .social-icon{margin-top:calc(4px + .01*(100vw - 320px))}.log-in-box .login-box .social-icon p{text-align:center;position:relative}.log-in-box .login-box .social-icon p:before{content:"";position:absolute;right:0;top:50%;background:linear-gradient(90deg,#8d8d8d,#e3e3e3);height:1px;width:calc(75px + (120 - 75) * ((100vw - 320px) / (1920 - 320)))}.log-in-box .login-box .social-icon p:after{content:"";position:absolute;left:0;top:50%;background:linear-gradient(90deg,#e3e3e3,#8d8d8d);height:1px;width:calc(75px + (120 - 75) * ((100vw - 320px) / (1920 - 320)))}.log-in-box .sign-up-box,.log-in-box~.sign-in-box{display:flex;justify-content:center;align-items:baseline;gap:calc(2px + .005*(100vw - 320px));flex-wrap:wrap}.log-in-box .sign-up-box a,.log-in-box~.sign-in-box a{color:rgb(var(--primary-color));font-size:calc(16px + .00125*(100vw - 320px))}.log-in-box .forgot-box .forgot-content{margin-block:4px 20px}.log-in-box .forgot-box .forgot-content label a{color:rgba(var(--secondary-color))}.filter-offcanvas{width:calc(300px + .03125*(100vw - 320px))!important;background:rgb(var(--bg-color))}.filter-offcanvas.offcanvas .offcanvas-body .filters-visible{margin-top:0}.filter-offcanvas .filters-list .accordion-item .accordion-button{font-size:calc(16px + .00125*(100vw - 320px));font-weight:400;padding:calc(8px + .00375*(100vw - 320px))}.filter-offcanvas .filters-list .accordion-item .accordion-body{padding-top:0}.filter-offcanvas svg path{stroke:rgb(var(--white))}.offcanvas .compare-modal .compare-cards{display:grid;grid-template-columns:repeat(2,1fr);padding:calc(14px + .00375*(100vw - 320px));gap:calc(10px + .00625*(100vw - 320px))}.offcanvas .compare-cards .compare-card{padding:10px}.offcanvas .compare-cards .remove-from-compare{padding:calc(0px + .00125*(100vw - 320px)) calc(4px + .00125*(100vw - 320px));font-size:calc(18px + .0025*(100vw - 320px));right:calc(-4px + -.0025*(100vw - 320px))}.offcanvas .compare-modal .modal-body .compare-buttons{padding:0 20px 20px;display:flex;flex-direction:column;gap:calc(10px + .00625*(100vw - 320px))}.offcanvas .compare-modal .modal-body .compare-buttons a.btn{background:rgb(var(--dark-black));border-radius:0;color:rgb(var(--white));font-size:calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));padding:calc(2px + .0025*(100vw - 320px)) 12px}body.dark .offcanvas .compare-modal .modal-body .compare-buttons a.btn{color:rgb(var(--text-color))}.offcanvas .compare-modal .modal-body .compare-buttons .btn.remove-all-btn{border:1px solid rgb(var(--red));color:rgb(var(--red));border-radius:0;font-size:calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));padding:calc(2px + .0025*(100vw - 320px)) 12px}.offcanvas .compare-modal .compare-cards .compare-card h5,.offcanvas .compare-modal .compare-cards .compare-card div{display:none}.offcanvas .compare-modal .compare-cards .compare-card img{max-height:calc(150px + .03125*(100vw - 320px));width:100%}.offcanvas.fade.show~.tooltip.show{opacity:0!important;display:none!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/offcanvas.css.map */