Untitled
unknown
plain_text
2 years ago
17 kB
5
Indexable
/* ===== MAIN CTA CSS ====== */ html body .eg-main-cta { display: flex; padding: 14px 20px 12px 20px; width: 100%; border: 1px solid #222 !important; background: #FFF; outline: none !important; align-items: center; cursor: pointer; } html body .eg-main-cta .eg-img-grp { margin-right: 16px !important; display: flex; } html body .eg-main-cta .eg-img-grp>.eg-img+.eg-img { margin-left: 8px !important; } html body .eg-main-cta .eg-img-grp>.eg-img:nth-child(2) { display: none !important; } html body .eg-main-cta .eg-text { width: 100%; text-align: initial !important; color: #222 !important; font-family: 'Roboto-Bold' !important; font-size: 18px !important; font-weight: 700 !important; line-height: 23px !important; } html body .eg-main-cta .eg-arrow { min-width: 18px !important; min-height: 18px !important; max-width: 18px !important; max-height: 18px !important; } html body .eg-main-cta .eg-arrow img { display: block; } /* ===== MAIN CTA CSS END ====== */ /* ===== POPUP CSS ===== */ html body .eg-wallet-popup { width: 100%; } html body .eg-popup-container { width: 100%; min-height: 100%; background: white; } html body .eg-navigation { display: flex; justify-content: space-between; margin-bottom: 32px !important; height: 49px !important; border-bottom: 1px solid #f2f2f2; } html body .eg-navigation img { display: block; } html body .eg-navigation .eg-back { display: flex; align-items: center; color: #000; font-size: 14px; font-style: normal; font-weight: 700; line-height: 21px; font-family: 'Roboto-Bold' !important; padding-left: 15px !important; cursor: pointer; } html body .eg-navigation .eg-back img { rotate: 180deg !important; min-width: 14px !important; max-width: 14px !important; min-height: 14px !important; max-height: 14px !important; display: block; margin-right: 8px !important; } html body .eg-navigation .eg-cut { display: flex; justify-content: center; align-items: center; padding: 0 15px; cursor: pointer; } html body .eg-navigation .eg-cut img { width: 18px; height: 18px; display: block; } html body .eg-content-box { padding: 0 20px 24px; } html body .eg-content-box>.eg-header { display: flex; align-items: center; justify-content: flex-start; color: #000; /* Body/Body M Bold */ font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; /* 150% */ font-family: 'Roboto-Bold' !important; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #696158; } html body .eg-content-box>.eg-header img { display: block; min-width: 24px !important; max-width: 24px !important; min-height: 24px !important; max-height: 24px !important; margin-right: 8px !important; } html body .eg-content-box>.eg-success-msg { display: flex; padding: 16px 15px; align-items: flex-start; border: 1px solid #417505; background: #F9FFF3; color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ font-family: 'Roboto-Regular' !important; margin-bottom: 16px; } html body .eg-content-box>.eg-success-msg img { width: 16px; height: 16px; min-width: 16px; min-height: 16px; display: block; margin-right: 8px; } html body .eg-content-box>.eg-info-msg { color: var(--marmot-black-222222, #222); /* Body/Body S Regular */ font-family: Roboto-Regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ margin-bottom: 16px; } html body .eg-content-box>.eg-slider { display: flex; margin-top: 20px; overflow: auto !important; } html body .eg-content-box>.eg-slider::-webkit-scrollbar { display: none; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part { display: flex; padding: 7.5px 10px !important; border-radius: 8px 8px 0px 0px; border: 1px dashed #B4B0AB; flex: 1; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-title { display: block; color: #294388; /* Heading/H6 */ font-size: 16px; font-style: normal; font-weight: 700; /* 127.778% */ font-family: 'Roboto-Bold'; margin-bottom: 8px; text-decoration: underline; cursor: pointer; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-sub-title { color: #000; /* Body/Body XS Regular */ font-family: Roboto-Regular; font-style: normal; font-weight: 400; /* 150% */ display: block; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-small-title { color: #000; font-family: Roboto-Regular; font-style: normal; font-weight: 400; line-height: 12px; /* 120% */ } html body .eg-content-box>.eg-slider .eg-slide .eg-btm-part { border-radius: 0px 0px 8px 8px; border-right: 1px dashed var(--system-grey-dark, #B4B0AB); border-bottom: 1px dashed var(--system-grey-dark, #B4B0AB); border-left: 1px dashed var(--system-grey-dark, #B4B0AB); padding: 12px; } html body .eg-content-box>.eg-slider .eg-slide .eg-btm-part button { width: 100%; outline: none; display: flex; padding: 8px 24px; justify-content: center; align-items: center; background: #294388; border: none; color: var(--system-white, #FFF); text-align: center; font-family: Roboto-Regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ } html body .eg-content-box>.eg-slider .eg-slide .eg-btm-part button:not(.eg-remove-cta):hover { background: #151A58; } html body .eg-content-box>.eg-slider .eg-slide+.eg-slide { margin-left: 16px !important; } html body .eg-content-box>.eg-coupon-box { padding: 16px; border-radius: 5px; background: var(--system-grey-light, #F2F2F2); } html body .eg-content-box>.eg-coupon-box>.eg-text { color: var(--marmot-black-222222, #222); font-feature-settings: 'clig' off, 'liga' off; /* body/Body S Roboto regular */ font-family: Roboto-Regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ cursor: pointer; margin-bottom: 0 !important; } html body .eg-content-box>.eg-coupon-box>.eg-text .eg-img { rotate: 90deg; display: inline-flex; align-items: center; padding-left: 6px; } html body .eg-content-box>.eg-coupon-box>.eg-text .eg-img img { display: block; min-width: 12px; min-height: 12px; height: 12px; width: 12px; } html body .eg-content-box+.eg-content-box { margin-top: 40px !important; padding-bottom: 40px !important; } html body .eg-content-box .eg-reward-page-link { color: var(--system-blue, #0E78AD); /* Body/Body S Regular */ font-family: Roboto-Regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; /* 150% */ display: flex; align-items: center; } html body .eg-content-box .eg-reward-page-link .eg-img { width: 12px; height: 12px; min-width: 12px; min-height: 12px; margin-left: 2px; padding-top: 1px; } html body .eg-content-box .eg-reward-page-link .eg-img img { display: block; width: 100%; height: 100%; } html body .eg-wallet-popup:not(.eg-happen) .eg-success-msg { display: none !important; } html body .eg-cpn-applied .eg-cta:not(.eg-remove-cta), html body .eg-cpn-applied .eg-cta:not(.eg-remove-cta), html body .eg-cta.eg-remove-cta.eg-hidden-default { display: none !important; } html body .eg-cpn-applied .eg-cta.eg-remove-cta, html body .eg-added-to-cart .eg-cta.eg-remove-cta { display: flex !important; } html body .eg-cta.eg-remove-cta { background: white !important; color: var(--system-black, #000) !important; padding-top: 3px !important; } html body .eg-cta.eg-remove-cta .remove-text { color: #0E78AD; font-family: Roboto-Regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; } html body .eg-cta.eg-remove-cta img { display: block; min-width: 18px; min-height: 18px; width: 18px; height: 18px; } .eg-wallet-popup:not(.eg-sample-popup) .eg-coupon-box:not(.eg-show)>.promo-code { display: none !important; } /* ===== POPUP CSS END ==== */ /* ===== POPUP 2 CSS ===== */ .eg-sample-popup .eg-slider { flex-wrap: wrap !important; } html body .eg-sample-popup .eg-slider .eg-slide+.eg-slide { margin-left: 0 !important; } html body .eg-sample-popup .eg-slider .eg-slide .eg-uppr-part, html body .eg-sample-popup .eg-slider .eg-slide .eg-btm-part { border: none !important; } html body .eg-sample-popup .eg-slider .eg-slide .eg-uppr-part { flex-direction: column; padding-bottom: 5px !important; } html body .eg-sample-popup .eg-slider .eg-slide .eg-uppr-part .eg-img, html body .eg-sample-popup .eg-slider .eg-slide .eg-uppr-part .eg-img img { width: 100% !important; min-width: unset !important; height: auto !important; max-width: unset !important; margin-right: 0 !important; } html body .eg-sample-popup .eg-title { font-size: 14px !important; margin-bottom: 0 !important; } html body .eg-sample-popup .eg-btm-part { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 5px !important; padding-right: 5px !important; } html body .eg-sample-popup .eg-content-box { padding: 0px 7px 40px !important; } html body .eg-sample-popup .eg-slide { min-width: unset !important; width: 50% !important; } html body .eg-sample-popup .eg-popup-container { max-width: 532px !important; margin-left: auto; margin-right: auto; } html body .eg-sample-popup .eg-slider .eg-slide .eg-uppr-part .eg-img { flex: 1 !important; } html body .eg-add-deal-cta:not(.eg-deal-avilable) { background: #EAEAEA !important; color: #696158 !important; pointer-events: none !important; } html body .eg-ori-deal~.eg-dummy-deal { display: none !important; } html body .eg-wallet-popup .promo-code .cart-coupon-removed-wrapper { margin-top: 0 !important; margin-bottom: 10px !important; } html body .eg-wallet-popup .promo-code .cart-coupon-removed-wrapper>svg { display: none !important; } html body .eg-wallet-popup .promo-code { display: flex !important; margin-top: 16px !important; } /* ===== POPUP 2 CSS END ===== */ html body .eg-sample-popup .eg-popup-container { min-height: auto !important; } html body .eg-wallet-popup:not(.eg-sample-popup) { position: static !important; background: white !important; border-right: 1px solid #B4B0AB !important; border-left: none !important; border-bottom: 1px solid #B4B0AB !important; border-top: none; } html body .eg-wallet-popup:not(.eg-sample-popup).eg-hide { display: flex !important; height: 0 !important; overflow: hidden; } html body .eg-wallet-popup:not(.eg-sample-popup) .eg-navigation { display: none !important; } .eg-wallet-popup:not(.eg-sample-popup) .eg-content-box:nth-child(2) { margin-top: 23px; } .eg-wallet-popup:not(.eg-sample-popup) .eg-header { border-color: #eaeaea !important; } .eg-wallet-popup:not(.eg-sample-popup) .eg-content-box { display: flex; flex-direction: column; } .eg-wallet-popup:not(.eg-sample-popup) .eg-content-box:nth-child(2) .eg-info-msg, .eg-wallet-popup:not(.eg-sample-popup) .eg-content-box:nth-child(2) .eg-header { order: -1; } .eg-wallet-popup:not(.eg-sample-popup) .eg-coupon-box { max-width: 450px !important; margin-left: auto; } html body .eg-main-cta .eg-img-grp>.eg-img:nth-child(2) { display: flex !important; } html body .eg-main-cta-wrapper { border-left: 1px solid #B4B0AB; padding-left: 0 !important; padding-right: 0 !important; margin-top: 50px !important; } html body .eg-main-cta-wrapper>button { border-top: 1px solid #B4B0AB !important; border-right: 1px solid #B4B0AB !important; border-left: none !important; border-bottom: none !important; } html body .eg-main-cta-wrapper>* { max-width: 711px !important; } html body .eg-main-cta .eg-arrow { rotate: 90deg !important; } html body .eg-main-cta.eg-wallet-in .eg-arrow { rotate: -90deg !important; padding-right: 7px !important; min-width: 26px !important; max-width: 26px !important; } html body .eg-wallet-popup.eg-sample-popup { padding-top: 80px !important; padding-bottom: 80px !important; } html body .eg-content-box>.eg-header { margin-bottom: 15px !important; padding-bottom: 10px !important; } html body .eg-main-cta .eg-img { min-width: 29px !important; min-height: 29px !important; display: block; max-width: 29px !important; max-height: 29px !important; } html body .eg-content-box>.eg-slider .eg-slide { min-width: 185px; display: flex; flex-direction: column; max-width: 185px; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-img { min-width: 57px; max-width: 57px; margin-right: 4px; height: 64px !important; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-title { margin-bottom: 8px !important; text-align: start; line-height: 20px; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-sub-title { font-size: 10px; margin-bottom: 0px; line-height: 14px; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-small-title { font-size: 9px; padding-left: 3px; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-img img { height: 100%; } html body .eg-sample-popup .eg-content-box { max-width: 67% !important; margin-left: auto; margin-right: auto; } html body .eg-navigation { margin-bottom: 21px !important; } html body .eg-sample-popup .eg-content-box>.eg-header { margin-bottom: 16px !important; padding-bottom: 16px !important; } html body .eg-sample-popup .eg-content-box>.eg-slider .eg-slide { min-width: unset !important; width: 50% !important; } html body .eg-sample-popup .eg-content-box>.eg-slider .eg-slide .eg-title { font-size: 14px !important; text-align: center !important; } html body .eg-sample-popup .eg-slider .eg-slide .eg-uppr-part { padding-left: 7px !important; padding-right: 7px !important; margin-bottom: 8px !important; } html body .eg-sample-popup .eg-slider .eg-slide .eg-uppr-part .eg-img { min-height: 175px !important; } html body .eg-item-added-to-bag-choose .eg-cta:not(.eg-remove-cta) { display: none !important; } html body .eg-item-added-to-bag-choose .eg-cta.eg-remove-cta { display: flex !important; } @media(max-width:767px) { html body .eg-main-cta { padding-left: 10px !important; padding-right: 9px !important; } html body .eg-main-cta .eg-img-grp { margin-right: 9px !important; } html body .eg-main-cta .eg-text { font-size: 15px !important; } html body .eg-main-cta .eg-img { min-width: 27px !important; min-height: 27px !important; display: block; max-width: 27px !important; max-height: 27px !important; } html body .eg-content-box>.eg-slider .eg-slide { min-width: 244px; max-width: 244px; } html body .eg-content-box>.eg-slider { padding-top: 20px; position: relative; margin-top: 12px !important; border-top: 1px solid #696158; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-title { font-size: 18px; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part .eg-img { min-width: 79px; max-width: 79px; min-height: 78px; max-height: 78px; margin-right: 13px; } html body .eg-content-box>.eg-slider .eg-slide .eg-uppr-part { padding-top: 14px !important; } html body .eg-content-box>.eg-success-msg { margin-bottom: 7px !important; } }
Editor is loading...