/** Shopify CDN: Minification failed
Line 16143:7 Expected ")" to end URL token
Line 16145:7 Expected ")" to end URL token
Line 21276:1 "@charset" must be the first rule in the file
Line 34307:84 Unexpected "span"
Line 36184:9 Expected ":"
Line 36214:28 Expected identifier but found whitespace
Line 36214:39 Unexpected "-->"
Line 38641:12 Expected identifier but found whitespace
Line 38641:13 Unexpected "("
**/
/* ======================== */
/* ROOT VARIABLES */
/* ======================== */
:root {
--content-color:#171717;
--mk-win-ur-wl-bg-color: #ffffff;
--mk-win-ur-wl-text-color: #000000;
--mk-win-ur-wl-button-bg-color: #000000;
--mk-win-ur-wl-button-border-color: #ffffff;
--mk-win-ur-wl-button-text-color: #ffffff;
--mk-win-ur-wl-bg-color: #ffffff;
--mk-win-ur-wl-text-color: #000000;
--mk-win-ur-wl-button-bg-color: #000000;
--mk-win-ur-wl-button-border-color: #ffffff;
--mk-win-ur-wl-button-text-color: #ffffff;
--window-height: 667px;
--header-height: 50px;
--annoouncement-height: 0px;
--anouncement-scroll-height: 36px;
--desktop_hide_new-height: 34px;
--anouncement-scrolling-height: 36px;
--logo-height: 0px;
--accordion-height: 0px;
--swym-storefront-layout-ui-bg-color: #fff;
--swym-storefront-layout-ui-text-color: #000;
--swym-storefront-layout-color-text-default: #1C1C1C;
--swym-storefront-layout-color-text-sub2: #999EA8;
--swym-storefront-layout-color-text-sub: #B1B7C3;
--swym-storefront-layout-color-text-remove: #ea0202;
--swym-storefront-layout-color-text-error: #ea0202;
--swym-storefront-layout-button-color-bg-primary: #000;
--swym-storefront-layout-button-color-text-primary: #fff;
--swym-storefront-layout-button-color-bg-secondary: #e6f7f4;
--swym-storefront-layout-button-color-text-secondary: #121F36;
--swym-storefront-layout-button-border-radius: 19px;
--swym-storefront-layout-input-color-bg: #fff;
--swym-storefront-layout-input-color-text: #171722;
--swym-storefront-layout-border-color: #B1B7C3;
--swym-storefront-layout-color-border: #B1B7C3;
--swym-storefront-layout-color-bg: #fff;
--swym-storefront-layout-color-text: #1C1C1C;
--swym-storefront-layout-carousel-button-bg-color: #ffffff;
--swym-storefront-layout-carousel-button-icon-color: #171722;
--swym-storefront-layout-carousel-image-bg-color: #0000000d;
--swym-storefront-layout-carousel-item-border-color: #B1B7C3;
--swym-storefront-layout-carousel-image-border-color: #17172205;
--swym-storefront-layout-close-button-bg-color: #fff;
--swym-storefront-layout-close-button-icon-color: #333333;
--swym-storefront-layout-font-size-header: 20px;
--swym-storefront-layout-font-size-login-heading: 16px;
--swym-storefront-layout-font-size-heading: 14px;
--swym-storefront-layout-font-size-text: 13px;
--swym-storefront-layout-font-size-sub-text: 12px;
--swym-storefront-layout-ui-border-radius: 10px;
--swym-storefront-layout-side-drawer-width: 300px;
--swym-storefront-layout-notification-success-bg-color: #d4edda;
--swym-storefront-layout-notification-success-text-color: #155724;
--swym-storefront-layout-notification-success-border-color: #c3e6cb;
--swym-storefront-layout-notification-error-bg-color: #f8d7da;
--swym-storefront-layout-notification-error-text-color: #721c24;
--swym-storefront-layout-notification-error-border-color: #f5c6cb;
--swym-storefront-layout-notification-warning-bg-color: #fff3cd;
--swym-storefront-layout-notification-warning-text-color: #856404;
--swym-storefront-layout-notification-warning-border-color: #ffeeba;
--swym-storefront-layout-notification-info-bg-color: #121F36;
--swym-storefront-layout-notification-info-text-color: #ffffff;
--swym-storefront-layout-notification-info-border-color: #bee5eb;
--swym-storefront-layout-notification-neutral-bg-color: #FFFFFF;
--swym-storefront-layout-notification-neutral-text-color: #383d41;
--swym-storefront-layout-notification-neutral-border-color: #d6d8db;
--swym-storefront-layout-notification-toast-bg-color: #333333;
--swym-storefront-layout-notification-toast-text-color: #ffffff;
--swym-storefront-layout-notification-toast-border-color: #434343;
--swym-p-space-100: 4px;
--swym-p-space-150: 6px;
--swym-p-space-200: 8px;
--swym-p-space-300: 12px;
--swym-p-space-400: 16px;
--swym-p-space-500: 20px;
--swym-p-space-600: 24px;
--swym-p-space-800: 32px;
--swym-p-border-radius-050: 2px;
--swym-p-border-radius-100: 4px;
}
.announcement-bar-section{position:relative;z-index:6}.announcement-bar--scrolling{overflow:hidden;position:relative}.announcement-bar__scrolling-container{width:100%;overflow:hidden;display:flex}.announcement-bar__scrolling-content{display:flex;white-space:nowrap}.announcement-bar__scrolling-content.is-scrolling{animation:scroll-left linear infinite;animation-duration:var(--scroll-duration, 30s)}.announcement-bar__scroll-item{display:inline-block;margin-right:0;white-space:nowrap;transform:translate(0)}.announcement-bar--scrolling:hover .announcement-bar__scrolling-content{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.announcement-bar__countdown{text-align:center;width:100%}.timer-separator{padding-inline:4px;width:12px;display:flex;justify-content:center;align-items:center}.countdown-timer{align-items:flex-end}.countdown-expired p{margin:0}@media screen and (max-width: 767px){.announcement-bar__scroll-item{margin-right:20px}}.countdown-text,.countdown-timer,.countdown-expired{transition:opacity .3s ease-in-out}.countdown-expired{padding-block:11px 9px}.countdown-text{padding-right:1px}.announcement-bar--scrolling:focus-within{outline-offset:2px}.announcement-bar__countdown.loading{opacity:.7}.announcement-bar__scrolling-container::-webkit-scrollbar{display:none}.announcement-bar{display:flex;align-items:center;justify-content:center}.announcement-bar--scrolling .announcement-bar__link{text-decoration:none;transition:color .2s ease}.announcement-bar--scrolling .announcement-bar__link:hover{text-decoration:underline}.announcement-bar__link:focus-visible{outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion: reduce){.announcement-bar__scrolling-content{animation:none}.announcement-bar--scrolling:hover .announcement-bar__scrolling-content{animation-play-state:running}.countdown-text,.countdown-timer,.countdown-expired{transition:none}}announcement-scroll.scrolling-promotion{justify-content:center;min-height:16px}.utility-bar .swiper-slide{max-width:100%;width:100%!important}.js-announcement-carousel .swiper-slide{opacity:0!important}.js-announcement-carousel .swiper-slide.swiper-slide-active{opacity:1!important;transition:opacity .5s ease-in-out!important}.countdown-days,.countdown-hours,.countdown-minutes,.countdown-seconds{width:15px;padding-right:1px}.announcement-bar-section .js-announcement-carousel{width:100%}.utility-bar{min-height:36px;width:100%;overflow:hidden;display:flex;align-items:center;background-color:rgb(var(--color-background))}.utility-bar--bottom-border{border-bottom:1px solid red}@media screen and (min-width: 1024px){.utility-bar--bottom-border-social-only{border-bottom:1px solid red}}.utility-bar__grid{display:grid;width:100%;grid-template-columns:1fr;grid-template-areas:"announcements"}.utility-bar__grid .list-social{justify-content:flex-start;align-content:center;margin-left:-12px;grid-area:social-icons}@media screen and (max-width: 1023px){.utility-bar .utility-bar__grid .list-social{display:none}}.utility-bar .list-social__item .icon{scale:.9}@media screen and (min-width: 1024px){.utility-bar__grid--3-col{grid-template-columns:3fr 4fr 3fr;grid-template-areas:"social-icons announcements language-currency"}.utility-bar__grid--2-col{grid-template-columns:1fr 1fr;grid-template-areas:"social-icons language-currency"}.announcement-bar.announcement-bar--one-announcement,.announcement-bar--one-announcement .announcement-bar__link{width:fit-content;margin:auto}}.announcement-bar,.announcement-bar__announcement{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:wrap;align-content:center;grid-area:announcements}.announcement-bar .slider--everywhere{margin-bottom:0;scroll-behavior:auto}.utility-bar__grid .announcement-bar-slider,.announcement-bar-slider,.announcement-bar-slider .slider{width:100%}.announcement-bar .slider-button--next{margin-right:-15px;min-width:440px}.announcement-bar .slider-button--prev{margin-left:-15px;min-width:440px}.announcement-bar .slider-button--next:focus-visible,.announcement-bar .slider-button--prev:focus-visible,.utility-bar .list-social__link:focus-visible{outline-offset:-3px;box-shadow:0 0 0 -2px rgb(var(--color-foreground))}.localization-wrapper{grid-area:language-currency;align-self:center;display:flex;justify-content:flex-end}.localization-wrapper .localization-selector+.disclosure__list-wrapper{animation:animateMenuOpen var(--duration-default) ease}.utility-bar .localization-wrapper .disclosure .localization-form__select,.utility-bar .localization-wrapper .disclosure__link{font-size:calc(var(--font-heading-scale) * 13px)}@media screen and (min-width: 1024px){body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width{padding-left:50px;padding-right:50px}.announcement-bar-slider{width:60%}.announcement-bar .slider-button{height:38px}}.announcement-bar__link,.countdown-expired{display:flex;width:fit-content;flex-wrap:wrap;margin:0 auto;height:100%;justify-content:center;align-items:center;text-underline-offset:3px;column-gap:8px;row-gap:0;margin-block:auto;padding-inline:6px;font-size:14px;line-height:16px;letter-spacing:-1.05px;font-family:NeueHaasUnicaW1G-Regular,sans-serif;position:relative}.announcemnet-bar__default-message{padding-block:11px 9px}.announcement-bar__link:after{bottom:-1px}.announcement-bar__link .icon-arrow{display:inline-block;pointer-events:none;margin-left:8px;vertical-align:middle;margin-bottom:2px}.banner_link{width:100%;position:absolute;height:100%;left:0;top:0;display:flex}.announcement-bar:has(.banner_link:hover) .default-link{text-decoration:underline;text-underline-offset:2px}.announcement-bar__message{text-align:center;display:flex;gap:5px;align-items:center;margin:0;justify-content:center}.announcement-bar-slider--fade-in-next .announcement-bar__message,.announcement-bar-slider--fade-in-previous .announcement-bar__message,.announcement-bar-slider--fade-out-next .announcement-bar__message,.announcement-bar-slider--fade-out-previous .announcement-bar__message{animation-duration:var(--duration-announcement-bar);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.announcement-bar-slider--fade-in-next .announcement-bar__message{--announcement-translate-from: -15px;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-in-previous .announcement-bar__message{--announcement-translate-from: 15px;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-out-next .announcement-bar__message{--announcement-translate-to: 15px;animation-name:translateAnnouncementSlideOut}.announcement-bar-slider--fade-out-previous .announcement-bar__message{--announcement-translate-to: -15px;animation-name:translateAnnouncementSlideOut}.announcemnet-bar__default-message .announcement-bar__link{padding:0}@keyframes translateAnnouncementSlideIn{0%{opacity:0;transform:translate(var(--announcement-translate-from))}to{opacity:1;transform:translate(0)}}@keyframes translateAnnouncementSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--announcement-translate-to))}}.announcement-bar-section .promotion{display:flex}.announcement-bar-section .scrolling-promotion{display:flex;width:100%}.announcement-bar-section .promotion--animated{animation:scroll-promotion var(--duration) linear infinite}.announcement-bar-section .scrolling-promotion--paused .promotion--animated{animation-play-state:paused}@keyframes scroll-promotion{0%{transform:translate(0)}to{transform:translate(-100%)}}.scrolling-promotion{display:flex;align-items:center;color:rgb(var(--color-foreground));background:var(--gradient-background);background-color:rgb(var(--color-background));position:relative}.scrolling-promotion .promotion{display:flex;align-items:center;flex:1;justify-content:center;width:100%}.scrolling-promotion .promotion>*{flex:1;width:100%}.scrolling-promotion .promotion__item{padding:0 22px;display:flex;align-items:center;flex-direction:column;row-gap:10px;margin:0}.scrolling-promotion .heading-small{font-family:NeueHaasUnicaW1G-Regular,sans-serif;font-size:14px;font-weight:400;letter-spacing:-1.05px;line-height:16px}.scrolling-promotion .promotion__item:after{background:currentColor;content:"";width:2px;height:2px;top:50%;position:absolute;right:-2px;margin-inline:1px}.scrolling-promotion .promotion__text{color:inherit;line-height:1;white-space:nowrap;font-size:calc(var(--font-size) * .75)}.js-announcement-carousel .swiper-slide{width:100%;align-items:center;display:flex;justify-content:center}.js-announcement-carousel .swiper-slide:hover .announcement-bar__link:after{transform:scaleX(1)}.scrolling-promotion .promotion__link{color:rgb(var(--color-link));text-decoration:none}.scrolling-promotion .media-wrapper:not(.loading){background-color:transparent}.countdown-expired a:hover{text-decoration:underline;text-underline-offset:2px}@media screen and (max-width:767px){.announcement-bar__default-message,.announcement-message .announcement-bar__countdown{padding-block:2.5px 1.5px}.countdown-timer{margin-block:2.5px}.countdown-expired{padding-block:0}}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/component-announcement-bar.css.map?v=39141180508891645591760976919 */
@media screen and (min-width: 769px) and (max-width: 1024px){section.new-countdown-banner .medium-hide{display:none!important}}@media screen and (max-width: 768px){section.new-countdown-banner .small-hide{display:none!important}}section.new-countdown-banner .banner-image-video{line-height:0}@media screen and (min-width: 1025px){section.new-countdown-banner .large-up-hide{display:none!important}}section.new-countdown-banner p,section.new-countdown-banner h1,section.new-countdown-banner h2,section.new-countdown-banner h3,section.new-countdown-banner h4,section.new-countdown-banner h5,section.new-countdown-banner h6{margin:0}section.new-countdown-banner{position:relative}section.new-countdown-banner video,section.new-countdown-banner .banner-image-video img{max-width:100%;width:100%;object-fit:cover}section.new-countdown-banner .collection-open-status{color:#fff;max-width:811px;width:100%}section.new-countdown-banner .countdown-content,section.new-countdown-banner .signup-form{color:#fff;max-width:811px;width:100%}section.new-countdown-banner .signup-form .sign-form__checkbox .checkbox_wrapper{position:relative;max-width:14px}section.new-countdown-banner .signup-form .sign-form__checkbox .checkbox_wrapper:before{display:inline-block;content:"";min-width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='14'%20viewBox='0%200%2013%2014'%20fill='none'%3E%3Cpath%20d='M6.5%200.5C2.912%200.5%200%203.412%200%207C0%2010.588%202.912%2013.5%206.5%2013.5C10.088%2013.5%2013%2010.588%2013%207C13%203.412%2010.088%200.5%206.5%200.5ZM6.5%2012.2C3.627%2012.2%201.3%209.873%201.3%207C1.3%204.127%203.627%201.8%206.5%201.8C9.373%201.8%2011.7%204.127%2011.7%207C11.7%209.873%209.373%2012.2%206.5%2012.2Z'%20fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;vertical-align:-2px;position:relative;top:1px}section.countdown-carousel section.new-countdown-banner .signup-form .sign-form__checkbox .checkbox_wrapper:before{height:16px;top:0}section.countdown-carousel section.new-countdown-banner .signup-form .sign-form__checkbox .checkbox_wrapper:has(input[type=checkbox]:checked):before{height:100%;top:2px}section.new-countdown-banner .signup-form .sign-form__checkbox .checkbox_wrapper:has(input[type=checkbox]:checked):before{height:14.45px;background-image:url("data:image/svg+xml;utf8,")}section.new-countdown-banner .pre-heading{font-size:12px;font-weight:400;line-height:normal;letter-spacing:-.075em;display:flex;gap:16px;justify-content:center;padding-bottom:10px}section.new-countdown-banner .banner-text-content{position:absolute;top:50%;transform:translateY(-50%);left:0;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}section.new-countdown-banner .banner-text-content .main-heading{font-family:NeueHaasUnicaW1G-bold;font-weight:900;letter-spacing:-.075em;text-align:center;color:#fff;margin-bottom:20px}section.new-countdown-banner #cd_timer span.digit{font-family:NeueHaasUnicaW1G-Regular;font-size:140px;font-family:NeueHaasUnicaW1G-bold;font-weight:900;line-height:140px;letter-spacing:-.075em;text-align:left;width:fit-content}section.new-countdown-banner #cd_timer{display:flex;gap:30px;justify-content:center}section.new-countdown-banner #cd_timer div{display:flex;flex-direction:column;align-items:center;position:relative;min-width:178px;width:100%}section.new-countdown-banner #cd_timer span.text,section.new-countdown-banner span.divider{font-family:NeueHaasUnicaW1G-Regular;font-size:12px;font-weight:400;line-height:25px;letter-spacing:-.075em;position:relative;margin-top:-8px}section.new-countdown-banner #cd_timer div:last-child:after{display:none}section.new-countdown-banner .signup-form{margin:40px auto 0;max-width:811px}section.new-countdown-banner .signup-form .Newsletter__Inner{flex-wrap:wrap;justify-content:space-between;row-gap:40px}section.new-countdown-banner .signup-form .Form__Input{min-width:360px;width:360px;border:none;font-family:NeueHaasUnicaW1G-Regular;font-size:12px;font-family:NeueHaasUnicaW1G-bold;font-weight:700;line-height:25px;letter-spacing:-.075em;text-align:left;border-bottom:1px solid #FFF;color:#fff;padding-left:0;padding-top:0;position:relative}section.new-countdown-banner .collection-cta span,section.new-countdown-banner .Newsletter .Form__Submit{font-family:NeueHaasUnicaW1G-Regular;font-size:14px;font-family:NeueHaasUnicaW1G-bold;font-weight:900;line-height:25px;letter-spacing:-.075em;text-align:center;display:inline-block;color:#fff;border:none;margin:0;width:fit-content;max-width:fit-content;padding:0}section.new-countdown-banner .Newsletter .Form__Submit{box-shadow:0 1px #fff;position:relative}section.new-countdown-banner .submit-btn,section.new-countdown-banner .collection-cta{width:100%;justify-content:center;display:flex}section.new-countdown-banner .sign-form__checkbox{display:flex;justify-content:center;align-items:stretch;width:100%;gap:8px;line-height:12px}section.new-countdown-banner .submit-btn{pointer-events:auto}section.new-countdown-banner .Newsletter .Form__Submit.Button--primary:before{display:none}section.new-countdown-banner .signup-form .Form__Input::placeholder{opacity:.6}section.new-countdown-banner .Alert{display:none;padding-top:0}section.new-countdown-banner .Alert.Alert--subscribed,section.new-countdown-banner .Alert.Alert--error,section.new-countdown-banner .Alert.Alert--success{font-family:NeueHaasUnicaW1G-Regular;font-size:12px;font-family:NeueHaasUnicaW1G-bold;font-weight:900;line-height:25px;letter-spacing:-.075em;background:transparent;text-align:center;width:100%}section.new-countdown-banner .Alert.Alert--success{color:#fff;padding-left:0;padding-right:0}p.Alert.Alert--error{padding-left:0;padding-right:0}input:-internal-autofill-selected{background-color:transparent!important;color:#fff!important}section.new-countdown-banner span.divider{align-items:end;width:3px;color:#fff;display:flex;position:relative;top:1px;padding-bottom:2px}section.new-countdown-banner #cd_timer div:first-child{min-width:auto}section.new-countdown-banner .countdown-content .collection-cta{margin-top:20px}@media screen and (max-width: 1024px){section.new-countdown-banner .pre-heading{font-size:9.126px;line-height:14.7px;padding-bottom:7.21px}section.new-countdown-banner .Alert{padding-bottom:0}section.new-countdown-banner .banner-text-content .main-heading{line-height:normal;margin-bottom:15.21px}section.new-countdown-banner #cd_timer span.digit{font-size:106.093px;line-height:106.093px}section.new-countdown-banner #cd_timer span.text,section.new-countdown-banner span.divider{font-size:9.126px;line-height:19.013px;margin-top:-6.08px}section.new-countdown-banner .signup-form{margin-top:30px}section.new-countdown-banner .signup-form .Newsletter__Inner{row-gap:30px}section.new-countdown-banner .countdown-content{top:50%;max-width:618px}section.new-countdown-banner .signup-form .Form__Input{width:275px;min-width:275px;padding-bottom:7px;font-size:10px;line-height:19.013px}section.new-countdown-banner .collection-cta span,section.new-countdown-banner .Newsletter .Form__Submit{text-underline-offset:16px;font-size:10px;line-height:19.013px}section.new-countdown-banner #cd_timer{gap:22.82px}section.new-countdown-banner .collection-open-status .pre-heading{padding-bottom:10px}section.new-countdown-banner .collection-cta span{text-underline-offset:16px}section.new-countdown-banner .collection-open-status{top:50.5%}section.new-countdown-banner #cd_timer div{min-width:125px}section.new-countdown-banner .countdown-content .collection-cta{margin-top:15.21px}}@media screen and (max-width: 850px){section.new-countdown-banner #cd_timer span.digit{font-size:110px;line-height:110px}.CountdownBar__Content{display:flex;justify-content:center}}@media screen and (max-width: 768px){.countdown-content{margin:0}section.new-countdown-banner #cd_timer div{min-width:81px}section.new-countdown-banner .Alert{padding-bottom:10px}section.new-countdown-banner .countdown-content{top:auto;left:50%;right:auto;bottom:20px;transform:none;padding:0 22.65px;max-width:385px}section.new-countdown-banner .countdown-content.center{top:50%;left:50%;bottom:auto}section.new-countdown-banner .pre-heading{font-size:10px;line-height:14.7px;gap:12px;padding-bottom:10px}section.new-countdown-banner .banner-text-content .main-heading{line-height:29.4px;letter-spacing:-.075em;margin-bottom:20px}section.new-countdown-banner .signup-form{margin-top:20px;padding-inline:22.5px}section.new-countdown-banner #cd_timer span.digit{font-size:55px;line-height:80.85px;margin-top:-20px}section.new-countdown-banner .Alert.Alert--success{line-height:16px}section.new-countdown-banner #cd_timer span.text,section.new-countdown-banner span.divider{font-size:10px;font-weight:400;line-height:25px;letter-spacing:-.075em;margin-top:-10px}section.new-countdown-banner .signup-form .Form__Input{min-width:100%;width:100%;font-size:10px;padding-bottom:10px;line-height:normal;font-family:NeueHaasUnicaW1G-bold;font-weight:700;letter-spacing:-.075em}section.new-countdown-banner .signup-form .Newsletter__Inner{display:flex;row-gap:20px}section.new-countdown-banner .Newsletter .Form__Submit{padding-top:0}section.new-countdown-banner #cd_timer{display:flex;gap:8px}section.new-countdown-banner .collection-open-status .pre-heading{padding-bottom:5px}section.new-countdown-banner .collection-open-status{top:50%}section.new-countdown-banner .collection-cta span,section.new-countdown-banner .Newsletter .Form__Submit{font-size:12px;line-height:25px}}@media screen and (max-width: 425px){section.new-countdown-banner #cd_timer{gap:4px}}@media screen and (max-width: 375px){section.new-countdown-banner #cd_timer div{min-width:77px}}@media screen and (max-width: 370px){section.new-countdown-banner #cd_timer span.digit{font-size:45px;line-height:70.85px}section.new-countdown-banner #cd_timer{gap:2px}section.new-countdown-banner #cd_timer div{min-width:70px}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:#fffaf1;transition:background-color 5000s ease-in-out 0s;caret-color:#fffaf1}a.js-banner-link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}section.new-countdown-banner .button-with-link{position:relative;box-shadow:0 1px #fff}section.new-countdown-banner .button-with-link:after,section.new-countdown-banner .Newsletter .Form__Submit:after,section.new-countdown-banner .banner-text-content.countdown .Newsletter .Form__Submit:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-1px!important;left:0;background-color:#fff}section.new-countdown-banner:has(.full-section-link:hover) .collection-open-status .button-with-link{box-shadow:0 1px 0 0 transparent}section.new-countdown-banner .banner-text-content.countdown .Newsletter .Form__Submit:hover,section.new-countdown-banner .Newsletter .Form__Submit:hover,section.new-countdown-banner .button-with-link:hover{box-shadow:0 1px 0 0 transparent}section.new-countdown-banner:has(.full-section-link:hover) .button-with-link:after,section.new-countdown-banner .Newsletter .Form__Submit:hover:after,section.new-countdown-banner .banner-text-content.countdown .Newsletter .Form__Submit:hover:after,section.new-countdown-banner .button-with-link:hover:after{transform:scaleX(1);transition:transform .25s ease-out}section.new-countdown-banner[data-hide-countdown=false] .banner-text-content.countdown .Newsletter .Form__Submit{line-height:unset}section.new-countdown-banner .banner-text-content.countdown .Newsletter .Form__Submit{line-height:26px;position:relative;text-decoration:none;box-shadow:0 1px #fff}.js-countdown-carousel section.new-countdown-banner .full-section-link.for_count_down_hidden{display:none}.js-countdown-carousel section.new-countdown-banner .banner-text-content{transform:translate(-50%,-50%);left:50%;max-width:calc(100% - 88px);height:-webkit-fill-available}.js-countdown-carousel section.new-countdown-banner .banner-text-content countdown-timer{display:flex;flex-direction:column;gap:1px}.js-countdown-carousel .pagination--swiper.shop-carousel{position:absolute;bottom:37px;z-index:10;width:auto;left:50%;transform:translate(-50%);display:flex;justify-content:center;padding:0}section.countdown-carousel section.new-countdown-banner .button-with-link,section.countdown-carousel section.new-countdown-banner .banner-text-content.countdown .Newsletter .Form__Submit{box-shadow:none;line-height:26px;position:relative}section.countdown-carousel section.new-countdown-banner .banner-text-content.countdown .signup-form .Newsletter .Form__Submit.Button--primary:before{content:"";position:absolute;width:100%;transform:scaleX(1);height:1px!important;display:flex!important;bottom:unset!important;top:100%;left:0;background-color:#fff!important}section.countdown-carousel section.new-countdown-banner .button-with-link:before{content:"";position:absolute;width:100%;transform:scaleX(1);height:1px;bottom:-1px!important;left:0;background-color:#fff}section.countdown-carousel section.new-countdown-banner .banner-text-content.countdown .signup-form .Newsletter .Form__Submit.Button--primary:hover:before,section.countdown-carousel section.new-countdown-banner .button-with-link:hover:before,section.countdown-carousel section.new-countdown-banner:has(.full-section-link:hover) .collection-open-status .button-with-link:before{transform:scaleX(0)}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/new-countdown-banner.css.map?v=98880864514341947891760976919 */
.banner-block-main .banner-block{position:relative;display:flex}.banner-block-main .banner-block .video-wrapper{width:100%;height:100%}.banner-block-main .banner-block .video-wrapper video{width:100%;height:100%;max-height:100vh;object-fit:cover}.banner-block-main .banner-block .video-wrapper .video-control{position:absolute;bottom:0;z-index:100;left:10px;display:none}.banner-block-main .banner-block .video-wrapper .video-control svg{width:50px;height:50px}.banner-block-main .banner-block .image-wrapper{flex:1;position:relative}.banner-block-main .banner-block .hide_tablet_or_mobile,.banner-block-main .banner-block .hide_desk_or_mobile,.banner-block-main .banner-block .hide_desk_or_tablet{line-height:0}.banner-block-main .image-wrapper img{width:100%;object-fit:cover;height:100%}.banner-block-main .banner-block-buttons{position:absolute;bottom:0;width:100%;padding-bottom:80px;display:flex;justify-content:space-around;z-index:2}.banner-block-main .banner-block-buttons.buttonRight{right:50%}.banner-block-main .banner-block-buttons.buttonLeft{left:50%}.banner-block-main .banner-block-buttons.single-block .banner-block-button{flex:1;text-align:center}.banner-block-main .banner-block-buttons .banner-block-button .button-with-link{display:inline-flex;padding-bottom:1px;color:#fff;font-family:NeueHaasUnicaW1G-Regular;font-style:normal;font-family:NeueHaasUnicaW1G-bold;font-weight:900;line-height:1.4;letter-spacing:-.075em;text-decoration:none;border-bottom:1px solid #FFF;position:relative}.banner-block-main:has(.full-section-link:hover) .banner-block-buttons .banner-block-button .button-with-link:after{transform:scaleX(1)}.banner-block-main:has(.full-section-link:hover) .banner-block-buttons .banner-block-button .button-with-link{border-bottom-color:transparent!important}.banner-block-main .banner-block-buttons .banner-block-button .button-with-link{display:inline-flex;padding-bottom:1px;color:#fff;font-family:NeueHaasUnicaW1G-Regular;font-size:20px;font-style:normal;font-family:NeueHaasUnicaW1G-bold;font-weight:900;line-height:1.4;letter-spacing:-.075em;text-decoration:none;border-bottom:1px solid #FFF;position:relative}.banner-block-main .banner-block-buttons .banner-block-button .button-with-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-2px;left:0;background-color:#fff;transition:transform .25s ease-out}.banner-block-main .banner-block-buttons .banner-block-button .button-with-link:hover:after{transform:scaleX(1)}.banner-block-main .banner-block-buttons .banner-block-button .button-with-link:hover{border-bottom-color:transparent!important}.banner-block-main .banner-block-buttons .banner-block-button .button-with-link:after{bottom:-1px}.banner-block-main .image-wrapper .video-poster-image{display:none}@media screen and (max-width: 640px){.banner-block-main .banner-block-buttons{padding-bottom:78px}.banner-block-main .banner-block{flex-direction:column}.banner-block-main .banner-block-buttons .banner-block-button .button-with-link{letter-spacing:-.075em}.banner-block-main .banner-block-buttons.buttonRight{right:0%}.banner-block-main .banner-block-buttons.buttonLeft{left:0%}}@media screen and (max-width: 425px){.banner-block-main .banner-block-buttons.single-block{justify-content:center;gap:70px}.banner-block-main .banner-block-buttons.single-block .banner-block-button{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/banner-block.css.map?v=92531170893236875291760976919 */
.announcement-bar-section {
position: relative;
z-index: 6;
}
.announcement-bar--scrolling {
overflow: hidden;
position: relative;
}
.announcement-bar__scrolling-container {
width: 100%;
overflow: hidden;
display: flex;
}
.announcement-bar__scrolling-content {
display: flex;
white-space: nowrap;
}
.announcement-bar__scrolling-content.is-scrolling {
animation: scroll-left linear infinite;
animation-duration: var(--scroll-duration, 30s);
}
.announcement-bar__scroll-item {
display: inline-block;
margin-right: 0;
white-space: nowrap;
transform: translate(0);
}
.announcement-bar--scrolling:hover .announcement-bar__scrolling-content {
animation-play-state: paused;
}
@keyframes scroll-left {
0% {
transform: translate(0);
}
to {
transform: translate(-100%);
}
}
.announcement-bar__countdown {
text-align: center;
width: 100%;
}
.timer-separator {
padding-inline: 4px;
width: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.countdown-timer {
align-items: flex-end;
}
.countdown-expired p {
margin: 0;
}
@media screen and (max-width: 767px) {
.announcement-bar__scroll-item {
margin-right: 20px;
}
}
.countdown-text,
.countdown-timer,
.countdown-expired {
transition: opacity 0.3s ease-in-out;
}
.countdown-expired {
padding-block: 11px 9px;
}
.countdown-text {
padding-right: 1px;
}
.announcement-bar--scrolling:focus-within {
outline-offset: 2px;
}
.announcement-bar__countdown.loading {
opacity: 0.7;
}
.announcement-bar__scrolling-container::-webkit-scrollbar {
display: none;
}
.announcement-bar {
display: flex;
align-items: center;
justify-content: center;
}
.announcement-bar--scrolling .announcement-bar__link {
text-decoration: none;
transition: color 0.2s ease;
}
.announcement-bar--scrolling .announcement-bar__link:hover {
text-decoration: underline;
}
.announcement-bar__link:focus-visible {
outline-offset: 2px;
border-radius: 3px;
}
@media (prefers-reduced-motion: reduce) {
.announcement-bar__scrolling-content {
animation: none;
}
.announcement-bar--scrolling:hover .announcement-bar__scrolling-content {
animation-play-state: running;
}
.countdown-text,
.countdown-timer,
.countdown-expired {
transition: none;
}
}
announcement-scroll.scrolling-promotion {
justify-content: center;
min-height: 16px;
}
.utility-bar .swiper-slide {
max-width: 100%;
width: 100% !important;
}
.js-announcement-carousel .swiper-slide {
opacity: 0 !important;
}
.js-announcement-carousel .swiper-slide.swiper-slide-active {
opacity: 1 !important;
transition: opacity 0.5s ease-in-out !important;
}
.countdown-days,
.countdown-hours,
.countdown-minutes,
.countdown-seconds {
width: 15px;
padding-right: 1px;
}
.announcement-bar-section .js-announcement-carousel {
width: 100%;
}
.utility-bar {
min-height: 36px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
background-color: rgb(var(--color-background));
}
.utility-bar--bottom-border {
border-bottom: 1px solid red;
}
@media screen and (min-width: 1024px) {
.utility-bar--bottom-border-social-only {
border-bottom: 1px solid red;
}
}
.utility-bar__grid {
display: grid;
width: 100%;
grid-template-columns: 1fr;
grid-template-areas: "announcements";
}
.utility-bar__grid .list-social {
justify-content: flex-start;
align-content: center;
margin-left: -12px;
grid-area: social-icons;
}
@media screen and (max-width: 1023px) {
.utility-bar .utility-bar__grid .list-social {
display: none;
}
}
.utility-bar .list-social__item .icon {
scale: 0.9;
}
@media screen and (min-width: 1024px) {
.utility-bar__grid--3-col {
grid-template-columns: 3fr 4fr 3fr;
grid-template-areas: "social-icons announcements language-currency";
}
.utility-bar__grid--2-col {
grid-template-columns: 1fr 1fr;
grid-template-areas: "social-icons language-currency";
}
.announcement-bar.announcement-bar--one-announcement,
.announcement-bar--one-announcement .announcement-bar__link {
width: fit-content;
margin: auto;
}
}
.announcement-bar,
.announcement-bar__announcement {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: center;
grid-area: announcements;
}
.announcement-bar .slider--everywhere {
margin-bottom: 0;
scroll-behavior: auto;
}
.utility-bar__grid .announcement-bar-slider,
.announcement-bar-slider,
.announcement-bar-slider .slider {
width: 100%;
}
.announcement-bar .slider-button--next {
margin-right: -15px;
min-width: 440px;
}
.announcement-bar .slider-button--prev {
margin-left: -15px;
min-width: 440px;
}
.announcement-bar .slider-button--next:focus-visible,
.announcement-bar .slider-button--prev:focus-visible,
.utility-bar .list-social__link:focus-visible {
outline-offset: -3px;
box-shadow: 0 0 0 -2px rgb(var(--color-foreground));
}
.localization-wrapper {
grid-area: language-currency;
align-self: center;
display: flex;
justify-content: flex-end;
}
.localization-wrapper .localization-selector + .disclosure__list-wrapper {
animation: animateMenuOpen var(--duration-default) ease;
}
.utility-bar .localization-wrapper .disclosure .localization-form__select,
.utility-bar .localization-wrapper .disclosure__link {
font-size: calc(var(--font-heading-scale) * 13px);
}
@media screen and (min-width: 1024px) {
body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
padding-left: 50px;
padding-right: 50px;
}
.announcement-bar-slider {
width: 60%;
}
.announcement-bar .slider-button {
height: 38px;
}
}
.announcement-bar__link,
.countdown-expired {
display: flex;
width: fit-content;
flex-wrap: wrap;
margin: 0 auto;
height: 100%;
justify-content: center;
align-items: center;
text-underline-offset: 3px;
column-gap: 8px;
row-gap: 0;
margin-block: auto;
padding-inline: 6px;
font-size: 14px;
line-height: 16px;
letter-spacing: -1.05px;
font-family: NeueHaasUnicaW1G-Regular, sans-serif;
position: relative;
}
.announcemnet-bar__default-message {
padding-block: 11px 9px;
}
.announcement-bar__link:after {
bottom: -1px;
}
.announcement-bar__link .icon-arrow {
display: inline-block;
pointer-events: none;
margin-left: 8px;
vertical-align: middle;
margin-bottom: 2px;
}
.banner_link {
width: 100%;
position: absolute;
height: 100%;
left: 0;
top: 0;
display: flex;
}
.announcement-bar:has(.banner_link:hover) .default-link {
text-decoration: underline;
text-underline-offset: 2px;
}
.announcement-bar__message {
text-align: center;
display: flex;
gap: 5px;
align-items: center;
margin: 0;
justify-content: center;
}
.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
animation-duration: var(--duration-announcement-bar);
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
.announcement-bar-slider--fade-in-next .announcement-bar__message {
--announcement-translate-from: -15px;
opacity: 0;
animation-name: translateAnnouncementSlideIn;
animation-delay: var(--duration-announcement-bar);
}
.announcement-bar-slider--fade-in-previous .announcement-bar__message {
--announcement-translate-from: 15px;
opacity: 0;
animation-name: translateAnnouncementSlideIn;
animation-delay: var(--duration-announcement-bar);
}
.announcement-bar-slider--fade-out-next .announcement-bar__message {
--announcement-translate-to: 15px;
animation-name: translateAnnouncementSlideOut;
}
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
--announcement-translate-to: -15px;
animation-name: translateAnnouncementSlideOut;
}
.announcemnet-bar__default-message .announcement-bar__link {
padding: 0;
}
@keyframes translateAnnouncementSlideIn {
0% {
opacity: 0;
transform: translate(var(--announcement-translate-from));
}
to {
opacity: 1;
transform: translate(0);
}
}
@keyframes translateAnnouncementSlideOut {
0% {
opacity: 1;
transform: translate(0);
}
to {
opacity: 0;
transform: translate(var(--announcement-translate-to));
}
}
.announcement-bar-section .promotion {
display: flex;
}
.announcement-bar-section .scrolling-promotion {
display: flex;
width: 100%;
}
.announcement-bar-section .promotion--animated {
animation: scroll-promotion var(--duration) linear infinite;
}
.announcement-bar-section .scrolling-promotion--paused .promotion--animated {
animation-play-state: paused;
}
@keyframes scroll-promotion {
0% {
transform: translate(0);
}
to {
transform: translate(-100%);
}
}
.scrolling-promotion {
display: flex;
align-items: center;
color: rgb(var(--color-foreground));
background: var(--gradient-background);
background-color: rgb(var(--color-background));
position: relative;
}
.scrolling-promotion .promotion {
display: flex;
align-items: center;
flex: 1;
justify-content: center;
width: 100%;
}
.scrolling-promotion .promotion > * {
flex: 1;
width: 100%;
}
.scrolling-promotion .promotion__item {
padding: 0 22px;
display: flex;
align-items: center;
flex-direction: column;
row-gap: 10px;
margin: 0;
}
.scrolling-promotion .heading-small {
font-family: NeueHaasUnicaW1G-Regular, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: -1.05px;
line-height: 16px;
}
.scrolling-promotion .promotion__item:after {
background: currentColor;
content: "";
width: 2px;
height: 2px;
top: 50%;
position: absolute;
right: -2px;
margin-inline: 1px;
}
.scrolling-promotion .promotion__text {
color: inherit;
line-height: 1;
white-space: nowrap;
font-size: calc(var(--font-size) * 0.75);
}
.js-announcement-carousel .swiper-slide {
width: 100%;
align-items: center;
display: flex;
justify-content: center;
}
.js-announcement-carousel .swiper-slide:hover .announcement-bar__link:after {
transform: scaleX(1);
}
.scrolling-promotion .promotion__link {
color: rgb(var(--color-link));
text-decoration: none;
}
.scrolling-promotion .media-wrapper:not(.loading) {
background-color: transparent;
}
.countdown-expired a:hover {
text-decoration: underline;
text-underline-offset: 2px;
}
@media screen and (max-width: 767px) {
.announcement-bar__default-message,
.announcement-message .announcement-bar__countdown {
padding-block: 2.5px 1.5px;
}
.countdown-timer {
margin-block: 2.5px;
}
.countdown-expired {
padding-block: 0;
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/component-announcement-bar.css.map?v=39141180508891645591760976919 */
/* ======================== */
/* BASE STYLES */
/* ======================== */
#swym-storefront-layout-container button,
#swym-storefront-layout-actions button,
#swym-storefront-layout-actions-target-page button {
border-width: 0px;
}
#swym-storefront-layout-container .swym-storefront-layout-grid-item-content .swym-storefront-layout-grid-item-action-container button.swym-variant-selector {
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
cursor: pointer;
border-width: 1px;
}
#swym-storefront-layout-container .swym-storefront-layout-grid-item-content .swym-storefront-layout-grid-item-action-container button.swym-variant-selector,
.swym-storefront-layout-as-modal #swym-storefront-layout-container .swym-storefront-layout-grid-item-content .swym-storefront-layout-grid-item-action-container button.swym-variant-selector {
padding: 15px;
width: 100%;
font-size: 15px;
}
.swym-storefront-layout-root-component button {
min-width: unset;
box-shadow: unset;
}
swym-storefront-layout-as-drawer .swym-storefront-layout-action-layout {
margin: 0 auto;
}
swym-storefront-layout #swym-storefront-layout-items-container,
#swym-storefront-layout-section-container #swym-storefront-layout-items-container,
swym-storefront-layout #swym-storefront-layout-collection-list-items-container,
#swym-storefront-layout-section-container #swym-storefront-layout-collection-list-items-container {
display: grid;
gap: var(--swym-p-space-800);
}
.swym-storefront-layout-root-component #swym-storefront-layout-section-container #swym-storefront-layout-items-container.swym-storefront-layout-items-has-empty,
.swym-storefront-layout-root-component swym-storefront-layout-as-modal #swym-storefront-layout-items-container.swym-storefront-layout-items-has-empty{
display: flex;
justify-content: center;
align-items: center;
}
.swym-storefront-layout-root-component #swym-storefront-layout-section-container #swym-storefront-layout-collection-list-items-container.swym-storefront-layout-items-has-empty,
.swym-storefront-layout-root-component swym-storefront-layout-as-modal #swym-storefront-layout-collection-list-items-container.swym-storefront-layout-items-has-empty{
display: flex;
justify-content: center;
align-items: center;
}
swym-storefront-layout-as-drawer #swym-storefront-layout-items-container,
swym-storefront-layout-as-drawer #swym-storefront-layout-collection-list-items-container {
grid-template-columns: 1fr;
}
swym-storefront-layout-as-modal #swym-storefront-layout-collection-list-items-container {
grid-template-columns: repeat(2, 1fr);
}
swym-storefront-layout-as-modal #swym-storefront-layout-items-container {
grid-template-columns: repeat(auto-fit, minmax(218px, 1fr));
}
swym-storefront-layout-as-modal #swym-storefront-layout-items-container:not(:has(swym-storefront-layout-item:nth-child(3))),
swym-storefront-layout-as-modal #swym-storefront-layout-collection-list-items-container:not(:has(swym-storefront-layout-item:nth-child(3))) {
grid-template-columns: repeat(auto-fit, minmax(218px, auto));
justify-content: start;
}
#swym-storefront-layout-section-container #swym-storefront-layout-items-container,
#swym-storefront-layout-section-container #swym-storefront-layout-collection-list-items-container {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
button.swym-wishlist-collections-v2 {cursor:pointer;}
/* Media Queries for Responsive Layout */
@media (min-width: 768px) {
#swym-storefront-layout-section-container #swym-storefront-layout-items-container,
#swym-storefront-layout-section-container #swym-storefront-layout-collection-list-items-container {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
#swym-storefront-layout-section-container #swym-storefront-layout-items-container:not(:has(swym-storefront-layout-item:nth-child(3))),
#swym-storefront-layout-section-container #swym-storefront-layout-collection-list-items-container:not(:has(swym-storefront-layout-item:nth-child(3))) {
grid-template-columns: repeat(auto-fit, minmax(300px, auto));
justify-content: start;
}
swym-storefront-layout-as-modal #swym-storefront-layout-items-container {
grid-template-columns: repeat(auto-fit, minmax(218px, 1fr));
}
swym-storefront-layout-as-modal #swym-storefront-layout-items-container:not(:has(swym-storefront-layout-item:nth-child(3))),
swym-storefront-layout-as-modal #swym-storefront-layout-collection-list-items-container:not(:has(swym-storefront-layout-item:nth-child(3))) {
grid-template-columns: repeat(auto-fit, minmax(218px, auto));
justify-content: start;
}
}
@media only screen and (max-width: 480px) {
swym-storefront-layout-as-modal #swym-storefront-layout-items-container,
swym-storefront-layout-as-modal #swym-storefront-layout-collection-list-items-container,
#swym-storefront-layout-section-container #swym-storefront-layout-items-container,
#swym-storefront-layout-section-container #swym-storefront-layout-collection-list-items-container {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
swym-storefront-layout-as-drawer .swym-storefront-layout-layout {
border-radius: 6px;
}
swym-storefront-layout-as-modal .swym-storefront-layout-layout {
border-radius: var(--swym-storefront-layout-ui-border-radius);
}
/* ======================== */
/* DRAWER STYLES */
/* ======================== */
swym-storefront-layout-as-drawer .swym-storefront-layout-drawer-position-right.swym-storefront-layout-hide-view .swym-storefront-layout-layout {
transform: translateX(200%);
}
swym-storefront-layout-as-drawer .swym-storefront-layout-drawer-position-right .swym-storefront-layout-layout {
right: 0;
}
.swym-storefront-layout-drawer.swym-storefront-layout-hide-view .swym-storefront-layout-layout {
transform: translateX(-100%);
max-width: unset;
height: 100vh;
}
.swym-storefront-layout-drawer.swym-storefront-layout-hide-view {
height: 0;
}
.swym-storefront-layout-drawer {
position: fixed;
top: 0;
left: 0;
z-index: 1000000000;
height: 100%;
width: 100%;
}
swym-storefront-layout-as-drawer .swym-storefront-layout-login-user-container {
flex-direction: column;
align-items: start;
}
swym-storefront-layout-as-drawer .swym-storefront-layout-login-button {
width: 100%;
}
/* RTL */
body.swym-ccui-rtl .swym-storefront-layout-drawer.swym-storefront-layout-hide-view .swym-storefront-layout-layout {
transform: translateX(100%);
}
body.swym-ccui-rtl .swym-storefront-layout-layout {
transform: translateX(0%);
}
/* ======================== */
/* MODAL STYLES */
/* ======================== */
swym-storefront-layout-as-modal .swym-storefront-layout-drawer.swym-storefront-layout-hide-view .swym-storefront-layout-layout {
transform: translatey(200%);
}
swym-storefront-layout-as-modal .swym-storefront-layout-drawer {
position: fixed;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
}
swym-storefront-layout-as-modal .swym-storefront-layout-layout {
height: 80vh;
width: 87%;
max-width: 100%;
position: fixed;
max-width: 853px;
}
@media only screen and (max-width: 480px) {
swym-storefront-layout-as-modal .swym-storefront-layout-layout {
height: 85vh;
}
swym-storefront-layout-as-modal .swym-storefront-layout-login-user-container {
padding: var(--swym-p-space-300) var(--swym-p-space-200);
}
swym-storefront-layout-as-modal .swym-storefront-layout-body {
padding: var(--swym-p-space-500) var(--swym-p-space-400);
}
}
/* ======================== */
/* SECTION STYLES */
/* ======================== */
#swym-storefront-layout-section-container {
height: 100%;
width: 100%;
background: var(--swym-storefront-layout-ui-bg-color);
color: var(--swym-storefront-layout-ui-text-color);
display: flex;
flex-direction: column;
transform: translateX(0%);
transition: transform 0.3s ease;
overflow: hidden;
}
#swym-storefront-layout-section-container .swym-storefront-layout-collection-list-content {
overflow-y: visible;
}
#swym-storefront-layout-section-container .swym-storefront-layout-collection-list-action-container {
top: 0;
bottom: unset;
right: 10px;
width: max-content;
justify-content: end;
padding: 10px 0px 10px;
}
#swym-storefront-layout-section-container.swym-storefront-layout-layout {
position: unset;
}
#swym-storefront-layout-section-container #swym-storefront-layout-collection-carousel-items-container {
flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
#swym-storefront-layout-section-container #swym-storefront-layout-collection-carousel-items-container {
flex-wrap: nowrap;
}
}
#swym-storefront-layout-section-container .swym-storefront-layout-header {
background: unset;
color: unset;
}
#swym-storefront-layout-section-container .swym-storefront-layout-login-button {
padding: var(--swym-p-space-300) var(--swym-p-space-800) var(--swym-p-space-300) var(--swym-p-space-800);
gap: var(--swym-p-space-150);
flex: unset;
}
/* ======================== */
/* DRAWER LAYOUT STYLES */
/* ======================== */
.swym-storefront-layout-layout {
height: 100%;
width: var(--swym-storefront-layout-side-drawer-width);
background: var(--swym-storefront-layout-ui-bg-color);
color: var(--swym-storefront-layout-ui-text-color);
position: absolute;
z-index: 100;
display: flex;
flex-direction: column;
transform: translateX(0%);
transition: transform 0.3s ease;
overflow: hidden;
max-width: 100%;
}
.swym-storefront-layout-hide-view .swym-storefront-layout-backdrop {
visibility: hidden;
}
swym-storefront-layout .swym-storefront-layout-backdrop {
width: 100vw;
height: 100vh;
background: #00000038;
display: block;
position: absolute;
}
.swym-storefront-layout-header {
display: flex;
line-height: normal;
box-shadow: 0 2px 2px -1px #eaeaea;
flex-wrap: wrap;
padding: var(--swym-p-space-500) var(--swym-p-space-500) var(--swym-p-space-300) var(--swym-p-space-500);
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: var(--swym-p-space-200);
align-self: stretch;
color: var(--swym-storefront-layout-button-color-text-secondary);
background: var(--swym-storefront-layout-button-color-bg-secondary);
height: 140px;
position: relative;
div.swym-storefront-layout-collection-option-button {
background: #fff;
border-radius: 50%;
height: 24px;
width: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
}
.swym-storefront-layout-container {
overflow-y: scroll;
flex-grow: 1;
flex-direction: column;
align-items: flex-start;
gap: var(--swym-p-space-600);
align-self: stretch;
}
.swym-storefront-layout-empty-container {
padding: 40px 0;
}
.swym-storefront-layout-body{
padding: var(--swym-p-space-600) var(--swym-p-space-500);
overflow: scroll;
height: auto;
flex-grow: 1;
}
.swym-storefront-layout-as-modal .swym-storefront-layout-body {
padding: 35px;
}
#swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-body {
width: 92%;
margin: 0 auto;
max-width: 1300px;
}
.swym-storefront-layout-title {
margin: 0;
padding: 0;
font-size: var(--swym-storefront-layout-font-size-header);
font-weight: bold;
align-items: center;
display: flex;
gap: 10px;
color: #272727;
letter-spacing: normal;
}
.swym-storefront-layout-total-list-items-count{
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
opacity: 0.8;
color: #4c4c4c;
}
.swym-storefront-layout-close-button {
background: var(--swym-storefront-layout-close-button-bg-color);
color: var(--swym-storefront-layout-close-button-icon-color);
padding: 1px;
border-radius: 50%;
display: flex;
cursor: pointer;
transition: transform 0.5s ease;
width: 20px;
height: 20px;
justify-content: center;
align-items: center;
position: absolute;
right: 14px;
top: 15px;
z-index: 100;
}
body.swym-ccui-rtl .swym-storefront-layout-close-button {
left: 14px;
right: unset;
}
.swym-storefront-layout-close-button:hover {
transform: scale(1.2) rotate(15deg);
}
body.swym-storefront-layout-body-no-scroll {
overflow: hidden;
}
@media only screen and (max-width: 480px) {
.swym-storefront-layout-layout {
height: 100%;
width: 100vw;
}
}
.swym-storefront-layout-empty-wishlist-container {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.swym-storefront-layout-empty-wishlist-content {
padding: 32px;
padding-top: 0;
text-align: center;
svg {
max-width: initial;
display: initial;
}
}
.swym-storefront-layout-empty-wishlist-title {
text-align: center;
font-weight: 600;
font-size: 14px;
line-height: 21.6px;
letter-spacing: -0.5px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.swym-storefront-layout-empty-wishlist-description {
font-size: 13px;
font-weight: 400;
line-height: 18.2px;
letter-spacing: -0.25px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
/* ======================== */
/* LOGGED-IN USER STYLES */
/* ======================== */
.swym-storefront-layout-login-user-container {
flex-direction: row;
align-items: center;
display: flex;
padding: var(--swym-p-space-600) var(--swym-p-space-500);
gap: var(--swym-p-space-600);
align-self: stretch;
color: var(--swym-storefront-layout-button-color-text-secondary);
background: var(--swym-storefront-layout-button-color-bg-secondary);
}
.swym-storefront-layout-login-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--swym-p-space-100);
flex: 1 0 0;
}
.swym-storefront-layout-login-heading {
font-size: var(--swym-storefront-layout-font-size-login-heading);
font-style: normal;
font-weight: 600;
line-height: 22.4px;
letter-spacing: normal;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #272727;
}
.swym-storefront-layout-login-description {
font-size: var(--swym-storefront-layout-font-size-text);
font-style: normal;
font-weight: 400;
line-height: 20.8px;
letter-spacing: -0.25px;
color: #4c4c4c
}
swym-storefront-layout-login-user .swym-storefront-layout-login-button {
color: var(--swym-storefront-layout-button-color-text-primary);
background: var(--swym-storefront-layout-button-color-bg-primary);
border-radius: var(--swym-storefront-layout-ui-border-radius);
text-decoration: unset;
display: flex;
padding: var(--swym-p-space-300) var(--swym-p-space-400);
justify-content: center;
align-items: center;
gap: var(--swym-p-space-150);
flex: 1 0 0;
line-height: 17px;
letter-spacing: normal;
}
.swym-storefront-layout-as-modal swym-storefront-layout-login-user .swym-storefront-layout-login-button {
max-width: 403px;
}
.swym-storefront-layout-logged-user-name {
font-weight: bold;
}
@media only screen and (max-width: 480px) {
.swym-storefront-layout-login-button {
width: 100%;
}
.swym-storefront-layout-login-user-container {
flex-direction: column;
}
}
/* ======================== */
/* CAROUSEL STYLES */
/* ======================== */
.swym-storefront-layout-collection-title {
font-size: var(--swym-storefront-layout-font-size-heading);
font-weight: bold;
}
.swym-storefront-layout-carousel-container {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: var(--swym-p-space-500) 0;
box-shadow: 0 2px 2px -1px #eaeaea;
}
.swym-storefront-layout-collection-carousel-title {
font-size: var(--swym-storefront-layout-font-size-heading);
font-weight: bold;
color: var(--swym-storefront-layout-color-text-default);
letter-spacing: normal;
}
.swym-storefront-layout-carousel {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
gap: 10px;
scrollbar-width: none;
}
.swym-storefront-layout-carousel::-webkit-scrollbar {
display: none;
}
.swym-storefront-layout-carousel-btn {
background: var(--swym-storefront-layout-carousel-button-bg-color);
color: var(--swym-storefront-layout-carousel-button-icon-color);
border: 1px solid #0000001a;
width: 32px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute;
transition: transform 0.3s ease;
visibility: hidden;
z-index: 1;
transition: transform 0.3s ease, box-shadow 0.3s ease;
transform-style: preserve-3d;
}
button.swym-storefront-layout-carousel-btn:hover {
transform: rotateY(16deg) rotateX(20deg) translateY(-20px);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.swym-storefront-layout-collection-carousel-container:hover .swym-storefront-layout-has-items .swym-storefront-layout-carousel-btn {
visibility: visible;
transform: translateY(0%);
}
@media only screen and (max-width: 620px) {
.swym-storefront-layout-collection-carousel-container .swym-storefront-layout-has-items .swym-storefront-layout-carousel-btn {
visibility: visible;
transform: translateY(0%);
}
}
.swym-storefront-layout-carousel-prev-btn {
left: -2px;
border-left: none;
transform: translate(-200%);
border-bottom-right-radius: var(--swym-storefront-layout-ui-border-radius);
border-top-right-radius: var(--swym-storefront-layout-ui-border-radius);
box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 0px 1px 0px 0px rgba(204, 204, 204, 0.50) inset, 0px 12px 20px -8px rgba(26, 26, 26, 0.24);
}
.swym-storefront-layout-carousel-next-btn {
right: -2px;
border-right: none;
transform: translate(200%);
border-top-left-radius: var(--swym-storefront-layout-ui-border-radius);
border-bottom-left-radius: var(--swym-storefront-layout-ui-border-radius);
box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 0px 1px 0px 0px rgba(204, 204, 204, 0.50) inset, 0px 12px 20px -8px rgba(26, 26, 26, 0.24);
}
.swym-storefront-layout-scroll-button-icon {
width: 22px;
height: 22px;
}
.swym-storefront-layout-carousel-prev-btn .swym-storefront-layout-scroll-button-icon {
transform: rotate(180deg);
}
#swym-storefront-layout-collection-carousel-items-container {
display: flex;
gap: 10px;
overflow: hidden;
overflow-x: auto;
scroll-snap-type: x mandatory;
width: 100%;
padding: 10px 0;
padding-top: 0;
}
.swym-storefront-layout-collection-empty {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
border: 1px solid #eaeaea;
border-radius: var(--swym-storefront-layout-ui-border-radius);
color: var(--swym-storefront-layout-color-text-sub);
font-size: var(--swym-storefront-layout-font-size-text);
padding: 32px;
letter-spacing: normal;
}
.swym-storefront-layout-collection-grid-item {
width: 220px;
cursor: pointer;
min-width: 220px;
display: flex;
gap: 12px;
border: 0.5px solid var(--swym-storefront-layout-carousel-item-border-color);
border-radius: var(--swym-storefront-layout-ui-border-radius);
padding: 12px;
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
transform-style: preserve-3d;
}
.swym-storefront-layout-collection-grid-item:hover {
border: 0.5px solid var(--swym-storefront-layout-button-color-bg-secondary);
transform: rotateY(3deg) rotateX(2deg) translateY(0px);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
div#swym-storefront-layout-collection-grid-item-option-button {
position: absolute;
right: 12px;
top: 5px;
}
.swym-storefront-layout-collection-grid-item-image-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 4px;
width: auto;
}
.swym-storefront-layout-collection-grid-item-primary-image {
grid-row: span 2;
grid-column: span 1;
width: 40px;
}
.swym-storefront-layout-collection-grid-item-secondary-image {
grid-row: span 1;
grid-column: span 1;
width: 40px;
height: 40px;
}
.swym-storefront-layout-collection-grid-item-image {
width: 100%;
height: 100%;
border-radius: var(--swym-storefront-layout-ui-border-radius);
aspect-ratio: 1;
object-fit: cover;
background: var(--swym-storefront-layout-carousel-image-bg-color);
border: 1px solid var(--swym-storefront-layout-carousel-image-border-color);
padding: 1px;
}
.swym-storefront-layout-collection-grid-item-image:empty {
display: block;
}
.swym-storefront-layout-collection-grid-item-info-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.swym-storefront-layout-collection-grid-item-name {
font-size: var(--swym-storefront-layout-font-size-text);
font-style: normal;
font-weight: 400;
line-height: 19.5px;
letter-spacing: -0.25px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
padding-right: 10px;
}
.swym-storefront-layout-collection-grid-item-count {
color: var(--swym-storefront-layout-color-text-sub);
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 12px;
letter-spacing: -0.25px;
}
#swym-storefront-layout-collection-grid-item-option-button svg {
margin: 0 5px;
}
/* ======================== */
/* DEFAULT WISHLIST STYLES */
/* ======================== */
.swym-storefront-layout-default-list-container {
/* padding-bottom: 20px;
padding-top: 10px; */
}
.swym-storefront-layout-default-list-title-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: var(--swym-p-space-100);
padding: var(--swym-p-space-600) 0;
}
.swym-storefront-layout-default-list-title {
font-size: var(--swym-storefront-layout-font-size-heading);
font-weight: bold;
color: var(--swym-storefront-layout-color-text-default);
line-height: 12px;
letter-spacing: -0.25px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
letter-spacing: normal;
}
.swym-storefront-layout-default-list-info {
color: #B1B7C3;
font-size: var(--swym-storefront-layout-font-size-text);
font-style: normal;
font-weight: 500;
line-height: normal;
line-height: 15.73px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
letter-spacing: normal;
}
.swym-storefront-layout-grid-item-image-container {
display: flex;
width: 64px;
padding: var(--swym-p-space-0);
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-radius: var(--swym-p-border-radius-100);
background: #F5F5F5;
}
img.swym-storefront-layout-grid-item-image {
object-fit: cover;
/* flex: 1 0 0; */
align-self: stretch;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item-image-container{
width: 100%;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item-content {
width: 100%;
}
.swym-storefront-layout-grid-item {
display: flex;
gap: var(--swym-p-space-500);
position: relative;
}
.swym-storefront-layout-as-modal .swym-storefront-layout-grid-item {
flex-direction: column;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item {
flex-direction: column;
}
.swym-storefront-layout-grid-item-content {
flex-grow: 1;
display: flex;
flex-direction: column;
font-size: var(--swym-storefront-layout-font-size-text);
width: 153px;
align-items: flex-start;
gap: var(--swym-p-space-300);
}
.swym-storefront-layout-grid-item-content * {
line-height: 12px;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item-image-container,
.swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-image-container {
height: 296px;
width: 100%;
}
#swym-storefront-layout-section-container img.swym-storefront-layout-grid-item-image,
.swym-storefront-layout-as-modal img.swym-storefront-layout-grid-item-image {
height: 100%;
border-radius: 8px;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item-content,
.swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-content{
width: 100%;
}
.swym-storefront-layout-grid-item-title {
overflow: hidden;
color: var(--swym-storefront-layout-color-text-default);
font-weight: 400;
line-height: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-right: 15px;
}
a.swym-storefront-layout-grid-item-title {
text-decoration: none;
}
#swym-storefront-layout-section-container a.swym-storefront-layout-grid-item-title,
.swym-storefront-layout-as-modal a.swym-storefront-layout-grid-item-title {
width: 100%;
font-size: 15px;
line-height: 150%;
}
.swym-storefront-layout-grid-item-price-variant {
display: flex;
gap: 5px;
flex-wrap: wrap;
align-items: center;
}
.swym-storefront-layout-grid-item-compare-price {
opacity: 0.5;
text-decoration: line-through;
font-size: var(--swym-storefront-layout-font-size-sub-text);
}
.swym-storefront-layout-grid-item-final-price {
color: var(--swym-storefront-layout-color-text-sub2);
}
swym-storefront-layout-as-drawer .swym-storefront-layout-grid-item-variant-selector-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.swym-storefront-layout-variant-selector {
margin-right: 5px;
padding: 2px;
min-width: 40px;
max-width: 40px;
font-size: var(--swym-storefront-layout-font-size-sub-text);
color: var(--swym-storefront-layout-color-text-sub2);
}
.swym-storefront-layout-grid-item-variants-container {
flex-wrap: wrap;
display: flex;
align-items: center;
gap: var(--swym-p-space-200);
align-self: stretch;
}
.swym-storefront-layout-variant {
margin-right: 5px;
padding: 2px;
font-size: var(--swym-storefront-layout-font-size-sub-text);
color: var(--swym-storefront-layout-color-text-sub2);
}
.swym-storefront-layout-price-devider {
color: var(--swym-storefront-layout-color-text-sub2);
font-size: var(--swym-storefront-layout-font-size-sub-text);
font-style: normal;
font-weight: 400;
line-height: 12px;
letter-spacing: -0.25px;
}
.swym-storefront-layout-variant-devider {
width: 3px;
height: 3px;
background: var(--swym-storefront-layout-color-text-sub2);
border-radius: 32px;
}
.swym-storefront-layout-grid-item-action-container {
display: flex;
flex-direction: column;
gap: 8px;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item-action-container,
.swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-action-container {
width: 100%;
}
.swym-storefront-layout-quantity-container {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 4px;
}
.swym-storefront-layout-quantity-label {
font-size: var(--swym-storefront-layout-font-size-text);
color: var(--swym-storefront-layout-color-text-sub2);
font-weight: 500;
white-space: nowrap;
}
.swym-storefront-layout-quantity-selector {
display: flex;
align-items: center;
border: 1px solid #d1d5db;
border-radius: 6px;
background: #ffffff;
overflow: hidden;
max-width: 110px;
height: 28px;
}
.swym-storefront-layout-quantity-btn {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 34px;
border: none;
background: transparent;
color: #6b7280;
cursor: pointer;
transition: all 0.2s ease;
flex-shrink: 0;
font-size: 16px;
font-weight: 400;
line-height: 1;
}
.swym-storefront-layout-quantity-btn:hover {
background-color: #f9fafb;
color: #374151;
}
.swym-storefront-layout-quantity-btn:active {
background-color: #f3f4f6;
}
.swym-storefront-layout-quantity-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
color: #d1d5db;
}
.swym-storefront-layout-quantity-btn:disabled:hover {
background-color: transparent;
}
.swym-storefront-layout-quantity-input {
width: 38px;
padding: 0;
border: none;
font-size: 14px;
font-weight: 400;
text-align: center;
background: transparent;
color: #111827;
flex-grow: 1;
height: 34px;
line-height: 34px;
}
.swym-storefront-layout-quantity-input:focus {
outline: none;
background-color: #f9fafb;
}
.swym-storefront-layout-quantity-input::-webkit-outer-spin-button,
.swym-storefront-layout-quantity-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.swym-storefront-layout-quantity-input[type=number] {
-moz-appearance: textfield;
}
/* Error state for quantity selector */
.swym-storefront-layout-quantity-selector.swym-quantity-error {
background-color: #fef2f2;
border-color: #fca5a5;
}
.swym-storefront-layout-quantity-selector.swym-quantity-error .swym-storefront-layout-quantity-input {
background-color: #fef2f2;
}
/* Responsive adjustments */
@media only screen and (max-width: 480px) {
.swym-storefront-layout-quantity-selector {
max-width: 100px;
height: 32px;
}
.swym-storefront-layout-quantity-btn {
width: 32px;
height: 30px;
font-size: 14px;
}
.swym-storefront-layout-quantity-input {
width: 36px;
height: 30px;
line-height: 30px;
font-size: 13px;
}
}
.swym-storefront-layout-grid-item-add-to-cart-button {
flex-grow: 1;
color: var(--swym-storefront-layout-button-color-text-primary);
background: var(--swym-storefront-layout-button-color-bg-primary);
border-radius: var(--swym-storefront-layout-button-border-radius);
font-size: var(--swym-storefront-layout-font-size-text);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
max-width: 200px;
min-width: 112px;
padding: 8px var(--swym-p-space-300);
gap: var(--swym-p-space-200);
font-weight: 600;
line-height: 100%;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item-add-to-cart-button,
.swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-add-to-cart-button {
width: 100%;
padding: 15px;
font-size: 15px;
max-width: unset;
}
.swym-storefront-layout-grid-item-add-to-cart-button[disabled] {
opacity: 0.2;
cursor: not-allowed;
}
.swym-storefront-layout-grid-item-option-button {
display: flex;
justify-content: center;
align-items: baseline;
padding: 5px;
flex-shrink: 0;
color: var(--swym-storefront-layout-button-color-text-secondary);
background: unset;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
#swym-storefront-layout-section-container .swym-storefront-layout-grid-item-option-button,
.swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-option-button {
right: 10px;
top: 10px;
}
/* ======================== */
/* COLLECTION LIST STYLES */
/* ======================== */
swym-storefront-layout-collection-list#swym-storefront-layout-collection-list {
position: absolute;
width: 100%;
height: 100%;
background: white;
transform: translateX(100%);
transition: transform 0.3s ease;
z-index: 1;
top: 0;
left: 0;
}
swym-storefront-layout-collection-list#swym-storefront-layout-collection-list.swym-storefront-layout-show-collection-list {
transform: translateX(0%);
}
.swym-storefront-layout-collection-list-header {
align-items: baseline;
gap: 10px;
padding: 0 20px;
box-shadow: 0 2px 2px -1px #eaeaea;
position: relative;
}
.swym-storefront-layout-collection-list-header-content {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #00000080;
color: #fff;
padding: 10px;
cursor: pointer;
}
.swym-storefront-layout-collection-title {
margin: 0;
padding: 0;
font-size: var(--swym-storefront-layout-font-size-header);
font-weight: bold;
align-items: center;
display: flex;
gap: 10px;
font-style: normal;
font-weight: 700;
line-height: 12px;
letter-spacing: normal;
}
body.swym-ccui-rtl .swym-storefront-layout-collection-title { direction: ltr; }
.swym-storefront-layout-collection-list-images {
display: flex;
gap: 10px;
width: 100%;
height: 160px;
overflow: hidden;
}
.swym-storefront-layout-collection-list-image {
width: 100%;
height: 100%;
object-fit: cover;
background: var(--swym-storefront-layout-carousel-image-bg-color);
}
#swym-storefront-layout-collection-option-button {
position: absolute;
right: 20px;
bottom: 10px;
padding: 5px 10px;
}
#swym-storefront-layout-collection-option-button.swym-single-share-wishlist-btn {
height: 24px;
width: 24px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
cursor: pointer;
right: 14px;
}
#swym-storefront-layout-collection-option-button.swym-single-share-wishlist-btn.swym-hidden {
display: none;
}
.swym-storefront-layout-collection-list-content {
overflow-y: scroll;
padding: 0 20px;
flex-grow: 1;
}
.swym-storefront-layout-collection-list-back-button {
width: 16px;
height: 14px;
cursor: pointer;
}
.swym-storefront-layout-collection-list-container {
display: flex;
flex-direction: column;
height: 100%;
}
#swym-storefront-layout-collection-list-items-container {
padding-bottom: 80px;
padding-top: 20px;
}
.swym-storefront-layout-collection-list-action-container {
position: absolute;
bottom: 0;
width: calc(100% - 40px);
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
padding: 20px 0px 10px;
z-index: 1;
}
#swym-storefront-layout-collection-list-items-container swym-storefront-layout-loader {
display: flex;
width: 100px;
margin: auto;
}
/* ======================== */
/* ACTIONS STYLES */
/* ======================== */
.swym-storefront-layout-actions-container {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 10000000000;
align-items: center;
}
.swym-storefront-layout-action-popup-position-left .swym-storefront-layout-actions-container {
align-items: start;
}
.swym-storefront-layout-action-popup-position-right .swym-storefront-layout-actions-container {
align-items: end;
}
.swym-storefront-layout-action-popup-position-center .swym-storefront-layout-actions-container {
align-items: center;
}
swym-storefront-layout-notification#swym-storefront-layout-notification.swym-storefront-layout-notification-position-right {
right: 1rem;
left: unset;
}
swym-storefront-layout-notification#swym-storefront-layout-notification.swym-storefront-layout-notification-position-left {
right: unset;
left: 1rem;
}
swym-storefront-layout-notification#swym-storefront-layout-notification.swym-storefront-layout-notification-position-center {
right: 50%;
transform: translateX(50%);
left: unset;
}
.swym-storefront-layout-actions-container.swym-storefront-layout-show-action-view {
opacity: 1;
visibility: visible;
}
swym-storefront-layout-actions .swym-storefront-layout-action-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0000008c;
opacity: 0;
transition: opacity 0.3s ease;
display: block;
}
.swym-storefront-layout-actions-container.swym-storefront-layout-show-action-view .swym-storefront-layout-action-backdrop {
opacity: 1;
}
.swym-storefront-layout-action-layout {
background-color: var(--swym-storefront-layout-ui-bg-color);
transform: translateY(100%);
transition: transform 0.3s ease;
border-top-left-radius: var(--swym-storefront-layout-ui-border-radius);
border-top-right-radius: var(--swym-storefront-layout-ui-border-radius);
z-index: 1000;
width: 100%;
}
.swym-storefront-layout-actions-container.swym-storefront-layout-show-action-view .swym-storefront-layout-action-layout {
transform: translateY(0);
}
.swym-storefront-layout-action-header {
display: flex;
justify-content: space-between;
}
.swym-storefront-layout-action-close-button {
background: var(--swym-storefront-layout-close-button-bg-color);
color: var(--swym-storefront-layout-close-button-icon-color);
padding: 5px;
border-radius: 50%;
display: flex;
cursor: pointer;
transition: transform 0.5s ease;
width: 28px;
height: 28px;
justify-content: center;
align-items: center;
position: absolute;
right: 15px;
top: 15px;
}
.swym-storefront-layout-action-title-container {
font-size: var(--swym-storefront-layout-font-size-heading);
font-weight: bold;
display: flex;
align-items: center;
gap: 10px;
width: calc(100% - 35px);
}
.swym-storefront-layout-action-addtocollection-title {
font-size: var(--swym-storefront-layout-font-size-heading);
font-weight: bold;
display: flex;
flex-direction: column;
gap: var(--swym-p-space-200);
width: calc(100% - 35px);
}
.swym-storefront-layout-action-product-title {
font-size: var(--swym-storefront-layout-font-size-heading);
font-weight: 400;
line-height: 16.94px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.swym-storefront-layout-action-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
font-size: 18px;
font-weight: 600;
line-height: 14px;
letter-spacing: normal;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.swym-storefront-layout-action-title-image {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: contain;
}
.swym-storefront-layout-action-btn {
padding-top: 10px;
font-weight: bold;
font-size: 15px;
cursor: pointer;
color: var(--swym-storefront-layout-color-text-default);
}
.swym-storefront-layout-action-btn.remove-from-list-button {
color: var(--swym-storefront-layout-color-text-remove);
}
.swym-storefront-layout-action-btn.delete-list-button {
color: var(--swym-storefront-layout-color-text-remove);
}
#swym-storefront-layout-action-options {
max-height: 60vh;
overflow-x: clip;
overflow-y: scroll;
padding-top: 10px;
display: flex;
flex-direction: column;
gap: var(--swym-p-space-300);
padding: var(--swym-p-space-200) 2px var(--swym-p-space-200) 0px;
}
.swym-storefront-layout-collection-action-btn {
display: flex;
align-items: center;
border-radius: calc(var(--swym-storefront-layout-ui-border-radius) * 0.5);
padding: var(--swym-p-space-300);
gap: var(--swym-p-space-300);
border: 0.5px solid var(--swym-storefront-layout-border-color);
position: relative;
}
.swym-storefront-layout-collection-action-btn:hover,
.swym-storefront-layout-collection-action-btn.swym-storefront-layout-radio-selected {
cursor: pointer;
background-color: var(--swym-storefront-layout-button-color-bg-secondary);
color: #272727;
}
.swym-storefront-layout-action-collection-image-container {
justify-content: center;
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: var(--swym-p-space-100);
border-radius: var(--swym-storefront-layout-ui-border-radius);
}
.swym-storefront-layout-action-collection-item-image-primary {
grid-row: span 2;
grid-column: span 1;
width: 16px;
height: 100%;
background: var(--swym-storefront-layout-button-color-bg-secondary);
}
.swym-storefront-layout-action-collection-item-image-secondary {
grid-row: span 1;
grid-column: span 1;
width: 16px;
height: 16px;
display: flex;
background: var(--swym-storefront-layout-button-color-bg-secondary);
}
.swym-storefront-layout-action-collection-item-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.swym-storefront-layout-action-collection-item-add-icon {
width: 24px;
height: 24px;
background: var(--swym-storefront-layout-button-color-bg-primary);
color: var(--swym-storefront-layout-button-color-text-primary);
border-radius: 50%;
}
.swym-storefront-layout-action-collection-item-name {
font-size: 13px;
font-weight: 400;
line-height: 12px;
letter-spacing: normal;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #272727
}
.swym-storefront-layout-action-collection-item-count {
opacity: 0.6;
font-size: 12px;
font-weight: 400;
line-height: 12px;
letter-spacing: normal;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #4c4c4c;
}
.swym-storefront-layout-radio-selected .swym-storefront-layout-action-collection-item-name {
font-weight: 700;
}
.swym-storefront-layout-action-collection-content {
gap: var(--swym-p-space-150);
display: flex;
flex-direction: column;
}
.swym-storefront-layout-radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swym-storefront-layout-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.swym-storefront-layout-checkmark {
height: 13px;
width: 13px;
border: 0.5px solid var(--swym-storefront-layout-border-color);
border-radius: 50%;
}
.swym-storefront-layout-radio-selected .swym-storefront-layout-radio input ~ .swym-storefront-layout-checkmark {
background-color: var(--swym-storefront-layout-button-color-bg-primary);
}
/* ======================== */
/* CREATE NEW COLLECTION MODAL */
/* ======================== */
#swym-storefront-layout-create-collection-form {
display: flex;
flex-direction: column;
gap: 5px;
}
.swym-storefront-layout-create-collection-name-form-group {
position: relative;
padding-left: var(--swym-p-space-200);
gap: 12px;
border-radius: var(--swym-storefront-layout-ui-border-radius);
}
.swym-storefront-layout-create-collection-name-form-group.swym-storefront-layout-radio-selected {
background-color: var(--swym-storefront-layout-button-color-bg-secondary);
}
.swym-storefront-layout-create-collection-name-label {
position: absolute;
font-size: var(--swym-storefront-layout-font-size-text);
top: 0;
left: 0;
padding: 28px 24px;
transition: transform 80ms;
text-align: left;
transform-origin: left;
color: var(--swym-storefront-layout-color-text-sub);
pointer-events: none;
line-height: normal;
}
.swym-storefront-layout-radio-container {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}
body.swym-ccui-rtl .swym-storefront-layout-radio-container {
left: 0px;
right: unset;
}
body.swym-ccui-rtl .swym-storefront-layout-collection-items-count {
direction: ltr;
}
input#swym-storefront-layout-create-collection-name-input.swym-storefront-layout-input-has-error {
margin-bottom: 22px;
margin-top: 8px;
}
input#swym-storefront-layout-create-collection-name-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: var(--swym-storefront-layout-input-color-bg);
color: var(--st-component-input-on-background);
transition: border-color .24s cubic-bezier(.49, .07, .36, .09);
width: 90%;
font-size: var(--swym-storefront-layout-font-size-text);
padding: var(--swym-p-space-200) var(--swym-p-space-300) var(--swym-p-space-200) var(--swym-p-space-300);
border-radius: calc(var(--swym-storefront-layout-ui-border-radius) * 0.5);
caret-color: #171722;
outline: unset;
outline-offset: unset;
box-shadow: unset;
border: 0.5px solid var(--swym-storefront-layout-border-color);
line-height: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
#swym-storefront-layout-create-collection-error-message-container {
color: var(--swym-storefront-layout-color-text-error);
align-items: baseline;
gap: 4px;
padding: 4px 0px;
font-size: var(--swym-storefront-layout-font-size-sub-text);
align-items: center;
position: absolute;
bottom: 0;
line-height: 0;
}
#swym-storefront-layout-save-collection-list-button {
flex-grow: 1;
color: var(--swym-storefront-layout-button-color-text-primary);
background: var(--swym-storefront-layout-button-color-bg-primary);
padding: 11px;
border-radius: var(--swym-storefront-layout-button-border-radius);
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
line-height: 21px;
}
#swym-storefront-layout-save-collection-list-button[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.swym-storefront-layout-action-layout {
display: flex;
}
.swym-storefront-layout-action-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* custom checkbox */
/* Custom Checkbox Container */
.swym-storefront-layout-checkbox-container {
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
padding: 8px;
cursor: pointer;
right: 0;
}
#swym-storefront-layout-create-collection-form .swym-storefront-layout-checkbox-container{
display: inline;
position: relative
}
/* Hide default checkbox */
.swym-storefront-layout-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Custom checkbox style */
.swym-storefront-layout-checkbox {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
width: 13px;
height: 13px;
}
/* Checkbox custom marker */
.swym-storefront-layout-checkbox .swym-storefront-layout-checkmark {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
height: 13px;
width: 13px;
border: 0.5px solid var(--swym-storefront-layout-border-color);
border-radius: 2px;
background-color: var(--swym-storefront-layout-ui-bg-color);
transition: all 0.3s ease;
}
/* Checkbox when checked */
.swym-storefront-layout-checkbox input:checked ~ .swym-storefront-layout-checkmark {
background-color: var(--swym-storefront-layout-button-color-bg-primary);
border-color: var(--swym-storefront-layout-button-color-bg-primary);
}
/* Create the checkmark/indicator (hidden when not checked) */
.swym-storefront-layout-checkbox input:checked ~ .swym-storefront-layout-checkmark:after {
position: absolute;
left: 4px;
top: 1px;
width: 3px;
height: 7px;
border: solid #272727;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* Selected container state */
.swym-storefront-layout-collection-action-btn.swym-storefront-layout-checkbox-selected {
background-color: var(--swym-storefront-layout-button-color-bg-secondary);
color: var(--swym-storefront-layout-button-color-text-secondary);
}
/* Hover state */
.swym-storefront-layout-checkbox:hover .swym-storefront-layout-checkmark {
border-color: var(--swym-storefront-layout-button-color-bg-primary);
}
/* custom checkbox */
.swym-storefront-layout-action-content {
flex-grow: 1;
display: flex;
flex-direction: column;
padding: var(--swym-p-space-800) var(--swym-p-space-600) var(--swym-p-space-600) var(--swym-p-space-600);
gap: var(--swym-p-space-500);
border-radius: var(--swym-p-border-radius-0) var(--swym-p-border-radius-150) var(--swym-p-border-radius-150) var(--swym-p-border-radius-0);
overflow: scroll;
}
swym-storefront-layout-actions#swym-storefront-layout-actions-target-page .swym-storefront-layout-action-layout {
max-width: 556px;
display: flex;
max-height: 95vh;
overflow: hidden;
}
swym-storefront-layout-as-drawer .swym-storefront-layout-action-layout,
swym-storefront-layout-actions#swym-storefront-layout-actions-target-page.swym-storefront-layout-action-for-wishlist-as-drawer .swym-storefront-layout-action-layout {
display: flex;
flex-direction: column;
max-width: var(--swym-storefront-layout-side-drawer-width);
max-height: 95vh;
overflow: hidden;
}
@media only screen and (max-width: 480px) {
swym-storefront-layout-as-drawer .swym-storefront-layout-action-layout,
swym-storefront-layout-actions#swym-storefront-layout-actions-target-page.swym-storefront-layout-action-for-wishlist-as-drawer .swym-storefront-layout-action-layout {
max-width: 100%;
}
}
.swym-storefront-layout-action-image-container {
max-width: 160px;
width: 100%;
}
swym-storefront-layout-as-drawer .swym-storefront-layout-action-image-container,
.swym-storefront-layout-action-for-wishlist-as-drawer .swym-storefront-layout-action-image-container {
max-height: 100px;
max-width: 100%;
}
@media only screen and (max-width: 480px) {
swym-storefront-layout-actions#swym-storefront-layout-actions-target-page .swym-storefront-layout-action-layout {
flex-direction: column;
}
swym-storefront-layout-actions .swym-storefront-layout-action-image-container {
max-height: 100px;
max-width: 100%;
}
}
/* ======================== */
/* LOADER STYLES */
/* ======================== */
.swym-storefront-layout-loader-container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.swym-storefront-layout-loader-container svg {
height: 100%;
}
#swym-storefront-layout-collection-list-items-container .swym-storefront-layout-loader-collection-header {
height: 160px;
display: block;
width: 120%;
background: #00000080;
opacity: 0.5;
margin-left: -20px;
margin-top: -20px;
}
.swym-storefront-layout-loader .swym-storefront-layout-collection-grid-item-name {
width: 100%;
background: #D9D9D9;
display: block;
height: 10px;
}
.swym-storefront-layout-loader .swym-storefront-layout-collection-grid-item-info-container {
flex-grow: 1;
margin-right: 20px;
}
.swym-storefront-layout-loader .swym-storefront-layout-collection-grid-item-count {
width: 40%;
background: #D9D9D9;
display: block;
height: 10px;
margin-top: 10px;
}
.swym-storefront-layout-loader .swym-storefront-layout-grid-item-title {
height: 10px;
width: 80%;
background: lightgray;
display: block;
}
.swym-storefront-layout-loader .swym-storefront-layout-grid-item-price-variant {
height: 10px;
width: 30%;
background: lightgray;
display: block;
}
.swym-storefront-layout-loader.swym-storefront-layout-collection-list-images {
display: block;
}
/* ======================== */
/* NOTIFICATION ENGINE */
/* ======================== */
swym-storefront-layout-notification {
visibility: hidden;
position: fixed;
bottom: var(--notification-top, 1rem);
left: var(--notification-right, 1rem);
border-radius: var(--swym-storefront-layout-ui-border-radius);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
z-index: 100000000000;
animation: swym-fade-in 0.3s ease-out;
font-weight: bold;
display: flex;
flex-direction: column;
overflow: hidden;
}
swym-storefront-layout-notification.swym-storefront-layout-notification-visible {
visibility: visible;
}
.swym-storefront-layout-notification-container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center;
font-weight: bold;
padding: var(--swym-p-space-400) var(--swym-p-space-600) var(--swym-p-space-400) 20px;
gap: var(--swym-p-space-300);
width: max-content;
max-width: 95vw;
}
.swym-storefront-layout-notification-image-container {
height: 28px;
width: 28px;
flex-shrink: 0;
flex-grow: 0;
}
.swym-storefront-layout-notification-icon-container {
height: 20px;
width: 20px;
margin-right: 10px;
border-radius: 50%;
background-color: var(--swym-storefront-layout-notification-toast-text-color);
color: var(--swym-storefront-layout-notification-toast-bg-color);
}
swym-storefront-layout-notification img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--swym-storefront-layout-ui-border-radius);
}
swym-storefront-layout-notification[status="success"] {
background-color: var(--swym-storefront-layout-notification-success-bg-color);
color: var(--swym-storefront-layout-notification-success-text-color);
border: 1px solid var(--swym-storefront-layout-notification-success-border-color);
}
swym-storefront-layout-notification[status="error"] {
background-color: var(--swym-storefront-layout-notification-error-bg-color);
color: var(--swym-storefront-layout-notification-error-text-color);
border: 1px solid var(--swym-storefront-layout-notification-error-border-color);
}
swym-storefront-layout-notification[status="warning"] {
background-color: var(--swym-storefront-layout-notification-warning-bg-color);
color: var(--swym-storefront-layout-notification-warning-text-color);
border: 1px solid var(--swym-storefront-layout-notification-warning-border-color);
}
swym-storefront-layout-notification[status="info"] {
background-color: var(--swym-storefront-layout-notification-info-bg-color);
color: var(--swym-storefront-layout-notification-info-text-color);
border: 1px solid var(--swym-storefront-layout-notification-info-border-color);
}
swym-storefront-layout-notification[status="neutral"] {
background-color: var(--swym-storefront-layout-notification-neutral-bg-color);
color: var(--swym-storefront-layout-notification-neutral-text-color);
border: 1px solid var(--swym-storefront-layout-notification-neutral-border-color);
}
swym-storefront-layout-notification[status="toast"] {
background-color: var(--swym-storefront-layout-notification-toast-bg-color);
color: var(--swym-storefront-layout-notification-toast-text-color);
border: 1px solid var(--swym-storefront-layout-notification-toast-border-color);
}
.swym-storefront-layout-notification-content-container {
display: flex;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
gap: var(--swym-p-space-300);
flex-grow: 1;
}
.swym-storefront-layout-notification-content {
flex-grow: 1;
}
.swym-storefront-layout-notification-action {
font-size: 14px;
line-height: 16.94px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
border: 0.5px solid var(--swym-storefront-layout-button-color-text-primary);
cursor: pointer;
min-width: 100px;
text-align: center;
background: var(--swym-storefront-layout-button-color-bg-primary);
color: var(--swym-storefront-layout-button-color-text-primary);
padding: var(--swym-p-space-300) var(--swym-p-space-400) var(--swym-p-space-300) var(--swym-p-space-400);
gap: var(--swym-p-space-150);
border-radius: var(--swym-storefront-layout-ui-border-radius);
white-space: nowrap;
}
.swym-storefront-layout-notification-action:hover {
opacity: .8;
}
.swym-storefront-layout-notification-title {
font-size: var(--swym-storefront-layout-font-size-sub-text);
font-weight: 400;
line-height: 14.52px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
max-width: 175px;
}
.swym-storefront-layout-notification-message {
max-width: 175px;
}
@keyframes swym-fade-in {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
swym-storefront-layout-notification .swym-storefront-layout-notification-progress-bar {
width: 0%;
height: 5px;
background-color: #023f76;
text-align: center;
line-height: 10px;
color: white;
border-radius: 10px;
transition: width 1s ease-in-out;
display: block;
}
@keyframes swym-progress-animation {
from {
width: 0%;
}
to {
width: 100%;
}
}
.swym-storefront-notification-animated {
animation: swym-progress-animation 2s ease-in-out forwards;
}
.swym-storefront-layout-notification-container.swym-storefront-layout-notification-container-added-to-wishlist {
display: flex;
}
@media only screen and (max-width: 480px) {
.swym-storefront-layout-as-drawer .swym-storefront-layout-notification-container {
max-width: 95vw;
}
.swym-storefront-layout-notification-message, .swym-storefront-layout-notification-title{
max-width: 100%;
}
.swym-storefront-layout-notification-action {
width: 100%;
margin: unset;
}
}
/* ======================== */
/* ACTION TOOLTIP STYLES */
/* ======================== */
.swym-storefront-layout-action-tooltip-layout.swym-storefront-layout-show-action-tooltip-view {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.swym-storefront-layout-action-tooltip-layout {
position: fixed;
background-color: var(--swym-storefront-layout-ui-bg-color);
transform: translateY(-100%);
transition: transform 0.3s ease;
padding: 12px;
z-index: 10000000000;
width: fit-content;
border-radius: 4px;
background: #FFF;
box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 0px 1px 0px 0px rgba(204, 204, 204, 0.50) inset, 0px 12px 20px -8px rgba(26, 26, 26, 0.24);
opacity: 0;
visibility: hidden;
}
.swym-storefront-layout-action-tooltip-btn {
cursor: pointer;
color: var(--swym-storefront-layout-color-text-default);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 12px;
letter-spacing: -0.25px;
align-items: center;
display: flex;
gap: 7px;
}
.swym-storefront-layout-action-tooltip-btn.remove-from-list-button {
color: var(--swym-storefront-layout-color-text-remove);
}
.swym-storefront-layout-action-tooltip-btn.delete-list-button {
color: var(--swym-storefront-layout-color-text-remove);
}
#swym-storefront-layout-action-tooltip-options {
display: flex;
flex-direction: column;
gap: 10px;
}
/* ======================== */
/* SCROLLBAR STYLES */
/* ======================== */
swym-storefront-layout-actions .swym-storefront-layout-container-has-scroll::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
}
swym-storefront-layout-actions .swym-storefront-layout-container-has-scroll::-webkit-scrollbar {
width: 6px;
}
swym-storefront-layout-actions .swym-storefront-layout-container-has-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}
swym-storefront-layout-actions .swym-storefront-layout-container-has-scroll::-webkit-scrollbar-thumb {
background: #888;
}
/* ======================== */
/* HIDE DEFAULT WISHLIST PAGE */
/* ======================== */
.swym-storefront-layout-root-component .swym-wishlist-page {
display: none;
}
/* ======================== */
/* HIDE COLLECTION BUTTON ON CONTROL CENTER UI */
/* ======================== */
.swym-storefront-layout-root-component .swym-wishlist-collections-v2-container {
display: none;
}
/* ======================== */
/* TAB STYLE */
/* ======================== */
.swym-storefront-layout-tabs-view {
position: relative;
}
.swym-storefront-layout-tabs {
display: flex;
justify-content: center;
gap: 24px;
box-shadow: 0 -2px 2px -1px #eaeaea;
}
.swym-storefront-layout-tab-button {
padding: 10px;
font-size: 16px;
border: none;
background: none;
cursor: pointer;
transition: color 0.3s ease;
color: var(--swym-storefront-layout-color-text-sub);
letter-spacing: normal;
}
.swym-storefront-layout-tab-button.swym-storefront-layout-tab-button-active {
color: #272727;
}
.swym-storefront-layout-tab-indicator:empty{
position: absolute;
bottom: 0;
left: 20px;
height: 3px;
background-color: var(--swym-storefront-layout-button-color-bg-primary);
transition: all 0.3s ease;
display: block;
width: 16px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.swym-storefront-layout-tab-container{
display: none;
height: 100%;
flex-direction: column;
}
.swym-storefront-layout-tab-container.swym-storefront-layout-tab-content-active{
display: flex;
}
/* ======================== */
/* SFL empty view STYLE */
/* ======================== */
.swym-storefront-layout-empty-sfl-container {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.swym-storefront-layout-empty-sfl-content {
padding: 32px;
padding-top: 0;
text-align: center;
svg {
max-width: initial;
display: initial;
}
}
.swym-storefront-layout-empty-sfl-title {
text-align: center;
font-weight: 600;
font-size: 14px;
line-height: 21.6px;
letter-spacing: -0.5px;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-top: var(--swym-p-space-600);
}
.swym-storefront-layout-empty-sfl-description {
font-size: 13px;
font-weight: 400;
line-height: 18.2px;
letter-spacing: -0.25px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
margin-top: 8px;
}
.swym-storefront-layout-empty-sfl-view-cart-button{
display: flex;
padding: var(--swym-p-space-300);
justify-content: center;
align-items: center;
gap: var(--swym-p-space-150);
align-self: stretch;
width: 100%;
max-width: 200px;
margin: auto;
margin-top: var(--swym-p-space-500);
cursor: pointer;
text-decoration: none;
background: var(--swym-storefront-layout-button-color-bg-secondary);
color: #272727;
font-size: 12px;
font-weight: 600;
line-height: normal;
border-radius: var(--swym-storefront-layout-ui-border-radius);
border: 0.5px solid rgba(18, 31, 54, 0.20);
}
button.swym-variant-selector {
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
cursor: pointer;
padding: 6px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
cursor: pointer;
border-width: 1px;
display: flex;
align-items: center;
svg {
margin-left: 6px;
}
}
/* cyrillic-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,
*:before,
*:after {
box-sizing: border-box !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-family: NeueHaasUnicaW1G-Regular;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding-bottom: 0 !important;
}
body {
margin: 0;
}
html:has(.lion-modal-and-screen) {
overflow: hidden;
}
* {
letter-spacing: -0.075em;
text-transform: none;
}
[hidden] {
display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
section[data-section-id="login"] {
height: calc(100vh - var(--header-parent-height));
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
.ProductListWrapper .js-recently-viewd-product .swiper-slide video {
max-width: 100%;
}
audio:not([controls]) {
display: none;
height: 0;
}
:active {
outline: none;
}
a {
color: currentColor;
background-color: transparent;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
.default-link {
text-decoration: none;
width: fit-content;
}
.no-link {
text-decoration: none;
}
.no-link:after {
content: none;
}
.link-arrow svg {
display: inline-block;
transition: 0.1s ease-in;
}
@media screen and (min-width: 768px) {
.default-link:hover {
text-decoration-line: underline;
text-underline-offset: 2px;
}
.large-menu__item-title.default-link:hover {
text-decoration-thickness: 2px;
}
.link-arrow:hover svg {
transform: translate(50%);
}
.default-link:hover span,
.large-menu__item-title.default-link:hover span {
text-decoration-line: none;
text-decoration-thickness: 0;
}
}
b,
strong {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
small {
font-size: 80%;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
font-size: inherit;
font-weight: inherit;
}
p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
height: auto;
border-style: none;
vertical-align: top;
}
svg:not(:root) {
overflow: hidden;
}
ul,
ol {
margin: 0;
padding: 0;
list-style-position: inside;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: NeueHaasUnicaW1G-Regular;
font-size: 16px;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button,
input[type="submit"] {
padding: 0;
overflow: visible;
background: none;
border: none;
border-radius: 0;
-webkit-appearance: none;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
border-radius: 0;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: inherit;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: inherit;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: inherit;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: inherit;
}
input::placeholder,
textarea::placeholder {
color: inherit;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 6px 10px 12px;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} /*! Avalanche | MIT License | @colourgarden */
@media only screen and (max-width: 991px) {
.second.one {
float: left;
width: 100% !important;
text-align: left !important;
}
.second.two {
float: right;
width: 100% !important;
padding-top: 2rem !important;
}
.third {
display: inline-block !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
}
.mrto img {
margin-top: 2rem !important;
}
.one-line h4,
.one-line .h4 {
width: 26% !important;
}
.two-line h4,
.two-line .h4 {
width: 31% !important;
}
.four {
width: 100% !important;
float: left !important;
order: 2 !important;
-webkit-order: 2 !important;
}
.five {
width: 100% !important;
float: none !important;
text-align: left;
display: inherit !important;
}
}
span.plo {
margin-top: 5rem;
display: inline-block;
color: maroon;
font-size: 18px;
margin-bottom: 2rem;
}
.two h3 {
display: inline-block;
width: 100%;
font-size: 14px;
color: #800000cf;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 900;
padding-top: 3rem;
}
.second.one {
float: left;
width: 40%;
text-align: left !important;
}
.second.two {
float: right;
width: 57%;
padding-top: 12rem;
}
.third {
display: inline-block;
width: 100%;
}
.four {
width: 50%;
float: left;
}
.five {
width: 40%;
float: right;
}
.five img {
width: 100%;
height: 100%;
float: right;
}
.six img {
width: 80%;
}
.four img {
width: 100%;
}
.img {
text-align: center;
}
.one-line h4 {
margin-right: 2rem;
width: 53%;
color: #171717;
}
.one-line {
display: inline-flex;
}
.one-line.pady {
padding: 4rem 0;
}
a.got {
display: inline-block;
width: 100%;
text-align: center;
}
img.trp {
width: 100%;
margin-top: 9px;
max-width: 38px;
display: inline-block;
}
#about-us-1 .medium-up--push-one-twelfth {
left: 0;
}
#about-us-1 .medium-up--five-sixths,
.one img {
width: 100%;
}
.two-line {
display: inline-flex;
}
.two-line h4 {
margin-right: 2rem;
width: 77%;
text-align: center;
color: #171717;
}
.section-header.text-center {
padding: 3rem 0;
text-align: center;
}
.last {
display: inline-block;
width: 100%;
padding-top: 4rem;
}
.last p {
width: 80%;
margin: 0 auto;
}
.last h4 {
text-align: center;
font-size: 22px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
margin-bottom: 7rem;
margin-top: 6rem;
}
.six {
padding: 4rem 0;
}
.six .one-line {
padding-bottom: 3rem;
}
.mrto img {
margin-top: -13rem;
}
.Grid {
display: block;
list-style: none;
padding: 0;
font-size: 0;
}
.Grid__Cell {
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 0 0 0 24px;
margin: 0;
vertical-align: top;
font-size: 1rem;
}
@media screen and (max-width: 1007px) {
.Grid__Cell {
padding: 0;
}
}
.Grid--center {
text-align: center;
}
.Grid--center > .Grid__Cell {
text-align: left;
}
.Grid__Cell--center {
display: block;
margin: 0 auto;
}
.Grid--right {
text-align: right;
}
.Grid--right > .Grid__Cell {
text-align: left;
}
.Grid--middle > .Grid__Cell {
vertical-align: middle;
}
.Grid--bottom > .Grid__Cell {
vertical-align: bottom;
}
.Grid--m {
margin-left: -30px;
}
.Grid--m > .Grid__Cell {
padding-left: 30px;
}
.Grid--l {
margin-left: -50px;
}
.Grid--l > .Grid__Cell {
padding-left: 50px;
}
.Grid--xl {
gap: 11px;
display: flex;
}
.Grid--xl > .Grid__Cell {
padding-left: 0;
}
@media screen and (min-width: 1240px) {
.Grid--m {
margin-left: -60px;
}
.Grid--m > .Grid__Cell {
padding-left: 60px;
}
.Grid--l {
margin-left: -80px;
}
.Grid--l > .Grid__Cell {
padding-left: 80px;
}
.Grid--xl {
display: flex;
gap: 8px;
}
.Grid--xl > .Grid__Cell {
padding-left: 0;
}
}
.\31\/2,
.\32\/4,
.\36\/12 {
width: 50%;
}
.\31\/3,
.\34\/12 {
width: 33.33333%;
}
.\32\/3,
.\38\/12 {
width: 66.66667%;
}
.\31\/4,
.\33\/12 {
width: 25%;
}
.\33\/4,
.\39\/12 {
width: 75%;
}
.\31\/12 {
width: 8.33333%;
}
.\32\/12 {
width: 16.66667%;
}
.\35\/12 {
width: 41.66667%;
}
.\37\/12 {
width: 58.33333%;
}
.\31 0\/12 {
width: 83.33333%;
}
.\31 1\/12 {
width: 91.66667%;
}
@media screen and (max-width: 640px) {
.hidden-phone {
display: none !important;
}
.\31\/2--phone,
.\32\/4--phone,
.\36\/12--phone {
width: 50%;
}
.\31\/3--phone,
.\34\/12--phone {
width: 33.33333%;
}
.\32\/3--phone,
.\38\/12--phone {
width: 66.66667%;
}
.\31\/4--phone,
.\33\/12--phone {
width: 25%;
}
.\33\/4--phone,
.\39\/12--phone {
width: 75%;
}
.\31\/12--phone {
width: 8.33333%;
}
.\32\/12--phone {
width: 16.66667%;
}
.\35\/12--phone {
width: 41.66667%;
}
.\37\/12--phone {
width: 58.33333%;
}
.\31 0\/12--phone {
width: 83.33333%;
}
.\31 1\/12--phone {
width: 91.66667%;
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.hidden-tablet {
display: none !important;
}
.\31\/2--tablet,
.\32\/4--tablet,
.\36\/12--tablet {
width: 50%;
}
.\31\/3--tablet,
.\34\/12--tablet {
width: 33.33333%;
}
.\32\/3--tablet,
.\38\/12--tablet {
width: 66.66667%;
}
.\31\/4--tablet,
.\33\/12--tablet {
width: 25%;
}
.\33\/4--tablet,
.\39\/12--tablet {
width: 75%;
}
.\31\/12--tablet {
width: 8.33333%;
}
.\32\/12--tablet {
width: 16.66667%;
}
.\35\/12--tablet {
width: 41.66667%;
}
.\37\/12--tablet {
width: 58.33333%;
}
.\31 0\/12--tablet {
width: 83.33333%;
}
.\31 1\/12--tablet {
width: 91.66667%;
}
}
@media screen and (min-width: 641px) {
.hidden-tablet-and-up {
display: none !important;
}
.\31\/2--tablet-and-up,
.\32\/4--tablet-and-up,
.\36\/12--tablet-and-up {
width: 50%;
}
.\31\/3--tablet-and-up,
.\34\/12--tablet-and-up {
width: 33.33333%;
}
.\32\/3--tablet-and-up,
.\38\/12--tablet-and-up {
width: 66.66667%;
}
.\31\/4--tablet-and-up,
.\33\/12--tablet-and-up {
width: 25%;
}
.\33\/4--tablet-and-up,
.\39\/12--tablet-and-up {
width: 75%;
}
.\31\/12--tablet-and-up {
width: 8.33333%;
}
.\32\/12--tablet-and-up {
width: 16.66667%;
}
.\35\/12--tablet-and-up {
width: 41.66667%;
}
.\37\/12--tablet-and-up {
width: 58.33333%;
}
.\31 0\/12--tablet-and-up {
width: 83.33333%;
}
.\31 1\/12--tablet-and-up {
width: 91.66667%;
}
}
@media screen and (max-width: 1007px) {
.hidden-pocket {
display: none !important;
}
.\31\/2--pocket,
.\32\/4--pocket,
.\36\/12--pocket {
width: 50%;
}
.\31\/3--pocket,
.\34\/12--pocket {
width: 33.33333%;
}
.\32\/3--pocket,
.\38\/12--pocket {
width: 66.66667%;
}
.\31\/4--pocket,
.\33\/12--pocket {
width: 25%;
}
.\33\/4--pocket,
.\39\/12--pocket {
width: 75%;
}
.\31\/12--pocket {
width: 8.33333%;
}
.\32\/12--pocket {
width: 16.66667%;
}
.\35\/12--pocket {
width: 41.66667%;
}
.\37\/12--pocket {
width: 58.33333%;
}
.\31 0\/12--pocket {
width: 83.33333%;
}
.\31 1\/12--pocket {
width: 91.66667%;
}
}
@media screen and (min-width: 1008px) and (max-width: 1239px) {
.hidden-lap {
display: none !important;
}
.\31\/2--lap,
.\32\/4--lap,
.\36\/12--lap {
width: 50%;
}
.\31\/3--lap,
.\34\/12--lap {
width: 33.33333%;
}
.\32\/3--lap,
.\38\/12--lap {
width: 66.66667%;
}
.\31\/4--lap,
.\33\/12--lap {
width: 25%;
}
.\33\/4--lap,
.\39\/12--lap {
width: 75%;
}
.\31\/12--lap {
width: 8.33333%;
}
.\32\/12--lap {
width: 16.66667%;
}
.\35\/12--lap {
width: 41.66667%;
}
.\37\/12--lap {
width: 58.33333%;
}
.\31 0\/12--lap {
width: 83.33333%;
}
.\31 1\/12--lap {
width: 91.66667%;
}
}
@media screen and (min-width: 1008px) {
.hidden-lap-and-up {
display: none !important;
}
.\31\/2--lap-and-up,
.\32\/4--lap-and-up,
.\36\/12--lap-and-up {
width: 50%;
}
.\31\/3--lap-and-up,
.\34\/12--lap-and-up {
width: 33.33333%;
}
.\32\/3--lap-and-up,
.\38\/12--lap-and-up {
width: 66.66667%;
}
.\31\/4--lap-and-up,
.\33\/12--lap-and-up {
width: 25%;
}
.\33\/4--lap-and-up,
.\39\/12--lap-and-up {
width: 75%;
}
.\31\/12--lap-and-up {
width: 8.33333%;
}
.\32\/12--lap-and-up {
width: 16.66667%;
}
.\35\/12--lap-and-up {
width: 41.66667%;
}
.\37\/12--lap-and-up {
width: 58.33333%;
}
.\31 0\/12--lap-and-up {
width: 83.33333%;
}
.\31 1\/12--lap-and-up {
width: 91.66667%;
}
}
@media screen and (min-width: 1240px) {
.hidden-desk {
display: none !important;
}
.\31\/2--desk,
.\32\/4--desk,
.\36\/12--desk {
width: 50%;
}
.\31\/3--desk,
.\34\/12--desk {
width: 33.33333%;
}
.\32\/3--desk,
.\38\/12--desk {
width: 66.66667%;
}
.\31\/4--desk,
.\33\/12--desk {
width: 25%;
}
.\33\/4--desk,
.\39\/12--desk {
width: 75%;
}
.\31\/12--desk {
width: 8.33333%;
}
.\32\/12--desk {
width: 16.66667%;
}
.\35\/12--desk {
width: 41.66667%;
}
.\37\/12--desk {
width: 58.33333%;
}
.\31 0\/12--desk {
width: 83.33333%;
}
.\31 1\/12--desk {
width: 91.66667%;
}
}
@media screen and (min-width: 1500px) {
.hidden-widescreen {
display: none !important;
}
.\31\/2--widescreen,
.\32\/4--widescreen,
.\36\/12--widescreen {
width: 50%;
}
.\31\/3--widescreen,
.\34\/12--widescreen {
width: 33.33333%;
}
.\32\/3--widescreen,
.\38\/12--widescreen {
width: 66.66667%;
}
.\31\/4--widescreen,
.\33\/12--widescreen {
width: 25%;
}
.\33\/4--widescreen,
.\39\/12--widescreen {
width: 75%;
}
.\31\/12--widescreen {
width: 8.33333%;
}
.\32\/12--widescreen {
width: 16.66667%;
}
.\35\/12--widescreen {
width: 41.66667%;
}
.\37\/12--widescreen {
width: 58.33333%;
}
.\31 0\/12--widescreen {
width: 83.33333%;
}
.\31 1\/12--widescreen {
width: 91.66667%;
}
} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp img {
max-width: none;
}
.pswp--animate_opacity {
opacity: 0.001;
will-change: opacity;
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='5' viewBox='0 0 19 5' fill='none'%3E%3Cpath d='M0.44 4.796H18.94V0.503999H0.44V4.796Z' fill='%23452B1A'/%3E%3C/svg%3E")
17 17,
zoom-in;
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='5' viewBox='0 0 19 5' fill='none'%3E%3Cpath d='M0.44 4.796H18.94V0.503999H0.44V4.796Z' fill='%23452B1A'/%3E%3C/svg%3E")
17 17,
zoom-in;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
transition: transform 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto !important;
top: 0;
left: 0;
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
background: #fff;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
.Text--subdued {
font-weight: 400 !important;
}
.pswp__ui {
visibility: hidden;
width: 100%;
height: 100%;
bottom: 50px;
opacity: 0;
transform: translateY(35px);
left: 0;
text-align: center;
}
.pswp__button--prev {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.pswp__button--prev svg {
fill: none !important;
}
.pswp__button--prev:hover:before {
opacity: 1;
}
.pswp__button--next {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.pswp__button--next svg {
fill: none !important;
}
.pswp__button--next:hover:before {
opacity: 1;
}
.pswp__button--close {
top: 0;
right: 0;
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
text-decoration: none;
text-align: center;
color: #333;
font-style: normal;
font-size: 48px;
font-family: NeueHaasUnicaW1G-Regular;
}
.pswp__button[disabled] {
opacity: 0;
pointer-events: none;
}
.pswp--animated-in .pswp__ui {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.pswp--animated-in .pswp__ui--hidden {
visibility: hidden;
opacity: 0;
}
.pswp__button svg {
pointer-events: none;
}
.pswp__error-msg {
position: absolute;
top: 40%;
margin: 0 15px;
padding: 8px 15px;
background: #e6554d;
color: #fff;
text-align: center;
}
.js .no-js,
.no-js .hide-no-js {
display: none !important;
}
.no-scroll {
overflow: hidden;
-webkit-overflow-scrolling: hidden;
}
body:not(.is-tabbing) button:focus,
body:not(.is-tabbing) input:focus,
body:not(.is-tabbing) select:focus,
body:not(.is-tabbing) textarea:focus {
outline: none;
}
[data-scrollable] {
overflow: auto;
}
.Container {
margin: 0 auto;
padding: 0 24px;
}
.Container--narrow {
max-width: 1420px;
}
.Container--extraNarrow {
max-width: 800px;
}
.FlexboxIeFix {
display: flex;
flex-direction: row;
}
@media screen and (min-width: 641px) {
.Container {
padding: 0 50px;
}
}
@media screen and (min-width: 1240px) {
.Container {
padding: 0 80px;
}
}
html {
font-size: 13px;
}
body {
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
color: #171717;
background: #fff;
line-height: 1.65;
}
.Link {
transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.supports-hover .Link--primary:hover,
.Link--primary.is-active,
.supports-hover .Link--secondary:hover,
.Link--secondary.is-active {
color: #171717;
}
.Link--underline {
position: relative;
display: inline-block;
}
.Link--underline:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: -1px;
background: currentColor;
transform: scale(1);
transform-origin: left center;
transition: transform 0.2s ease-in-out;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.Link--underline:hover:before {
transform: scaleX(0);
}
}
.Link--underlineShort:before {
width: 100%;
}
.Link--underlineNative {
text-decoration: underline;
text-underline-position: under;
}
.Heading {
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
color: #171717;
transition: color 0.2s ease-in-out;
letter-spacing: -0.075em;
}
.Text--subdued {
color: #171717;
}
.Text--alignCenter {
text-align: center !important;
}
.Text--alignRight {
text-align: right !important;
}
.Icon-Wrapper--clickable {
position: relative;
background: transparent;
}
.Icon-Wrapper--clickable:before {
position: absolute;
content: "";
top: -8px;
right: -12px;
left: -12px;
bottom: -8px;
transform: translateZ(0);
}
.Icon {
display: inline-block;
height: 1em;
width: 1em;
fill: currentColor;
vertical-align: middle;
stroke-width: 1px;
background: none;
pointer-events: none;
}
.u-visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.u-h1,
.Rte h1 {
font-size: 20px;
}
.u-h2,
.Rte h2 {
font-size: 18px;
}
.u-h3,
.Rte h3 {
font-size: 16px;
}
.u-h4,
.Rte h4 {
font-size: 15px;
}
.u-h5,
.Rte h5 {
font-size: 13px;
}
.u-h6,
.Rte h6 {
font-size: 12px;
}
.u-h7 {
font-size: 11px;
}
.u-h8 {
font-size: 10px;
}
@media screen and (min-width: 641px) {
.u-h1,
.Rte h1 {
font-size: 20px;
}
.u-h2,
.Rte h2,
.u-h3,
.Rte h3 {
font-size: 18px;
}
.u-h4,
.Rte h4 {
font-size: 16px;
}
.u-h5,
.Rte h5 {
font-size: 13px;
}
.u-h6,
.Rte h6 {
font-size: 12px;
}
.u-h7 {
font-size: 11px;
}
.u-h8 {
font-size: 10px;
}
}
.Button,
.shopify-payment-button__button--unbranded,
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews input.spr-button-primary,
#shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .spr-pagination-next > a {
position: relative;
display: inline-block;
padding: 16px 30px;
line-height: normal;
border: 1px solid transparent;
border-radius: 0;
font-size: 9px;
text-align: center;
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
background-color: transparent;
z-index: 1;
-webkit-tap-highlight-color: initial;
}
.Button:before,
.shopify-payment-button__button--unbranded:before,
#shopify-product-reviews .spr-summary-actions-newreview:before,
#shopify-product-reviews .spr-button-primary:not(input):before,
#shopify-product-reviews input.spr-button-primary:before,
#shopify-product-reviews .spr-pagination-prev > a:before,
#shopify-product-reviews .spr-pagination-next > a:before {
position: absolute;
content: "";
display: block;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
transform: scale(1);
transform-origin: left center;
z-index: -1;
}
.Button[disabled],
[disabled].shopify-payment-button__button--unbranded,
#shopify-product-reviews [disabled].spr-summary-actions-newreview,
#shopify-product-reviews [disabled].spr-button-primary:not(input),
#shopify-product-reviews input[disabled].spr-button-primary,
#shopify-product-reviews .spr-pagination-prev > a[disabled],
#shopify-product-reviews .spr-pagination-next > a[disabled] {
cursor: not-allowed;
}
.Button--primary,
.shopify-payment-button__button--unbranded,
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button-primary:not(input) {
color: #fff;
border-color: #171717;
}
.Button--primary:before,
.shopify-payment-button__button--unbranded:before,
#shopify-product-reviews .spr-summary-actions-newreview:before,
#shopify-product-reviews .spr-button-primary:not(input):before {
background-color: #171717;
}
.Button--secondary,
#shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .spr-pagination-next > a {
color: #171717;
border: 1px solid rgba(23, 23, 23, 1, 0.2);
}
.Button--secondary:before,
#shopify-product-reviews .spr-pagination-prev > a:before,
#shopify-product-reviews .spr-pagination-next > a:before {
background-color: #171717;
transform-origin: right center;
transform: scaleX(0);
}
.Button--full {
width: 100%;
}
.Button--stretched {
padding-left: 40px;
padding-right: 40px;
}
.Button--small {
font-size: 9px;
padding: 12px 24px;
}
.Button__SeparatorDot {
display: inline-block;
margin: 0 18px;
content: "";
height: 3px;
width: 3px;
border-radius: 100%;
background: currentColor;
}
.ButtonWrapper {
text-align: center;
}
.Button__PrimaryState,
.Button__SecondaryState {
display: block;
transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1),
opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
}
.Button__SecondaryState {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
text-align: center;
opacity: 0;
transform: translate(-50%, 100%);
}
.Button--secondaryState .Button__PrimaryState {
opacity: 0;
transform: translateY(-100%);
}
.Button--secondaryState .Button__SecondaryState {
opacity: 1;
transform: translate(-50%, -50%);
}
.ButtonGroup {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: -12px;
}
.ButtonGroup__Item {
margin: 12px;
}
.ButtonGroup__Item--expand {
flex: 1 1 0;
}
.ButtonGroup--spacingSmall {
margin: -8px;
}
.ButtonGroup--spacingSmall .ButtonGroup__Item {
margin: 8px;
}
.ButtonGroup--sameSize .ButtonGroup__Item {
flex: 0 1 auto;
white-space: nowrap;
max-width: 245px;
}
@supports (-o-object-fit: cover) or (object-fit: cover) {
.ButtonGroup--sameSize .ButtonGroup__Item {
flex: 1 1 0;
}
}
@media screen and (min-width: 641px) {
@supports (display: inline-grid) {
.ButtonGroup--sameSize {
display: inline-grid;
grid-template-columns: 1fr 1fr;
}
.ButtonGroup--sameSize .ButtonGroup__Item {
max-width: none;
}
}
}
.RoundButton,
.flickity-prev-next-button {
position: absolute;
width: auto;
height: auto;
padding: 12px;
border: none;
border-radius: 50%;
color: #171717;
cursor: pointer;
text-align: center;
z-index: 1;
vertical-align: middle;
line-height: 0;
transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out,
transform 0.2s ease-in-out, color 0.2s ease-in-out;
overflow: hidden;
}
.RoundButton.is-active,
.is-active.flickity-prev-next-button {
background: #171717;
color: #fff;
outline: none;
}
.RoundButton svg,
.flickity-prev-next-button svg {
height: 14px;
width: 8px;
fill: currentColor;
}
.RoundButton--small {
width: 35px;
height: 35px;
}
.RoundButton--small svg {
height: 14px;
width: 14px;
}
.RoundButton--medium {
width: 50px;
height: 50px;
}
.RoundButton--medium svg {
height: 18px;
width: 18px;
}
.RoundButton--large {
width: 55px;
height: 55px;
}
.RoundButton--large svg {
height: 15px;
width: 15px;
}
.RoundButton--flat {
box-shadow: 0 1px 5px #36363626;
color: #17171780;
}
.RoundButton__PrimaryState,
.RoundButton__SecondaryState {
display: block;
transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1),
opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
}
.RoundButton__SecondaryState {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
text-align: center;
opacity: 0;
transform: translate(-50%, 100%);
}
.RoundButton--secondaryState .RoundButton__PrimaryState {
opacity: 0;
transform: translateY(-100%);
}
.RoundButton--secondaryState .RoundButton__SecondaryState {
opacity: 1;
transform: translate(-50%, -50%);
}
@-webkit-keyframes buttonFromLeftToRight {
0% {
transform: translate(0);
}
25% {
opacity: 0;
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
75% {
opacity: 1;
transform: translate(0);
}
}
@keyframes buttonFromLeftToRight {
0% {
transform: translate(0);
}
25% {
opacity: 0;
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
75% {
opacity: 1;
transform: translate(0);
}
}
@-webkit-keyframes buttonFromRightToLeft {
0% {
transform: translate(0);
}
25% {
opacity: 0;
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
75% {
opacity: 1;
transform: translate(0);
}
}
@keyframes buttonFromRightToLeft {
0% {
transform: translate(0);
}
25% {
opacity: 0;
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
75% {
opacity: 1;
transform: translate(0);
}
}
@-webkit-keyframes buttonFromTopToBottom {
0% {
transform: translateY(0);
}
25% {
opacity: 0;
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
75% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes buttonFromTopToBottom {
0% {
transform: translateY(0);
}
25% {
opacity: 0;
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
75% {
opacity: 1;
transform: translateY(0);
}
}
.flickity-enabled {
position: relative;
}
body:not(.is-tabbing) .flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: auto;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled {
-webkit-tap-highlight-color: transparent;
}
.flickity-enabled.is-draggable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: url(/cdn/shop/files/cursor-zoom-in.svg?v=1764759189)
18 18,
zoom-in;
cursor: -webkit-image-set(url(/cdn/shop/files/cursor-zoom-in.svg?v=1764759189) 1x,url(/cdn/shop/files/cursor-zoom-in-2x.svg?v=1764759340) 2x),zoom-in;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: url(/cdn/shop/files/cursor-zoom-in.svg?v=1764759189)
18 18,
zoom-in;
cursor: -webkit-image-set(url(/cdn/shop/files/cursor-zoom-in.svg?v=1764759189) 1x,url(/cdn/shop/files/cursor-zoom-in-2x.svg?v=1764759340) 2x),zoom-in;
}
.flickity-prev-next-button {
position: absolute;
}
.flickity-prev-next-button[disabled] {
opacity: 0;
}
.flickity-prev-next-button svg {
width: auto;
height: 18px;
stroke-width: 1.5px;
stroke: currentColor;
}
.flickity-page-dots {
width: 100%;
padding: 0;
margin: 22px 0 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-page-dots .dot {
position: relative;
display: inline-block;
width: 9px;
height: 9px;
margin: 0 6px;
border-radius: 50%;
cursor: pointer;
background: transparent;
border: 1px solid #e4dfde;
transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.flickity-page-dots .dot:before {
position: absolute;
content: "";
top: -6px;
right: -6px;
left: -6px;
bottom: -6px;
}
.flickity-page-dots .dot.is-selected {
background: currentColor;
border-color: currentColor;
}
@media screen and (min-width: 641px) {
.flickity-page-dots .dot {
width: 10px;
height: 10px;
margin: 0 7px;
border-width: 2px;
}
}
.Carousel {
position: relative;
}
.Carousel--fixed,
.Carousel--fixed .flickity-viewport,
.Carousel--fixed .Carousel__Cell {
height: 100%;
}
.Carousel:not(.flickity-enabled) .Carousel__Cell:not(.is-selected) {
display: none;
}
.Carousel__Cell {
display: block;
width: 100%;
}
.js .Carousel--fadeIn .flickity-slider {
transform: none !important;
}
.js .Carousel--fadeIn .Carousel__Cell {
left: 0 !important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.js .Carousel--fadeIn .Carousel__Cell.is-selected {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.Carousel--insideDots .flickity-page-dots {
position: absolute;
width: auto;
margin: 0;
bottom: 24px;
left: 20px;
}
.Carousel--insideDots .flickity-page-dots .dot {
border-color: currentColor;
}
.Carousel--insideDots .flickity-page-dots .dot.is-selected {
background: currentColor;
}
.Carousel--insideDots .flickity-prev-next-button {
bottom: -25px;
z-index: 1;
}
.Carousel--insideDots .flickity-prev-next-button.next {
right: 25px;
}
.Carousel--insideDots .flickity-prev-next-button.previous {
right: 75px;
margin-right: 15px;
}
@media screen and (min-width: 1008px) {
.Carousel--insideDots .flickity-page-dots {
bottom: 28px;
right: 24px;
left: auto;
}
}
.Collapsible {
border-top: 1px solid #e4dfde;
border-bottom: 1px solid #e4dfde;
overflow: hidden;
}
.Collapsible + .Collapsible {
border-top: none;
}
.Collapsible--padded {
padding-left: 24px;
padding-right: 24px;
}
.Collapsible__Button {
display: block;
position: relative;
width: 100%;
padding: 12px 10px;
text-align: left;
cursor: pointer;
letter-spacing: -0.075em;
}
.Collapsible__Plus:before {
content: "+";
position: absolute;
top: 3px;
right: 10px;
display: inline-block;
padding: 3px;
line-height: 17px;
border: 0;
transform: none;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 18px;
}
.SidebarMenu__Nav .Collapsible__Plus:before {
right: unset;
margin-left: 3px;
top: 4px;
font-size: 16px;
}
.SidebarMenu__Nav
.Collapsible__Button[aria-expanded="true"]
.Collapsible__Plus:before {
right: unset;
margin-left: 3px;
font-size: 20px;
}
.Collapsible__Button[aria-expanded="true"] .Collapsible__Plus:before {
content: "-";
top: 0;
right: 15px;
}
.Collapsible .Collapsible {
margin-left: 19px;
border: none;
}
.Collapsible .Collapsible .Collapsible__Button {
padding: 13px 0;
}
.Collapsible__Inner {
display: block;
height: 0;
visibility: hidden;
transition: height 0.35s ease-in-out, visibility 0s ease-in-out 0.35s;
overflow: hidden;
}
.Collapsible__Inner .Rte {
padding-bottom: 12px;
}
.Collapsible__Button[aria-expanded="true"] + .Collapsible__Inner {
visibility: visible;
transition: height 0.35s ease-in-out;
}
.shopify-payment-button {
margin-top: 16px;
}
.Collapsible .Linklist {
margin-bottom: 4px;
}
.Collapsible .Linklist--bordered {
margin-top: 8px;
margin-bottom: 4px;
}
@media screen and (min-width: 641px) {
.Collapsible--autoExpand {
border: none;
overflow: visible;
}
.Collapsible--autoExpand .Collapsible__Button {
cursor: default;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 16px;
}
.Collapsible--autoExpand .Collapsible__Plus {
display: none;
}
.Collapsible--autoExpand .Collapsible__Inner {
height: auto;
visibility: visible;
overflow: visible;
}
.Collapsible--autoExpand .Collapsible__Content {
padding-bottom: 0;
}
.Collapsible--autoExpand .Linklist {
margin-bottom: 0;
}
.Collapsible--autoExpand {
margin-bottom: 32px;
}
}
@media screen and (min-width: 1008px) {
.Collapsible--padded {
padding-left: 30px;
padding-right: 30px;
}
.Collapsible--large .Collapsible__Content {
padding-bottom: 45px;
}
}
.Drawer {
position: fixed;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100vh;
max-height: none;
z-index: 2000;
box-shadow: none;
touch-action: manipulation;
transition: ease-out 0.2s;
}
.Drawer:focus {
outline: none;
}
.Drawer--secondary {
background: #fff;
}
.Drawer--fromLeft {
left: calc(-100% - 1px);
}
.Drawer--fromRight {
right: 0;
left: auto;
transform: translate(calc(100vw - 65px));
}
.Drawer[aria-hidden="false"] {
visibility: visible;
left: 0;
}
.Drawer[aria-hidden="false"]:before {
opacity: 1;
}
#sidebar-cart.Drawer[aria-hidden="false"] {
visibility: visible;
transform: translate(0);
left: auto;
}
#sidebar-cart.Drawer[aria-hidden="false"]:before {
opacity: 1;
}
#sidebar-cart.Drawer {
z-index: 20000000;
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
background: #fff;
box-shadow: none;
transform: translate(100vw);
height: 100dvh;
}
@media screen and (min-width: 641px) {
#sidebar-cart.Drawer {
border-left: 1px solid black;
}
}
.Drawer__Container {
width: 100%;
}
.Drawer--fromLeft .Drawer__Container {
padding-left: 18px;
padding-right: 24px;
}
.Drawer--fromRight .Drawer__Container {
padding-left: 8px;
padding-right: 8px;
}
.Drawer__Header {
display: flex;
align-items: center;
position: relative;
height: 50px;
max-height: 60px;
background: inherit;
z-index: 1;
padding-top: 38px;
padding-bottom: 24px;
}
@supports (--css: variables) {
.Drawer__Header {
height: var(--header-height);
}
}
@media screen and (max-width: 641px) {
.Drawer__Header {
padding-bottom: 21px;
padding-top: 36px;
}
}
.empty-count {
padding: 0 8px;
}
.Drawer__Header--center {
justify-content: center;
}
.Drawer__Close {
position: absolute;
margin-left: 0;
left: 18px;
top: 50%;
line-height: 0;
}
@media screen and (max-width: 641px) {
.Drawer__Close {
top: 36px;
}
}
.Drawer__Close svg {
width: 15px;
height: 15px;
stroke-width: 1.25px;
}
.Drawer--fromRight .Drawer__Close {
right: 18px;
left: auto;
}
.Drawer--secondary .Drawer__Header--bordered {
box-shadow: 0 -1px #e4dfde99 inset;
}
.Drawer--secondary .Collapsible {
border-bottom-color: #e4dfde99;
}
.Drawer__Content {
position: relative;
display: flex;
flex-direction: column;
overflow: auto;
height: calc(100% - 60px);
max-height: calc(100% - 50px);
}
@supports (--css: variables) {
.Drawer__Content {
height: calc(100% - var(--header-height));
max-height: calc(100% - var(--header-height));
}
}
@supports (width: max(100%)) {
.Drawer__Content {
height: max(100% - var(--header-height), 100% - 0px);
max-height: max(100% - var(--header-height), 100% - 0px);
}
}
@supports (width: max(100%)) {
#sidebar-cart .Drawer__Content {
height: min(100% - var(--header-height), 100% - 0px);
max-height: min(100% - var(--header-height), 100% - 200px);
}
}
#sidebar-cart .Drawer__Content .Drawer__Main {
overflow: unset;
}
.Drawer__Main {
padding-bottom: 60px;
}
@media screen and (max-width: 641px) {
.Drawer__Main {
padding-bottom: 99px;
overflow: scroll;
}
}
.Drawer__Footer {
flex: none;
box-shadow: 0 -1px #e4dfde;
}
.Drawer--secondary .Drawer__Footer {
box-shadow: 0 -1px #e4dfde99;
}
.Drawer__Footer--padded {
padding: 24px;
}
.Drawer__Container {
padding-left: 8px;
padding-right: 8px;
height: fit-content;
max-height: max-content;
}
@media screen and (min-width: 641px) {
.Drawer {
width: 400px;
}
.Drawer--small {
width: 340px;
}
.Drawer--fromRight {
transform: translate(100%);
}
.Drawer__Header {
padding-top: 38px;
padding-bottom: 24px;
}
.Drawer--fromLeft .Drawer__Container,
.Drawer--fromRight .Drawer__Container {
padding-left: 8px;
padding-right: 8px;
height: unset;
max-height: 100%;
}
.Drawer__Close {
left: 30px;
}
.Drawer--fromRight .Drawer__Close {
right: 10px;
left: auto;
}
.Drawer__Close svg {
stroke-width: 1.5px;
}
.Drawer__Footer--padded {
padding: 24px 30px;
}
}
[data-drawer-animated-left],
[data-drawer-animated-right] {
opacity: 0;
}
.Drawer[aria-hidden="false"] [data-drawer-animated-left],
.Drawer[aria-hidden="false"] [data-drawer-animated-right] {
opacity: 1;
transform: translate(0);
}
[data-drawer-animated-left] {
transform: translate(-65px);
}
[data-drawer-animated-right] {
transform: translate(65px);
}
[data-drawer-animated-bottom] {
opacity: 0;
transform: translateY(45px);
transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.Drawer[aria-hidden="false"] [data-drawer-animated-bottom] {
opacity: 1;
transform: translateY(0);
transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s,
transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
.Form {
width: 100%;
}
.Form__Item {
position: relative;
margin-bottom: 15px;
}
.terms_conditions,
.email_marketing {
color: #171717;
font-family: NeueHaasUnicaW1G-Regular;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: relative;
display: flex;
align-items: stretch;
}
.Footer .email_marketing {
color: #452b1a;
}
.Form__Input,
#shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .spr-form-input-textarea,
.Form__Textarea {
-webkit-appearance: none;
display: block;
padding: 12px 14px;
border-radius: 0;
border: 1px solid #e4dfde;
width: 100%;
line-height: normal;
resize: none;
transition: border-color 0.1s ease-in-out;
background: transparent;
}
.Form__Input:focus,
#shopify-product-reviews .spr-form-input-text:focus,
#shopify-product-reviews .spr-form-input-email:focus,
#shopify-product-reviews .spr-form-input-textarea:focus,
.Form__Textarea:focus {
border-color: #9f5a4b;
outline: none;
}
.Form__Input::-webkit-input-placeholder,
#shopify-product-reviews .spr-form-input-text::-webkit-input-placeholder,
#shopify-product-reviews .spr-form-input-email::-webkit-input-placeholder,
#shopify-product-reviews .spr-form-input-textarea::-webkit-input-placeholder,
.Form__Textarea::-webkit-input-placeholder {
color: #171717;
}
.Form__Input::-moz-placeholder,
#shopify-product-reviews .spr-form-input-text::-moz-placeholder,
#shopify-product-reviews .spr-form-input-email::-moz-placeholder,
#shopify-product-reviews .spr-form-input-textarea::-moz-placeholder,
.Form__Textarea::-moz-placeholder {
color: #171717;
}
.Form__Input:-ms-input-placeholder,
#shopify-product-reviews .spr-form-input-text:-ms-input-placeholder,
#shopify-product-reviews .spr-form-input-email:-ms-input-placeholder,
#shopify-product-reviews .spr-form-input-textarea:-ms-input-placeholder,
.Form__Textarea:-ms-input-placeholder {
color: #171717;
}
.Form__Input::-ms-input-placeholder,
#shopify-product-reviews .spr-form-input-text::-ms-input-placeholder,
#shopify-product-reviews .spr-form-input-email::-ms-input-placeholder,
#shopify-product-reviews .spr-form-input-textarea::-ms-input-placeholder,
.Form__Textarea::-ms-input-placeholder {
color: #171717;
}
.Form__Input::placeholder,
#shopify-product-reviews .spr-form-input-text::placeholder,
#shopify-product-reviews .spr-form-input-email::placeholder,
#shopify-product-reviews .spr-form-input-textarea::placeholder,
.Form__Textarea::placeholder {
color: #171717;
}
.Form__FloatingLabel {
font-family: NeueHaasUnicaW1G-Regular;
position: absolute;
bottom: calc(100% - 8px);
left: 10px;
padding: 0 5px;
line-height: normal;
color: #171717;
font-size: 11px;
opacity: 0;
background: #fff0;
pointer-events: none;
transform: translateY(3px);
transition: all 0.3s ease-in-out;
}
.Form__Input:not(:placeholder-shown) ~ .Form__FloatingLabel,
#shopify-product-reviews
.spr-form-input-text:not(:placeholder-shown)
~ .Form__FloatingLabel,
#shopify-product-reviews
.spr-form-input-email:not(:placeholder-shown)
~ .Form__FloatingLabel,
#shopify-product-reviews
.spr-form-input-textarea:not(:placeholder-shown)
~ .Form__FloatingLabel,
.Form__Textarea:not(:placeholder-shown) ~ .Form__FloatingLabel {
opacity: 1;
background: #fff;
transform: translateY(0);
}
.Form--spacingTight .Form__Item.checkbox__form {
margin-top: 0;
margin-bottom: 17px;
}
.Form--spacingTight .Form__Item.email_marketing_checkbox {
margin-top: 30px;
margin-bottom: 16px;
}
.Form__Checkbox {
position: absolute;
opacity: 0;
top: 0;
height: 100%;
}
.Form__Item .tc_link {
border-bottom: 1px solid #171717;
padding-bottom: 4px;
margin-left: 5px;
}
.Form__Item .tc_link:hover {
border-bottom-color: transparent !important;
}
.Form__Item .tc_link:after {
bottom: -1px;
}
.Form__Item .tc_link:hover:after {
bottom: -1px;
}
.Form .create-one_link {
line-height: 1;
display: inline-block;
border-bottom: 1px solid #171717;
}
.backtologin {
line-height: 1;
border-bottom: 1px solid #171717;
font-size: 12px;
}
.Form .create-one_link:hover,
.backtologin:hover {
border-bottom-color: transparent !important;
}
.Form .create-one_link:after,
.backtologin:after {
bottom: -1px !important;
}
.Form__Checkbox ~ label:before {
display: inline-block;
content: "";
min-width: 14px;
height: 14px;
margin-right: 10px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='14'%20viewBox='0%200%2013%2014'%20fill='none'%3E%3Cpath%20d='M6.5%200.5C2.912%200.5%200%203.412%200%207C0%2010.588%202.912%2013.5%206.5%2013.5C10.088%2013.5%2013%2010.588%2013%207C13%203.412%2010.088%200.5%206.5%200.5ZM6.5%2012.2C3.627%2012.2%201.3%209.873%201.3%207C1.3%204.127%203.627%201.8%206.5%201.8C9.373%201.8%2011.7%204.127%2011.7%207C11.7%209.873%209.373%2012.2%206.5%2012.2Z'%20fill='%23482922'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
vertical-align: -2px;
position: relative;
top: 1px;
}
.Form__Checkbox:checked + label:before {
height: 14.45px;
background-image: url('data:image/svg+xml;utf8,');
}
.terms_conditions_form:not(:has(.Form__Checkbox:checked)) ~ .Form__Submit {
opacity: 0.2;
cursor: not-allowed;
}
.Form__Checkbox ~ svg {
position: absolute;
top: 5px;
left: 1px;
width: 12px;
height: 12px;
transform: scale(0);
transition: transform 0.2s ease-in-out;
will-change: transform;
}
.Form__Checkbox:checked ~ label:before {
border-color: #171717;
}
.Form__Checkbox:checked ~ svg {
transform: scale(1);
}
.Form__Alert,
#shopify-product-reviews .spr-form-message {
margin-bottom: 20px;
}
.Form__Submit {
display: block;
margin-top: 20px;
}
#create_customer .Form__Submit {
margin-top: 16px;
}
.Form__Label,
#shopify-product-reviews .spr-form-label {
display: block;
padding-bottom: 8px;
font-size: 10px;
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
letter-spacing: -0.075em;
line-height: normal;
}
.Form--small .Form__Input,
.Form--small #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .Form--small .spr-form-input-text,
.Form--small #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .Form--small .spr-form-input-email,
.Form--small #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .Form--small .spr-form-input-textarea,
.Form--small .Form__Textarea {
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}
.Form--spacingTight .Form__Item {
margin-bottom: 15px;
}
.Form--spacingTight .Form__Alert,
.Form--spacingTight #shopify-product-reviews .spr-form-message,
#shopify-product-reviews .Form--spacingTight .spr-form-message {
margin-bottom: 20px;
}
@media screen and (min-width: 641px) {
.Form__Item,
.Form__Alert,
#shopify-product-reviews .spr-form-message {
margin-bottom: 30px;
}
.Form__Group {
display: flex;
}
.Form__Group > .Form__Item {
flex: 1;
}
.Form__Group > :nth-child(2) {
margin-left: 30px;
}
.Form--spacingTight .Form__Group > :nth-child(2) {
margin-left: 15px;
}
}
.Form__Header {
margin-bottom: 24px;
text-align: center;
}
.Form__Hint {
margin: 24px 0 0;
}
.Form__Hint:not(:last-child) {
margin-bottom: 32px;
}
.Form__Hint--center {
text-align: center;
}
.Form__ItemHelp {
position: absolute;
right: 11px;
top: 57%;
font-size: 12px;
color: #171717;
transform: translateY(-50%);
line-height: normal;
font-family: NeueHaasUnicaW1G-Regular;
}
select::-ms-expand {
display: none;
}
.Select {
position: relative;
color: currentColor;
line-height: 1;
vertical-align: middle;
}
.Select svg {
position: absolute;
line-height: normal;
pointer-events: none;
vertical-align: baseline;
fill: currentColor;
}
.Select select {
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
color: inherit;
cursor: pointer;
border-radius: 0;
line-height: normal;
}
.Select select:focus::-ms-value {
background: #fff;
color: #171717;
}
.Select option {
background: #fff;
color: #171717;
}
.Select--primary:after {
content: "";
position: absolute;
right: 1px;
top: 1px;
height: calc(100% - 2px);
width: 55px;
background: linear-gradient(to right, #fff0, #ffffffb3 20%, #fff 40%);
pointer-events: none;
}
.Select--primary select {
width: 100%;
height: 45px;
padding-left: 14px;
padding-right: 28px;
border: 1px solid #e4dfde;
background: #fff;
}
.Select--primary select:active,
.Select--primary select:focus {
border-color: #171717;
outline: none;
}
.Select--primary svg {
top: calc(50% - 5px);
right: 15px;
width: 10px;
height: 10px;
z-index: 1;
}
.Select--transparent select {
padding-right: 15px;
background: transparent;
border: none;
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
font-size: inherit;
letter-spacing: -0.075em;
}
.Select--transparent svg {
top: calc(50% - 3px);
right: 0;
height: 6px;
}
.HorizontalList {
list-style: none;
}
.HorizontalList__Item {
display: inline-block;
position: relative;
line-height: 0;
}
.HorizontalList__Item > .Link {
display: inline-block;
}
.HorizontalList--spacingLoose {
margin-left: -14px;
margin-right: -14px;
}
.HorizontalList--spacingLoose .HorizontalList__Item {
margin-right: 14px;
margin-left: 14px;
}
.HorizontalList--spacingExtraLoose {
margin-left: -17px;
margin-right: -17px;
}
.HorizontalList--spacingExtraLoose .HorizontalList__Item {
margin-right: 17px;
margin-left: 17px;
}
.HorizontalList--spacingFill {
display: flex;
justify-content: space-around;
justify-content: space-evenly;
}
.HorizontalList--spacingFill .HorizontalList__Item {
margin-left: 0;
margin-right: 0;
}
@media screen and (min-width: 1240px) {
.HorizontalList--spacingExtraLoose {
margin: 0 -21px 0 -15px;
}
.HorizontalList--spacingExtraLoose .HorizontalList__Item {
margin-right: 21px;
margin-left: 21px;
}
}
.Image--contrast {
position: relative;
}
.Image--contrast:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-image: linear-gradient(to top, #040404a6, #36363633);
}
.Image--contrast > * {
z-index: 1;
}
@-webkit-keyframes lazyLoader {
0%,
to {
transform: translate(-50%);
}
50% {
transform: translate(100%);
}
}
@keyframes lazyLoader {
0%,
to {
transform: translate(-50%);
}
50% {
transform: translate(100%);
}
}
.Image--fadeIn {
opacity: 0;
transition: opacity 0.3s ease;
}
.Image--lazyLoaded.Image--fadeIn {
opacity: 1;
}
.Image--zoomOut {
opacity: 0;
transition: opacity 0.3s ease;
}
.Image--lazyLoaded.Image--zoomOut {
opacity: 1;
}
.Image--slideRight,
.Image--slideLeft {
transform: translate(25px);
opacity: 0;
transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),
opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.Image--slideLeft {
transform: translate(-25px);
}
.Image--lazyLoaded.Image--slideRight,
.Image--lazyLoaded.Image--slideLeft {
opacity: 1;
transform: translate(0);
}
.Image__Loader {
position: absolute;
display: block;
height: 2px;
width: 50px;
left: 0;
bottom: 0;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
margin: auto;
pointer-events: none;
background-color: #e4dfde;
z-index: -1;
transition: all 0.2s ease-in-out;
overflow: hidden;
}
.Image__Loader:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
top: 0;
height: 100%;
width: 200%;
background-color: #171717;
}
.Image--lazyLoading + .Image__Loader {
opacity: 1;
visibility: visible;
z-index: 1;
}
.Image--lazyLoading + .Image__Loader:after {
-webkit-animation: lazyLoader 3s infinite;
animation: lazyLoader 3s infinite;
-webkit-animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
}
.swiper-slide-duplicate .Image--lazyLoading + .Image__Loader {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.AspectRatio {
position: relative;
margin-left: auto;
margin-right: auto;
}
.AspectRatio:before {
content: "";
display: block;
}
.AspectRatio > img {
max-height: 100%;
max-width: 100%;
}
.AspectRatio--withFallback > img {
position: absolute;
top: 0;
left: 0;
height: 100%;
cursor: zoom-in;
width: 100%;
}
.no-js .AspectRatio > img {
display: none !important;
}
@supports (--css: variables) {
.AspectRatio--withFallback {
padding-bottom: 0 !important;
}
.AspectRatio:before {
padding-bottom: calc(100% / (var(--aspect-ratio)));
}
.AspectRatio > img,
.no-js .AspectRatio > noscript img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
}
.AspectRatio--square:before {
padding-bottom: 0;
aspect-ratio: 342 / 427;
background: #f7f7f7;
}
.AspectRatio--short:before {
padding-bottom: 75%;
}
.AspectRatio--tall:before {
padding-bottom: 150%;
}
.AspectRatio--square > img,
.AspectRatio--short > img,
.AspectRatio--tall > img {
position: absolute;
width: auto;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@supports (-o-object-fit: contain) or (object-fit: contain) {
.AspectRatio--square > img,
.AspectRatio--short > img,
.AspectRatio--tall > img {
-o-object-fit: cover;
object-fit: cover;
}
}
.Linklist {
list-style: none;
padding: 0;
}
.Linklist__Item {
position: relative;
display: block;
margin-bottom: 12px;
width: 100%;
line-height: 1.5;
text-align: left;
transition: all 0.2s ease-in-out;
font-size: 16px;
}
.Linklist__Item:last-child {
margin-bottom: 0 !important;
}
.Linklist__Item:before {
position: absolute;
content: "";
display: inline-block;
width: 6px;
height: 6px;
top: calc(50% - 3px);
left: 0;
border-radius: 100%;
background: #171717;
opacity: 0;
transition: opacity 0.1s ease-in-out;
}
.Linklist__Item > .Link {
display: block;
width: 100%;
text-align: inherit;
position: relative;
max-width: fit-content;
}
.Linklist--spacingLoose .Linklist__Item {
margin-bottom: 8px;
}
.Linklist__Item.is-selected {
padding-left: 18px;
}
.Linklist__Item.is-selected:before {
opacity: 1;
transition-delay: 0.1s;
}
.Linklist--bordered {
margin-left: 8px;
padding: 0 20px 0 25px;
}
.Linklist--bordered li:first-child .Linklist__Item {
margin-top: 2px;
}
.Linklist--bordered li:last-child .Linklist__Item {
margin-bottom: 2px;
}
.FeaturedMap {
max-width: 1150px;
margin: 0 auto;
}
.FeaturedMap__MapContainer {
position: relative;
height: 240px;
background-size: cover;
background-position: center;
}
.FeaturedMap__GMap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.FeaturedMap__Info {
position: relative;
margin: 0 auto;
background: #fff;
text-align: left;
z-index: 1;
padding: 0 0 40px;
}
.FeaturedMap__Store {
display: block;
margin-bottom: 1.2em;
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
}
.FeaturedMap__Address {
margin-bottom: 1.2em;
}
.FeaturedMap__Location {
margin-top: 2.7em;
}
@media screen and (min-width: 641px) {
.FeaturedMap {
display: flex;
flex-direction: row-reverse;
align-items: stretch;
padding-top: 0;
height: 550px;
}
.FeaturedMap__MapContainer {
flex: 1 0 auto;
height: 100%;
}
.FeaturedMap__Info {
flex: none;
min-width: 370px;
width: 370px;
padding: 50px 60px;
}
}
.Anchor {
display: block;
position: relative;
top: -75px;
visibility: hidden;
}
@supports (--css: variables) {
.Anchor {
top: calc(-1 * (var(--header-height)));
}
}
.LoadingBar {
position: fixed;
top: 0;
left: 0;
height: 2px;
width: 0;
opacity: 0;
background: #171717;
transition: width 0.25s ease-in-out;
z-index: 50;
pointer-events: none;
}
.LoadingBar.is-visible {
opacity: 1;
}
@media screen and (min-width: 641px) {
.LoadingBar {
height: 3px;
}
}
.PlaceholderSvg {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.PlaceholderSvg--dark {
background: #696969;
fill: #a1a1a1;
}
.PlaceholderBackground {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
overflow: hidden;
opacity: 0.7;
}
.PlaceholderBackground__Svg {
height: 100% !important;
width: auto !important;
min-width: 100%;
}
.QuantitySelector {
display: inline-flex;
align-items: center;
white-space: nowrap;
}
.QuantitySelector svg {
width: 6px;
height: 6px;
stroke-width: 2px;
}
.QuantitySelector__Button {
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.QuantitySelector__CurrentQuantity {
display: inline-block;
width: 20px;
padding: 0;
text-align: center;
letter-spacing: -0.075em;
background: transparent;
border: none;
margin: 0 7.5px;
line-height: 14px;
font-size: 12px !important;
}
@media screen and (max-width: 641px) {
.QuantitySelector__CurrentQuantity {
line-height: 12px;
font-size: 10px !important;
}
}
.QuantitySelector--large .QuantitySelector__CurrentQuantity {
width: 35px;
font-size: 13px;
}
.QuantitySelector--large .QuantitySelector__Button {
padding: 10px 20px;
}
.QuantitySelector--large svg {
width: 11px;
height: 11px;
}
@media screen and (min-width: 641px) {
.QuantitySelector__Button {
padding: 0;
}
.QuantitySelector__CurrentQuantity {
font-size: 11px;
}
}
.Price {
display: inline-block;
letter-spacing: -0.075em;
}
.Price--highlight {
color: #171717;
margin-left: 6px;
letter-spacing: -0.075em;
line-height: 17px;
}
@media screen and (max-width: 641px) {
.Price--highlight {
line-height: 16px;
margin-left: 4px;
}
}
.Price--compareAt {
position: relative;
opacity: 0.6;
}
.Price--compareAt:before {
position: absolute;
content: "";
top: 47%;
left: 0;
width: calc(100% + 0em);
height: 1px;
background: currentColor;
}
.Product__InfoWrapper .Price--compareAt {
opacity: 1;
}
.ColorSwatch {
position: relative;
display: inline-block;
height: 30px;
width: 30px;
vertical-align: top;
cursor: pointer;
background-size: cover;
}
.ColorSwatch:after {
content: "";
position: absolute;
width: calc(100% + 6px);
height: calc(100% + 6px);
top: -3px;
left: -3px;
}
.ColorSwatch:hover:after {
border: 1px solid #e4dfde;
}
.ColorSwatch--small {
width: 16px;
height: 16px;
}
.ColorSwatch--large {
width: 36px;
height: 36px;
}
.ColorSwatch--white {
outline: 1px solid #e4dfde;
outline-offset: -1px;
}
.ColorSwatch.is-active:after,
.ColorSwatch__Radio:checked + .ColorSwatch:after {
border: 1px solid currentColor !important;
}
.ColorSwatch__Radio {
display: none;
}
.Collapsible .ColorSwatchList {
padding-top: 4px;
padding-bottom: 10px;
}
.Collapsible--autoExpand .ColorSwatchList {
padding-top: 8px;
padding-bottom: 12px;
}
.SizeSwatch {
display: flex;
align-items: center;
justify-content: center;
line-height: 14px;
padding: 0;
color: #171717;
cursor: pointer;
font-weight: 500;
}
.Product .SizeSwatch {
height: 47px;
width: 47px !important;
padding: 0;
border-bottom: 0.5px solid transparent;
}
.SizeSwatch__Radio {
display: none;
}
.SizeSwatch.is-active:after,
.SizeSwatch__Radio:checked + .SizeSwatch {
border-color: #171717;
color: #171717;
}
label.SizeSwatch.inactive {
text-decoration: line-through;
color: #1717173d !important;
font-weight: 400;
}
ul.SizeSwatchList.hide {
opacity: 0;
height: 0;
}
@media screen and (min-width: 641px) {
ul.SizeSwatchList.hide {
opacity: 0;
height: 0;
}
ul.SizeSwatchList li.HorizontalList__Item.avail a {
display: none;
position: absolute;
bottom: 137%;
text-align: center;
left: 50%;
transform: translate(-50%);
width: auto;
background: rgb(74 210 76);
color: #fff;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 13px;
padding: 5px 13px 5px 12px;
margin-bottom: 13px;
cursor: pointer;
text-decoration: none;
letter-spacing: -0.075em;
z-index: 3;
white-space: nowrap;
}
ul.SizeSwatchList li.HorizontalList__Item.avail:hover a {
display: inline;
}
ul.SizeSwatchList li.HorizontalList__Item.avail:hover a:after {
content: "";
position: absolute;
left: 40%;
top: 100%;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgb(74 210 76);
clear: both;
}
ul.SizeSwatchList li.HorizontalList__Item.avail .SizeSwatch {
font-size: 14px !important;
}
.ProductItem__Info {
margin-top: 0 !important;
height: 33px;
}
.ProductItem__Info.hasSize {
height: 33px;
}
.ProductItem__ImageWrapper:hover
+ .ProductItem__Info.hasSize
ul.SizeSwatchList,
.ProductItem__Info.hasSize:hover ul.SizeSwatchList {
opacity: 1;
height: auto;
text-align: center;
padding-top: 15px;
display: flex;
justify-content: center;
gap: 25px;
align-items: baseline;
}
.ProductItem__ImageWrapper:hover
+ .ProductItem__Info.hasSize
.ProductItem__PriceList,
.ProductItem__ImageWrapper:hover
+ .ProductItem__Info.hasSize
.ProductItem__Title,
.ProductItem__ImageWrapper:hover
+ .ProductItem__Info.hasSize
span.ProductItem__Price.Price.Price--highlight.Text--subdued,
.ProductItem__Info.hasSize:hover .ProductItem__PriceList,
.ProductItem__Info.hasSize:hover .ProductItem__Title,
.ProductItem__Info.hasSize:hover
span.ProductItem__Price.Price.Price--highlight.Text--subdued {
display: none !important;
}
}
.Alert,
#shopify-product-reviews .spr-form-message {
display: block;
padding: 10px 20px;
white-space: normal;
font-size: 1rem;
word-break: break-all;
word-break: break-word;
text-shadow: none;
}
.Alert--large {
padding: 18px 20px;
}
.Alert--error,
#shopify-product-reviews .spr-form-message-error {
background: #e4c4c4;
color: #dd0303;
}
.Alert--success,
#shopify-product-reviews .spr-form-message-success {
background: #eaf5e1;
color: #176d00;
}
.Alert__ErrorList {
list-style: none;
}
@media screen and (min-width: 641px) {
.Alert--large {
padding: 18px 30px;
}
}
.Segment + .Segment {
margin-top: 50px;
}
.Segment__Title {
margin-bottom: 24px;
padding-bottom: 10px;
border-bottom: 1px solid #e4dfde;
color: #171717;
}
.Segment__Title--flexed {
display: flex;
justify-content: space-between;
align-items: center;
}
.Segment__ActionList {
margin-top: 16px;
}
.Segment__ActionItem {
line-height: 1.4;
}
.Segment__ActionItem + .Segment__ActionItem {
margin-left: 20px;
}
.Segment__ButtonWrapper {
margin-top: 32px;
}
@media screen and (min-width: 641px) {
.Segment__Title {
margin-bottom: 34px;
}
.Segment__ActionList {
margin-top: 24px;
}
}
@media screen and (min-width: 1240px) {
.Segment + .Segment {
margin-top: 65px;
}
}
.EmptyState {
margin: 140px 0;
text-align: center;
}
.EmptyState__Action {
display: inline-block;
margin-top: 20px;
color: #fff !important;
}
@media screen and (min-width: 641px) {
.EmptyState {
margin: 200px 0;
}
}
@media screen and (min-width: 1240px) {
.EmptyState {
margin: 250px 0;
}
}
@-webkit-keyframes bouncingSpinnerAnimation {
0%,
80%,
to {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
@keyframes bouncingSpinnerAnimation {
0%,
80%,
to {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.BouncingSpinner {
display: block;
text-align: center;
}
.BouncingSpinner > span {
display: inline-block;
width: 10px;
height: 10px;
background-color: currentColor;
border-radius: 100%;
-webkit-animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both;
animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both;
}
.BouncingSpinner > span:first-child {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.BouncingSpinner > span:nth-child(2) {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.Video__PlayButton {
display: inline-block;
transition: transform 0.2s ease-in-out;
height: 80px;
width: 80px;
cursor: pointer;
-webkit-filter: drop-shadow(0 2px 2px rgba(23, 23, 23, 1, 0.2));
filter: drop-shadow(0 2px 2px rgba(23, 23, 23, 1, 0.2));
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.Video__PlayButton:hover {
transform: scale(1.1);
}
}
.Video__PlayButton svg {
width: 80px;
height: 80px;
pointer-events: none;
}
.VideoWrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.VideoWrapper iframe,
.VideoWrapper object,
.VideoWrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.AnnouncementBar {
position: relative;
text-align: center;
font-size: 9px;
z-index: 1;
}
.AnnouncementBar__Wrapper {
padding: 8px;
}
.AnnouncementBar__Content {
color: inherit;
margin: 0;
font-size: 14px !important;
}
@media screen and (max-width: 768px) {
.AnnouncementBar__Content {
font-size: 14px !important;
}
}
@media screen and (min-width: 641px) {
.AnnouncementBar {
font-size: 10px;
}
}
.ShareButtons {
display: table;
table-layout: fixed;
border-collapse: collapse;
width: 100%;
}
.ShareButtons__Item {
display: table-cell;
width: 60px;
height: 45px;
min-height: 45px;
color: #171717;
text-align: center;
vertical-align: middle;
background: #fff;
border: 1px solid #e4dfde;
outline: 1px solid transparent;
outline-offset: -1px;
transition: all 0.2s ease-in-out;
}
.ShareButtons__Item svg {
height: 18px;
width: 18px;
vertical-align: text-bottom;
}
.ShareButtons__Item--facebook:hover,
.no-supports-hover .ShareButtons__Item--facebook {
background: #4469af;
color: #fff;
border-color: #4469af;
outline: 1.5px solid #4469af;
}
.ShareButtons__Item--pinterest:hover,
.no-supports-hover .ShareButtons__Item--pinterest {
background: #c8232c;
color: #fff;
border-color: #c8232c;
outline: 1.5px solid #c8232c;
}
.ShareButtons__Item--twitter:hover,
.no-supports-hover .ShareButtons__Item--twitter {
background: #00aced;
color: #fff;
border-color: #00aced;
outline: 1.5px solid #00aced;
}
@media screen and (min-width: 641px) {
.ShareButtons {
width: auto;
}
}
.FeaturedQuote {
display: flex;
flex-direction: column;
justify-content: center;
padding: 120px 40px;
background: #fff;
color: #171717;
font-size: 17px;
}
.FeaturedQuote__Author {
margin-top: 14px;
font-size: 13px;
opacity: 0.5;
}
@media screen and (min-width: 1008px) {
.FeaturedQuote {
padding-top: 40px;
padding-bottom: 40px;
}
}
.shopify-challenge__container {
margin-top: 80px;
margin-bottom: 80px;
text-align: center;
}
.shopify-challenge__container .shopify-challenge__button {
position: relative;
display: inline-block;
padding: 14px 28px;
line-height: normal;
border: 1px solid transparent;
border-radius: 0;
font-size: 11px;
text-align: center;
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
background: #171717;
color: #fff;
}
.ImageHero--newsletter .SectionHeader.SectionHeader {
margin-bottom: 30px;
}
.Newsletter .Form__Input::-webkit-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-text::-webkit-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-text::-webkit-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-email::-webkit-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-email::-webkit-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-textarea::-webkit-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-textarea::-webkit-input-placeholder {
color: inherit;
}
.Newsletter .Form__Input::-moz-placeholder,
.Newsletter #shopify-product-reviews .spr-form-input-text::-moz-placeholder,
#shopify-product-reviews .Newsletter .spr-form-input-text::-moz-placeholder,
.Newsletter #shopify-product-reviews .spr-form-input-email::-moz-placeholder,
#shopify-product-reviews .Newsletter .spr-form-input-email::-moz-placeholder,
.Newsletter #shopify-product-reviews .spr-form-input-textarea::-moz-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-textarea::-moz-placeholder {
color: inherit;
}
.Newsletter .Form__Input:-ms-input-placeholder,
.Newsletter #shopify-product-reviews .spr-form-input-text:-ms-input-placeholder,
#shopify-product-reviews .Newsletter .spr-form-input-text:-ms-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-email:-ms-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-email:-ms-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-textarea:-ms-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-textarea:-ms-input-placeholder {
color: inherit;
}
.Newsletter .Form__Input::-ms-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-text::-ms-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-text::-ms-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-email::-ms-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-email::-ms-input-placeholder,
.Newsletter
#shopify-product-reviews
.spr-form-input-textarea::-ms-input-placeholder,
#shopify-product-reviews
.Newsletter
.spr-form-input-textarea::-ms-input-placeholder {
color: inherit;
}
.Newsletter .Form__Input::placeholder,
.Newsletter #shopify-product-reviews .spr-form-input-text::placeholder,
#shopify-product-reviews .Newsletter .spr-form-input-text::placeholder,
.Newsletter #shopify-product-reviews .spr-form-input-email::placeholder,
#shopify-product-reviews .Newsletter .spr-form-input-email::placeholder,
.Newsletter #shopify-product-reviews .spr-form-input-textarea::placeholder,
#shopify-product-reviews .Newsletter .spr-form-input-textarea::placeholder {
color: inherit;
}
.Newsletter .Form__Input:focus,
.Newsletter #shopify-product-reviews .spr-form-input-text:focus,
#shopify-product-reviews .Newsletter .spr-form-input-text:focus,
.Newsletter #shopify-product-reviews .spr-form-input-email:focus,
#shopify-product-reviews .Newsletter .spr-form-input-email:focus,
.Newsletter #shopify-product-reviews .spr-form-input-textarea:focus,
#shopify-product-reviews .Newsletter .spr-form-input-textarea:focus {
border-color: currentColor;
}
.Newsletter .Form__Submit {
width: 100%;
}
@media screen and (max-width: 640px) {
.ImageHero--newsletter {
min-height: 450px !important;
}
.ImageHero--newsletter .ImageHero__ContentOverlay {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (min-width: 641px) {
.Newsletter__Inner {
display: flex;
}
.Newsletter .Form__Input,
.Newsletter #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .Newsletter .spr-form-input-text,
.Newsletter #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .Newsletter .spr-form-input-email,
.Newsletter #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .Newsletter .spr-form-input-textarea {
min-width: 395px;
width: 395px;
}
.Newsletter .Form__Submit {
margin: 0 0 0 20px;
}
}
@media (-moz-touch-enabled: 0), (hover: hover) {
[data-tooltip] {
position: relative;
}
[data-tooltip]:before {
position: absolute;
content: attr(data-tooltip);
bottom: 70%;
left: 70%;
padding: 4px 11px 3px;
white-space: nowrap;
border: 1px solid #e4dfde;
background: #fff;
color: #171717;
font-size: 12px;
pointer-events: none;
visibility: hidden;
opacity: 0;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
z-index: 1;
}
[data-tooltip]:hover:before {
opacity: 1;
visibility: visible;
}
}
.Modal {
position: fixed;
display: flex;
flex-direction: column;
visibility: hidden;
top: 50%;
left: 50%;
width: 480px;
max-width: calc(100vw - 40px);
max-height: calc(100vh - 40px);
padding: 15px 20px 20px;
z-index: 20;
opacity: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
background: #fff;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@supports (--css: variables) {
.Modal {
max-height: calc(var(--window-height) - 40px);
}
}
.Modal[aria-hidden="false"] {
visibility: visible;
opacity: 1;
}
.Modal--dark {
background: #fff;
color: #171717;
}
.Modal--dark .Rte h1,
.Modal--dark .Rte h2,
.Modal--dark .Rte h3,
.Modal--dark .Rte h4,
.Modal--dark .Rte h5,
.Modal--dark .Rte h6 {
color: #171717;
}
.Modal--fullScreen {
max-width: none;
max-height: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: none;
}
.Modal--pageContent {
padding: 60px 0 50px;
}
.Modal--videoContent {
justify-content: center;
background: #171717;
color: #fff;
}
.Modal .Heading:not(.Link) {
color: inherit;
}
.Modal__Header {
margin-bottom: 30px;
text-align: center;
}
.Modal__Close {
display: block;
margin: 25px auto 0;
flex-shrink: 0;
}
.Modal__Close--outside {
position: absolute;
margin-top: 0;
top: 20px;
right: 20px;
line-height: 0;
opacity: 0.5;
transition: opacity 0.2s ease-in-out;
}
.Modal__Close--outside:hover {
opacity: 1;
}
.Modal__Close--outside svg {
height: 16px;
width: 16px;
stroke-width: 1.25px;
}
.Modal--fullScreen .Modal__Close--outside {
right: 40px;
top: 40px;
}
.Modal__Content iframe {
display: none;
}
.Modal[aria-hidden="false"] .Modal__Content iframe {
display: block;
}
.Modal__Content th,
.Modal__Content td {
border-color: #17171740 !important;
}
.Modal__Content thead th:empty,
.Modal__Content tbody th {
background: #fff !important;
}
@media screen and (min-width: 641px) {
.Modal:not(.Modal--pageContent) {
padding: 35px 40px 40px;
}
}
@media screen and (min-width: 1008px) {
.Modal {
flex-direction: column;
}
.Modal--pageContent {
padding: 100px 0 80px;
}
.Modal--pageContent .Modal__Content {
flex: 1 0 0;
}
.Modal__Close:not(.Modal__Close--outside) {
margin-top: 40px;
flex-shrink: 0;
}
}
.PageSkipLink:focus {
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #171717;
background-color: #fff;
padding: 10px;
z-index: 10000;
transition: none;
}
.PageOverlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 10;
visibility: hidden;
opacity: 0;
background: #171717;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.PageOverlay.is-visible {
opacity: 0.5;
visibility: visible;
}
#collection-alternate .pageheader_image {
text-align: center;
margin: 30px 0;
}
#collection-alternate .ProductListWrapper {
margin: 0 24px;
}
@media screen and (max-width: 640px) {
#collection-alternate .ProductListWrapper {
margin: 0 10px;
}
}
@media screen and (min-width: 1240px) {
#collection-alternate .ProductListWrapper {
margin: 0 20px;
}
}
.PageHeader {
position: relative;
display: flex;
justify-content: center;
}
.PageHeader--withBackground {
display: flex;
margin: 0;
width: 100%;
min-height: 450px;
flex-direction: column;
justify-content: center;
align-items: center;
background-size: cover;
color: #fff;
overflow: hidden;
}
.PageHeader--withBackground .Heading,
.PageHeader--withBackground .Rte a:not(.Button) {
color: #fff;
-webkit-text-decoration-color: #ffffff;
text-decoration-color: #fff;
}
.PageHeader__ImageWrapper {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
}
@supports (--css: variables) {
.PageHeader__ImageWrapper {
top: calc(
-1 * var(--announcement-bar-height, 0px) - var(--header-height, 0px) * var(--use-unsticky-header, 0)
);
height: calc(
100% + var(--announcement-bar-height, 0px) + var(--header-height, 0px) *
var(--use-unsticky-header, 0)
);
}
}
.PageHeader .SectionHeader__Heading,
.PageHeader .SectionHeader__Description {
margin-top: 0 !important;
}
.PageHeader .Alert,
.PageHeader #shopify-product-reviews .spr-form-message,
#shopify-product-reviews .PageHeader .spr-form-message {
margin-top: 22px;
}
.PageHeader__Back {
display: inline-block;
margin-bottom: 25px;
}
.PageHeader__Back svg {
height: 9px;
margin-right: 12px;
vertical-align: initial;
}
.PageHeader--withBackground .SectionHeader.SectionHeader {
position: relative;
padding: 60px 0 80px;
}
@supports (--css: variables) {
.PageHeader--withBackground .SectionHeader.SectionHeader {
margin-top: calc(var(--header-height) * var(--header-is-transparent, 0));
}
}
@media screen and (max-width: 640px) {
.PageHeader .SectionHeader__Heading {
margin-bottom: 10px;
}
}
@media screen and (min-width: 641px) {
.PageHeader {
margin: 15px 0;
}
.PageHeader--withBackground {
min-height: 450px;
margin-top: 0;
margin-bottom: 0;
}
@supports (--css: variables) {
.PageHeader--withBackground {
min-height: calc(
380px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
.PageHeader--small.PageHeader--withBackground {
min-height: 420px;
}
@supports (--css: variables) {
.PageHeader--small.PageHeader--withBackground {
min-height: calc(
350px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
.PageHeader--large.PageHeader--withBackground {
min-height: 480px;
}
@supports (--css: variables) {
.PageHeader--large.PageHeader--withBackground {
min-height: calc(
410px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
.PageHeader--withBackground .SectionHeader.SectionHeader {
margin-top: 50px;
padding: 40px 0;
}
@supports (--css: variables) {
.PageHeader--withBackground .SectionHeader.SectionHeader {
margin-top: calc(var(--header-height) * var(--header-is-transparent, 0));
}
}
}
@media screen and (min-width: 1240px) {
.PageHeader--withBackground {
min-height: 550px;
}
@supports (--css: variables) {
.PageHeader--withBackground {
min-height: calc(
450px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
.PageHeader--small.PageHeader--withBackground {
min-height: 500px;
}
@supports (--css: variables) {
.PageHeader--small.PageHeader--withBackground {
min-height: calc(
400px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
.PageHeader--large.PageHeader--withBackground {
min-height: 620px;
}
@supports (--css: variables) {
.PageHeader--large.PageHeader--withBackground {
min-height: calc(
520px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
}
@media screen and (min-width: 1800px) {
.PageHeader--withBackground {
min-height: 650px;
}
@supports (--css: variables) {
.PageHeader--withBackground {
min-height: calc(
600px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
.PageHeader--small.PageHeader--withBackground {
min-height: 600px;
}
@supports (--css: variables) {
.PageHeader--small.PageHeader--withBackground {
min-height: calc(
550px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
.PageHeader--large.PageHeader--withBackground {
min-height: 700px;
}
@supports (--css: variables) {
.PageHeader--large.PageHeader--withBackground {
min-height: calc(
650px + var(--header-height) * var(--header-is-transparent, 0)
);
}
}
}
.PageLayout__Section:first-child {
margin-bottom: 60px;
}
.PageLayout__Section--sticky {
position: -webkit-sticky;
position: sticky;
top: 75px;
align-self: flex-start;
}
@supports (--css: variables) {
.PageLayout__Section--sticky {
top: calc(var(--header-height) + 20px);
}
}
@media screen and (min-width: 641px) {
.PageLayout__Section {
flex: 1 0 0;
}
.PageLayout__Section:first-child {
margin-bottom: 0;
}
.PageLayout__Section--secondary {
flex: 1 1 200px;
max-width: 200px;
}
.PageLayout__Section + .PageLayout__Section {
margin-left: 50px;
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.PageLayout--breakLap {
display: block;
}
.PageLayout--breakLap .PageLayout__Section:first-child {
margin-bottom: 60px;
}
.PageLayout--breakLap .PageLayout__Section + .PageLayout__Section {
margin-left: 0;
width: 100%;
}
}
@media screen and (min-width: 1008px) {
.PageLayout__Section--secondary {
flex-basis: 235px;
max-width: 235px;
}
}
@media screen and (min-width: 1240px) {
.PageLayout__Section + .PageLayout__Section {
margin-left: 80px;
}
.PageLayout__Section--secondary {
flex-basis: 290px;
max-width: 290px;
}
}
.PageContent {
max-width: 1000px;
margin: 35px auto;
}
.PageContent--fitScreen {
display: flex;
min-height: calc(100vh - 120px);
align-items: center;
}
@supports (--css: variables) {
.PageContent--fitScreen {
min-height: calc(
var(--window-height) - var(--header-height) -
var(--announcement-bar-height, 0px) - 120px
);
}
}
.PageContent--narrow {
max-width: 680px;
}
.PageContent--extraNarrow {
max-width: 400px;
}
.PageHeader + .PageContent {
margin-top: 0;
}
@media screen and (min-width: 641px) {
.PageContent {
margin-bottom: 80px;
margin-top: 80px;
}
.PageContent--fitScreen {
min-height: calc(100vh - 160px);
}
@supports (--css: variables) {
.PageContent--fitScreen {
min-height: calc(
var(--window-height) - var(--header-height) -
var(--announcement-bar-height, 0px) - 160px
);
}
}
}
.Pagination {
margin-top: 60px;
text-align: center;
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
font-size: 11px;
line-height: 1;
}
.Pagination__Nav {
display: inline-block;
list-style: none;
}
.Pagination__NavItem {
display: inline-block;
padding: 16px 20px;
border-bottom: 1px solid #e4dfde;
}
.Pagination__NavItem svg {
width: 6px;
height: 10px;
vertical-align: -1px;
}
.Pagination__NavItem.is-active {
color: #171717;
border-bottom-color: #171717;
box-shadow: 0 -2px #171717 inset;
}
@media screen and (min-width: 641px) {
.Pagination {
margin: 60px 0 0;
}
.Pagination__NavItem {
padding-left: 28px;
padding-right: 28px;
}
}
@media screen and (min-width: 1240px) {
.Pagination {
margin-top: 60px;
}
}
.Panel {
position: relative;
border: 1px solid #e4dfde;
padding: 60px 24px;
}
.Panel--withArrows {
margin: 0 15px;
}
.Panel--flush {
padding-left: 0 !important;
padding-right: 0 !important;
}
.Panel__Title {
position: absolute;
top: 0;
left: 50%;
margin: 0;
padding: 0 14px 0 18px;
transform: translate(-50%, -50%);
background: #fff;
white-space: nowrap;
}
.Panel .flickity-prev-next-button {
top: calc(50% - 22.5px);
}
.Panel .flickity-prev-next-button.next {
right: -22.5px;
}
.Panel .flickity-prev-next-button.previous {
left: -22.5px;
}
@media screen and (min-width: 641px) {
.Panel {
padding-left: 50px;
padding-right: 50px;
}
.Panel--withArrows {
margin-left: 0;
margin-right: 0;
}
}
.Popover {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background: #fff;
z-index: 10;
box-shadow: 0 -2px 10px #36363633;
touch-action: manipulation;
transform: translateY(100%);
visibility: hidden;
transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.Popover--secondary {
background: #fff;
}
.Popover[aria-hidden="false"] {
transform: translateY(0);
visibility: visible;
z-index: 2;
}
.Popover__Header {
position: relative;
padding: 13px 20px;
border-bottom: 1px solid rgba(228, 223, 222, 0.4);
text-align: center;
}
.Popover__Close {
position: absolute;
left: 20px;
top: calc(50% - 7px);
line-height: 0;
}
.Popover__Close svg {
stroke-width: 1.1px;
}
.Popover__ValueList {
list-style: none;
max-height: 385px;
padding: 12px 8px 8px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.Popover__Value {
display: block;
padding: 12px 20px;
width: 100%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #171717;
text-align: center;
transition: color 0.2s ease-in-out;
}
.Popover__Value:focus {
background: #fff;
outline: none;
}
.Popover__Value.is-selected {
color: #171717;
}
.Popover__FooterHelp {
width: 100%;
padding: 18px 20px;
text-align: center;
border-top: 1px solid rgba(228, 223, 222, 0.4);
}
.Popover {
transform: none;
width: auto;
bottom: auto;
left: auto;
opacity: 0;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.Popover:before {
content: "";
position: absolute;
right: 40px;
width: 10px;
height: 10px;
border-style: solid;
}
.Popover--withMinWidth {
min-width: 375px;
}
.Popover--positionBottom:before {
bottom: 100%;
border-width: 0 10px 10px 10px;
border-color: transparent transparent white transparent;
-webkit-filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, 0.2));
filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, 0.2));
}
.Popover--positionTop:before {
top: 100%;
border-width: 10px 10px 0 10px;
border-color: white transparent transparent transparent;
-webkit-filter: drop-shadow(0 2px 2px rgba(54, 54, 54, 0.2));
filter: drop-shadow(0 2px 2px rgba(54, 54, 54, 0.2));
}
.Popover--positionLeft:before {
left: 100%;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent white;
-webkit-filter: drop-shadow(2px 0 2px rgba(54, 54, 54, 0.2));
filter: drop-shadow(2px 0 2px rgba(54, 54, 54, 0.2));
}
.Popover--positionLeft.Popover--alignCenter:before {
top: calc(50% - 10px);
}
.Popover--positionLeft.Popover--alignBottom:before {
top: 15px;
}
.Popover--positionLeft.Popover--alignTop:before {
bottom: 10px;
}
.Popover[aria-hidden="false"] {
opacity: 1;
transform: none;
}
.Popover__Header {
display: none;
}
.Popover__Value {
padding-left: 50px;
padding-right: 50px;
text-align: right;
}
.Popover--withMinWidth .Popover__Value {
text-align: center;
}
.Rte {
word-break: break-word;
}
.Rte:after {
content: "";
display: block;
clear: both;
}
.Rte iframe {
max-width: 100%;
}
.Rte img {
display: block;
margin: 0 auto;
}
.Rte a:not(.Button) {
color: #424242;
text-decoration: underline;
-webkit-text-decoration-color: rgba(66, 66, 66, 0.6);
text-decoration-color: #42424299;
text-underline-position: under;
transition: color 0.2s ease-in-out,
-webkit-text-decoration-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out,
-webkit-text-decoration-color 0.2s ease-in-out;
}
.Rte a:not(.Button):hover {
color: #171717;
-webkit-text-decoration-color: rgba(23, 23, 23, 1, 0.6);
text-decoration-color: #17171799;
}
.Rte p:not(:last-child),
.Rte ul:not(:last-child),
.Rte ol:not(:last-child) {
margin-bottom: 1.6em;
}
.Rte img,
.Rte blockquote,
.Rte .VideoWrapper,
.Rte .Form {
margin-top: 2.4em;
margin-bottom: 2.4em;
}
.Rte ul,
.Rte ol {
margin-left: 30px;
padding-left: 0;
list-style-position: outside;
}
.Rte li {
padding: 5px 0;
}
.Rte h1,
.Rte h2,
.Rte h3,
.Rte h4,
.Rte h5,
.Rte h6 {
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
color: #171717;
transition: color 0.2s ease-in-out;
letter-spacing: -0.075em;
}
.Rte h1 {
margin: 2.2em 0 0.8em;
}
.Rte h2 {
margin: 2.2em 0 0.9em;
}
.Rte h3 {
margin: 2.2em 0 1.2em;
}
.Rte h4 {
margin: 2.2em 0 1.4em;
}
.Rte h5 {
margin: 2.2em 0 1.6em;
}
.Rte h6 {
margin: 2.2em 0 1.8em;
}
.Rte blockquote {
margin-left: 0;
padding: 6px 0 6px 40px;
font-size: 1.15em;
line-height: 1.75;
border-left: 3px solid rgba(228, 223, 222, 0.6);
}
.Rte p:last-child,
.Rte blockquote:last-child,
.Rte ul:last-child,
.Rte ol:last-child,
.Rte h1:last-child,
.Rte h2:last-child,
.Rte h3:last-child,
.Rte h4:last-child,
.Rte h5:last-child,
.Rte h6:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 1008px) {
.Rte img,
.Rte .VideoWrapper,
.Rte .Form {
margin-top: 3em;
margin-bottom: 3em;
}
.Rte blockquote {
margin-left: 40px;
}
}
.shopify-section--hidden {
display: none;
}
.Section--spacingSmall {
margin: 20px 0;
}
.Section--spacingNormal {
margin: 50px 0;
}
.Section--spacingLarge,
.Section--spacingExtraLarge {
margin: 90px 0;
}
.shopify-section--bordered > .Section--spacingNormal {
padding: 50px 0;
margin-top: 0;
margin-bottom: 0;
}
.shopify-section--bordered > .Section--spacingLarge,
.shopify-section--bordered > .Section--spacingExtraLarge {
padding: 90px 0;
margin-top: 0;
margin-bottom: 0;
}
.SectionHeader:not(:only-child) {
margin-bottom: 40px;
}
recommendation-section .SectionHeader:not(:only-child) {
margin-bottom: 15px;
}
.SectionHeader--center {
text-align: center;
}
.SectionHeader__Heading {
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.SectionHeader__Heading.SectionHeader__Heading,
.SectionHeader__SubHeading.SectionHeader__SubHeading {
margin-top: -0.325em;
}
.SectionHeader__SubHeading + .SectionHeader__Heading,
.SectionHeader__SubHeading + .SectionHeader__TabList,
.SectionHeader__Description {
margin-top: 16px;
}
.SectionHeader__Description {
max-width: 530px;
}
.SectionHeader__Description a {
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
text-underline-position: under;
}
.SectionHeader--center .SectionHeader__Description {
margin-left: auto;
margin-right: auto;
}
.SectionHeader__ButtonWrapper {
margin-top: 20px;
}
.SectionHeader__IconHolder {
margin-top: 30px;
}
.SectionFooter {
margin-top: 50px;
text-align: center;
}
@media screen and (min-width: 641px) {
.SectionHeader__Heading--emphasize {
font-size: 21px;
}
}
@media screen and (min-width: 1008px) {
.Section--spacingNormal {
margin: 80px 0;
}
.Section--spacingLarge {
margin: 120px 0;
}
.Section--spacingExtraLarge {
margin: 145px 0;
}
.shopify-section--bordered > .Section--spacingNormal {
padding: 80px 0;
}
.shopify-section--bordered > .Section--spacingLarge {
padding: 120px 0;
}
.shopify-section--bordered > .Section--spacingExtraLarge {
padding: 145px 0;
}
.SectionHeader:not(:only-child) {
margin-bottom: 70px;
}
.SectionHeader__Description {
margin-top: 24px;
}
.SectionHeader__ButtonWrapper {
margin-top: 30px;
}
.SectionFooter {
margin-top: 80px;
}
}
.TableWrapper {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.Table,
.Rte table {
width: 100%;
font-size: 11px;
border-collapse: separate;
white-space: nowrap;
}
.Table th,
.Rte table th,
.Table td,
.Rte table td {
padding: 18px 10px;
border-bottom: 1px solid #e4dfde;
text-align: left;
}
.Table th:first-child,
.Rte table th:first-child,
.Table td:first-child,
.Rte table td:first-child,
.Table tfoot td:empty + td,
.Rte table tfoot td:empty + td {
padding-left: 0;
}
.Table th:last-child,
.Rte table th:last-child,
.Table td:last-child,
.Rte table td:last-child {
padding-right: 0;
}
.Table th,
.Rte table th {
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
letter-spacing: -0.075em;
}
.Table thead th:first-child:empty,
.Rte table thead th:first-child:empty,
.Table tbody th:first-child,
.Rte table tbody th:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
min-width: 40px;
max-width: 100px;
z-index: 1;
background: #fff;
white-space: normal;
}
.Table tbody th:first-child,
.Rte table tbody th:first-child {
border-right: 1px solid #e4dfde;
}
.Table tfoot td:empty,
.Rte table tfoot td:empty {
border-bottom: none;
}
.Table--large td {
padding-top: 25px;
padding-bottom: 25px;
}
.Table--noBorder tbody tr:not(:last-child) td {
border-bottom: none;
}
@media screen and (max-width: 640px) {
.TableWrapper {
margin-right: -24px;
margin-left: -24px;
}
.TableWrapper > .Table,
.Rte .TableWrapper > table {
padding-right: 24px;
padding-left: 24px;
}
}
@media screen and (min-width: 1240px) {
.Table,
.Rte table {
white-space: normal;
}
.Table--large td {
padding-top: 35px;
padding-bottom: 35px;
}
}
.TabList {
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.TabList__Item {
position: relative;
}
.TabList__Item:after {
position: relative;
display: block;
content: "";
bottom: 1px;
left: 0;
height: 1px;
width: 0;
background: #171717;
transition: width 0.25s ease-in-out;
}
.TabList__Item + .TabList__Item {
margin-left: 28px;
}
.TabList__Item.is-active:after {
width: calc(100% - 0.2em);
}
.TabPanel {
display: none;
}
.TabPanel[aria-hidden="false"] {
display: block;
}
@media screen and (min-width: 641px) {
.TabList__Item + .TabList__Item {
margin-left: 45px;
}
}
.template-customers .OrderAddresses .Grid__Cell + .Grid__Cell {
margin-top: 50px;
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.template-customers .OrderAddresses .Grid__Cell + .Grid__Cell {
margin-top: 0;
}
}
@media screen and (min-width: 1240px) {
.template-customers .OrderAddresses .Grid__Cell + .Grid__Cell {
margin-top: 65px;
}
}
.AddressList {
margin-bottom: -40px;
}
.AddressList .Grid__Cell {
margin-bottom: 40px;
}
.AccountAddress span {
display: inline-block;
margin-bottom: 12px;
}
@media screen and (max-width: 640px) {
.Modal--address {
height: 100%;
width: 100%;
max-width: none;
max-height: none;
}
.Modal--address .Modal__Header {
margin-top: 35px;
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.OrderAddresses {
width: 100%;
max-width: none;
}
}
@media screen and (min-width: 641px) {
.AddressList {
margin-bottom: -60px;
}
.AddressList .Grid__Cell {
margin-bottom: 60px;
}
}
.AccountTable th {
padding-top: 0;
padding-bottom: 10px;
font-size: 10px;
}
.AccountTable tfoot {
font-size: 13px;
}
.AccountTable tfoot span + span {
padding-left: 18px;
}
.AccountTable .CartItem__PriceList {
margin-bottom: 0;
}
@media screen and (max-width: 640px) {
.AccountTable .CartItem__ImageWrapper {
width: 70px;
min-width: 70px;
}
}
.Article__ImageWrapper {
overflow: hidden;
height: 215px;
}
.Article__Image {
position: relative;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
}
@supports (--css: variables) {
.Article__Image {
height: calc(100% + var(--announcement-bar-height, 0px));
top: calc(-1 * var(--announcement-bar-height, 0px));
}
}
.Article__Wrapper {
position: relative;
max-width: 620px;
margin: 0 auto 90px;
padding: 24px 24px 0;
background: #fff;
}
.Article__Header {
margin-bottom: 35px;
}
.Article__Meta {
margin-bottom: 18px;
}
.Article__MetaItem + .Article__MetaItem:before {
position: relative;
display: inline-block;
content: "";
height: 4px;
width: 4px;
border-radius: 100%;
margin: 0 15px;
font-size: 9px;
vertical-align: middle;
background: currentColor;
}
.Article__Footer {
margin-top: 45px;
}
.Article__ShareButtons {
margin-top: 42px;
}
@media screen and (min-width: 641px) {
.Article__Wrapper {
margin-bottom: 120px;
padding: 40px 50px 0;
}
.Article__ImageWrapper {
height: 335px;
}
.Article__ImageWrapper + .Article__Wrapper {
margin-top: -45px;
}
.Article__Header {
margin-bottom: 45px;
}
.Article__Footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 65px;
}
.Article__ShareButtons {
margin-top: 0;
}
}
@media screen and (min-width: 1008px) {
.Article__Wrapper {
max-width: 780px;
}
.Article__ImageWrapper {
height: 450px;
}
.Article__ImageWrapper + .Article__Wrapper {
margin-top: -70px;
}
}
@media screen and (min-width: 1240px) {
.Article__ImageWrapper {
height: 600px;
}
}
.Article__CommentForm {
margin-top: 40px;
}
.Article__Comments,
.Article__CommentFormWrapper {
margin: 80px 0;
}
.Article__Comments .Pagination {
margin-top: 40px;
}
.ArticleComment {
margin-top: 35px;
}
.ArticleComment + .ArticleComment {
padding-top: 35px;
border-top: 1px solid #e4dfde;
}
.ArticleComment__Body {
margin-bottom: 18px;
}
.ArticleComment__Date {
margin-left: 15px;
}
@media screen and (min-width: 641px) {
.Article__Comments,
.Article__CommentFormWrapper {
margin: 105px 0;
}
.Article__Comments .Pagination {
margin-top: 80px;
}
}
.ArticleToolbar {
position: fixed;
display: flex;
top: 0;
width: 100%;
align-items: center;
justify-content: space-between;
padding: 15px 30px 16px;
background: #fff;
color: #171717;
z-index: 2;
pointer-events: none;
transform: translateY(-100%);
opacity: 0;
will-change: transform, opacity;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
@supports (--css: variables) {
.ArticleToolbar {
top: calc(var(--use-sticky-header, 0) * var(--header-height));
}
}
.ArticleToolbar.is-visible {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
.ArticleToolbar .Link:hover {
color: #171717;
}
.ArticleToolbar .Text--subdued {
color: #17171780;
}
.ArticleToolbar__ArticleTitle {
position: relative;
display: inline-flex;
max-width: 285px;
width: 285px;
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
color: #171717;
}
.ArticleToolbar__ArticleTitle:after {
content: "";
position: absolute;
background: linear-gradient(to right, #ffffff1a, #fff);
right: 0;
top: 0;
height: 100%;
width: 35px;
}
.ArticleToolbar__ShareList {
display: inline-block;
}
.ArticleToolbar__ShareList .HorizontalList {
display: inline-block;
margin-left: 20px;
}
.ArticleToolbar__Nav {
display: inline-block;
margin-left: 50px;
}
.ArticleToolbar__Nav svg {
color: #171717;
}
.ArticleToolbar__NavItemSeparator {
display: inline-block;
position: relative;
content: "";
width: 1px;
height: 12px;
margin: 0 18px;
background: #17171799;
vertical-align: middle;
}
.ArticleToolbar__NavItem svg {
vertical-align: -1px;
}
.ArticleToolbar__NavItem--prev svg {
margin-right: 6px;
}
.ArticleToolbar__NavItem--next svg {
margin-left: 6px;
}
@media screen and (min-width: 1008px) {
.ArticleToolbar__ArticleTitle {
max-width: 400px;
width: 400px;
}
}
@media screen and (min-width: 1240px) {
.ArticleToolbar {
padding-left: 50px;
padding-right: 50px;
}
.ArticleToolbar__ArticleTitle {
max-width: 550px;
width: 550px;
}
.ArticleToolbar__Nav {
margin-left: 100px;
}
}
.ArticleNav {
padding: 75px 0;
background: #fff;
color: #171717;
}
.ArticleNav .Heading {
color: inherit;
}
.ArticleNav__Item {
display: block;
}
.ArticleNav__Image {
height: 350px;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 640px) {
.ArticleNav .Grid__Cell + .Grid__Cell {
margin-top: 50px;
}
}
@media screen and (min-width: 641px) {
.ArticleNav {
padding: 140px 0;
}
}
.ArticleListWrapper {
max-width: 1260px;
margin: 0 auto 60px;
}
.ArticleList {
margin-bottom: -60px;
}
.ArticleList .Grid__Cell {
margin-bottom: 60px;
}
.ArticleItem__ImageWrapper {
display: block;
margin-bottom: 22px;
background-size: cover;
overflow: hidden;
}
.ArticleItem__Image {
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center;";
}
.ArticleItem__Content {
margin: 0 8px;
}
.ArticleItem__Category {
display: block;
margin-bottom: 16px;
}
.ArticleItem__Excerpt {
margin-bottom: 20px;
}
@media screen and (min-width: 641px) {
.ArticleList--withFeatured .Grid__Cell:first-child {
margin-bottom: 40px;
}
.ArticleItem__Content {
margin: 0 18px;
}
}
@media screen and (min-width: 1008px) {
.ArticleListWrapper {
margin-bottom: 100px;
}
.ArticleList {
margin-bottom: -100px;
}
.ArticleList .Grid__Cell {
margin-bottom: 100px;
}
.ArticleList--withFeatured .Grid__Cell:first-child {
margin-bottom: 60px;
}
}
.Blog__RssLink {
margin-left: 14px;
vertical-align: baseline;
}
.Blog__RssLink svg {
width: 10px;
height: 10px;
}
.Blog__TagList {
padding-top: 8px;
}
.Blog__TagList .Link.is-active:after {
display: block;
content: "";
width: calc(100% - 0.15em);
height: 1px;
background: currentColor;
}
@media screen and (max-width: 640px) {
.Blog__TagList .HorizontalList__Item {
margin: 5px 10px;
}
}
@media screen and (min-width: 641px) {
.ArticleList + .Pagination {
margin-top: 80px;
}
}
@media screen and (min-width: 1240px) {
#shopify-section-blog-template + #shopify-section-shop-now {
margin-top: 150px;
}
}
@-webkit-keyframes cartEmptyOpening {
0% {
transform: translate(-50%, calc(-50% + 35px));
opacity: 0;
}
to {
transform: translate(-50%, -50%);
opacity: 1;
}
}
@keyframes cartEmptyOpening {
0% {
transform: translate(-50%, calc(-50% + 35px));
opacity: 0;
}
to {
transform: translate(-50%, -50%);
opacity: 1;
}
}
.Cart__ShippingNotice {
position: -webkit-sticky;
position: sticky;
top: 0;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: 10px;
border-bottom: 1px solid #171717;
border-top: 1px solid #171717;
line-height: 14px;
z-index: 1;
background: #fff;
}
.Cart__ShippingNotice .Drawer__Container {
padding: 0 9px;
}
.Cart__Empty {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
-webkit-animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
letter-spacing: -0.075em;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #171717;
}
@media screen and (min-width: 641px) {
.Cart__ShippingNotice {
font-size: 12px;
}
}
.CartItemWrapper {
overflow: hidden;
}
.CartItem {
display: flex;
margin: 7px 0;
width: 100%;
}
@media screen and (max-width: 641px) {
.CartItem {
margin: 10px 0;
}
}
.CartItem__ImageWrapper {
width: 106px;
min-width: 106px;
text-align: center;
}
.CartItem__Info {
padding-left: 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 64%;
}
@media screen and (max-width: 641px) {
.CartItem__Info {
padding-left: 8px;
}
}
.Cart__Total {
letter-spacing: -0.075em;
}
.CartItem__Title {
text-transform: none;
font-style: normal;
font-weight: 400;
line-height: 12px;
font-family: NeueHaasUnicaW1G-Regular;
width: 100%;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
}
#custom-cart--cart-template .SectionHeader__Description {
font-size: 12px;
}
.CartItem__Title,
.CartItem__Variant,
.CartItem__PropertyList {
margin-bottom: 0;
letter-spacing: -0.075em;
}
.CartItem__Meta,
.CartItem__LinePriceList,
.CartItem__DiscountList {
font-size: 8px;
}
.CartItem__PropertyList {
list-style: none;
font-style: italic;
}
.CartItem__DiscountList {
list-style: none;
}
.CartItem__Discount {
display: inline-block;
margin-top: 6px;
padding: 4px 8px;
background: #1717171a;
color: #171717;
}
.CartItem__Discount svg {
margin-right: 4px;
vertical-align: text-bottom;
}
.CartItem__Discount + .CartItem__Discount {
margin-top: 4px;
}
.CartItem__Actions {
display: block;
text-align: start !important;
}
.CartItem__PriceList {
margin-bottom: 8px;
font-size: 12px;
line-height: 13px;
margin-top: 2px;
}
.CartItem__Remove {
margin: 8px 0 0;
font-size: 7px;
letter-spacing: -0.075em;
}
.CartItem__Remove:before {
background: #7c473b;
}
.CartItem__ImageWrapper {
margin: 0;
}
@media screen and (min-width: 641px) {
.CartItem__ImageWrapper {
width: 136px;
}
.CartItem__Title {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-Regular;
}
.CartItem__Meta,
.CartItem__LinePriceList {
font-size: 10px;
}
.CartItem__Remove {
font-size: 8px;
}
.CartItem__PriceList {
margin-bottom: 8px;
}
}
.Cart__OffscreenNoteContainer {
padding: 14px 24px 24px;
}
.Cart__Checkout {
display: flex;
align-items: center;
justify-content: center;
margin-top: 18px;
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 10px;
}
.Cart__OffscreenNoteContainer {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
z-index: 1;
background: #fff;
border-top: 1px solid #e4dfde;
transform: translateY(100%);
transition: transform 0.25s ease-in-out;
}
.Cart__OffscreenNoteContainer[aria-hidden="false"] {
transform: translateY(0);
box-shadow: 1px 0 6px #36363633;
}
.Cart__Note {
margin-top: 10px;
}
.Cart__Taxes {
margin-bottom: 8px;
}
.Cart__Discount svg {
margin-right: 8px;
vertical-align: sub;
}
.has-note-open[aria-hidden="false"] .Drawer__Header,
.has-note-open[aria-hidden="false"] .Drawer__Main {
opacity: 0.4;
pointer-events: none;
transition: opacity 0.5s ease;
}
@media screen and (min-width: 641px) {
.Cart__OffscreenNoteContainer {
padding: 20px 30px 30px;
}
.Cart__NoteButton + .Cart__Taxes {
margin-top: 4px;
}
}
.Cart--expanded .Cart__Footer {
padding-top: 25px;
border-top: 1px solid #a2a2a2;
}
.Cart--expanded .Cart__Recap {
text-align: right;
}
.Cart--expanded .Cart__Recap,
.Cart--expanded .Cart__Recap .Cart__Checkout {
margin-top: 16px;
}
.Cart--expanded .Cart__Checkout {
margin-left: auto;
}
@media screen and (max-width: 640px) {
.CartItem__Info ~ .CartItem__Actions,
.CartItem__Info ~ .CartItem__LinePriceList {
display: none;
}
}
.Cart--expanded .Cart__HeadItem {
letter-spacing: -0.075em;
}
@media screen and (min-width: 641px) {
.Cart--expanded .Cart__ItemList {
display: table;
table-layout: auto;
border-spacing: 0 30px;
width: 100%;
}
.Cart--expanded .Cart__Head {
display: table-header-group;
}
.Cart--expanded .Cart__HeadItem {
display: table-cell;
padding-bottom: 10px;
border-bottom: 1px solid #a2a2a2;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.Cart--expanded .CartItem {
display: table-row;
}
.Cart--expanded .CartItem__Info {
max-width: 300px;
width: 300px;
}
.Cart--expanded .CartItem__Info > .CartItem__Actions {
display: none;
}
.Cart--expanded .CartItem__Info ~ .CartItem__Actions,
.Cart--expanded .CartItem__Info ~ .CartItem__LinePriceList {
display: table-cell;
vertical-align: middle;
}
.Cart--expanded .CartItem__QuantitySelector {
margin-bottom: 6px;
}
.Cart--expanded .Cart__Footer {
display: table;
width: 100%;
table-layout: fixed;
}
.Cart--expanded .Cart__Recap,
.Cart--expanded .Cart__NoteContainer {
display: table-cell;
}
.Cart--expanded .Cart__NoteContainer {
width: 340px;
}
.Cart--expanded .Cart__Checkout {
width: auto;
}
}
@media screen and (min-width: 1240px) {
.Cart--expanded .CartItem__Info {
max-width: 425px;
width: 425px;
}
}
.ShippingEstimator__Results {
height: 0;
overflow: hidden;
transition: height 0.25s ease-in-out;
}
.ShippingEstimator__Error,
.ShippingEstimator__ResultsInner {
margin-top: 32px;
}
.ShippingEstimator__Results p {
margin-bottom: 0.5em;
}
@media screen and (max-width: 640px) {
.ShippingEstimator__Submit {
width: 100%;
}
.ShippingEstimator__Country,
.ShippingEstimator__Province,
.ShippingEstimator__Zip {
margin-bottom: 20px;
}
}
@media screen and (min-width: 641px) {
.ShippingEstimator__Form {
display: flex;
}
.ShippingEstimator__Form > *:not(:first-child) {
margin-left: 20px;
}
.ShippingEstimator__Country,
.ShippingEstimator__Province {
margin-bottom: 0;
}
.ShippingEstimator__Zip {
margin-bottom: 0;
max-width: 130px;
}
}
#shopify-section-featured-collections .SectionFooter .Button,
#shopify-section-featured-collections
.SectionFooter
.shopify-payment-button__button--unbranded,
#shopify-section-featured-collections
.SectionFooter
#shopify-product-reviews
.spr-summary-actions-newreview,
#shopify-product-reviews
#shopify-section-featured-collections
.SectionFooter
.spr-summary-actions-newreview,
#shopify-section-featured-collections
.SectionFooter
#shopify-product-reviews
.spr-button-primary:not(input),
#shopify-product-reviews
#shopify-section-featured-collections
.SectionFooter
.spr-button-primary:not(input),
#shopify-section-featured-collections
.SectionFooter
#shopify-product-reviews
input.spr-button-primary,
#shopify-product-reviews
#shopify-section-featured-collections
.SectionFooter
input.spr-button-primary,
#shopify-section-featured-collections
.SectionFooter
#shopify-product-reviews
.spr-pagination-prev
> a,
#shopify-product-reviews
#shopify-section-featured-collections
.SectionFooter
.spr-pagination-prev
> a,
#shopify-section-featured-collections
.SectionFooter
#shopify-product-reviews
.spr-pagination-next
> a,
#shopify-product-reviews
#shopify-section-featured-collections
.SectionFooter
.spr-pagination-next
> a {
padding: 12px 14px;
letter-spacing: -0.075em;
}
.CollectionList:after {
content: "flickity";
display: none;
}
.CollectionItem__Wrapper {
position: relative;
height: 500px;
background-size: cover;
background-position: center;
overflow: hidden;
}
.CollectionItem__Wrapper--small {
height: 450px;
}
.CollectionItem__Wrapper--large {
height: 550px;
}
.CollectionItem__ImageWrapper {
background-size: cover;
background-position: center;
height: 100%;
z-index: 1;
position: relative;
width: 100%;
}
.CollectionItem__Image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.CollectionItem__Content--bottomCenter,
.CollectionItem__Content--middleCenter {
text-align: center;
}
.CollectionItem__Content--bottomRight,
.CollectionItem__Content--middleRight {
text-align: right;
}
.CollectionItem__Content--bottomLeft,
.CollectionItem__Content--bottomRight,
.CollectionItem__Content--bottomCenter {
bottom: 24px;
top: auto;
left: 0;
transform: none;
}
@media screen and (max-width: 640px) {
.CollectionList--grid {
margin: -12px 12px 12px;
}
.CollectionList--grid .CollectionItem {
padding: 12px;
}
.CollectionList:not(.CollectionList--grid)
.CollectionItem__Content--bottomLeft,
.CollectionList:not(.CollectionList--grid)
.CollectionItem__Content--bottomRight,
.CollectionList:not(.CollectionList--grid)
.CollectionItem__Content--bottomCenter {
bottom: 70px;
}
}
@media screen and (min-width: 641px) {
.CollectionList {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.CollectionList:after {
content: "";
}
.CollectionList--spaced {
margin: 15px;
}
.CollectionList--spaced .CollectionItem {
padding: 15px;
}
.CollectionList--grid.CollectionList--spaced {
margin-top: -15px;
}
.CollectionItem {
display: block !important;
flex: 0 1 0;
min-width: 50%;
}
.CollectionItem--expand {
flex-grow: 1;
}
.CollectionItem__Content {
padding: 0 40px;
}
.CollectionItem__Content--bottomLeft,
.CollectionItem__Content--bottomRight,
.CollectionItem__Content--bottomCenter {
bottom: 40px;
}
}
@media screen and (min-width: 1240px) {
.CollectionItem {
min-width: 33.33333%;
}
.CollectionItem__Wrapper {
height: 600px;
}
.CollectionItem__Wrapper--small {
height: 500px;
}
.CollectionItem__Wrapper--large {
height: 700px;
}
.CollectionItem__Content {
padding: 0 50px;
}
.CollectionItem__Content--bottomLeft,
.CollectionItem__Content--bottomRight,
.CollectionItem__Content--bottomCenter {
bottom: 50px;
}
}
.CollectionToolbar {
position: -webkit-sticky;
position: sticky;
display: flex;
justify-content: space-between;
width: 100%;
background: #fff;
z-index: 2;
padding: 0 20px;
}
@media screen and (max-width: 641px) {
.CollectionToolbar {
padding: 0 8px;
}
}
.supports-sticky .CollectionToolbar--bottom {
bottom: 0;
}
.CollectionToolbar__Group {
width: 100%;
display: flex;
flex-direction: column;
gap: 4px;
}
.CollectionToolbar__Group .sort_by_grid_wrapper {
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
}
.CollectionToolbar__Item {
padding: 0 !important;
text-align: center;
vertical-align: middle;
cursor: pointer;
transition: background 0.2s ease-in-out;
}
.CollectionToolbar__Item--sort .Icon--select-arrow {
height: 6px;
margin-left: 2px;
pointer-events: none;
}
.CollectionToolbar__Item--layout {
flex: none;
width: 95px;
line-height: 1;
cursor: initial;
}
.CollectionToolbar__LayoutType {
margin: 0 6px;
opacity: 0.2;
transition: opacity 0.25s ease-in-out;
}
.CollectionToolbar__LayoutType svg {
width: 18px;
height: 18px;
}
.CollectionToolbar__LayoutType.is-active {
opacity: 1;
}
@media screen and (max-width: 640px) {
.CollectionToolbar__Item:first-child {
border-left: none;
}
}
@media screen and (min-width: 641px) {
.CollectionToolbar__Item {
padding: 10px 0;
}
.CollectionToolbar__Group .CollectionToolbar__Item {
padding-left: 45px;
padding-right: 45px;
}
.CollectionToolbar__Item--layout {
border-left: none;
width: 115px;
border-right: 1px solid #e4dfde;
white-space: nowrap;
}
}
.CollectionFilters .Collapsible:first-child {
border-top: none;
}
@media screen and (min-width: 641px) {
.CollectionFilters .Drawer__Main {
padding-top: 35px;
}
}
.ProductItem {
text-align: center;
white-space: normal;
}
.ProductItem__Wrapper {
position: relative;
}
.ProductItem__Wrapper:hover .ProductItem__Title {
text-decoration: underline;
}
.ProductItem__ImageWrapper:has(.disable_click_coming) {
cursor: unset;
}
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.ProductItem__ImageWrapper
.Image__Loader,
.ProductItem:has(.disable_click_coming) .Image__Loader,
.shop-the-look-items:has(.ProductItem__ImageWrapper .disable_click_coming)
.ProductItem__ImageWrapper
.Image__Loader,
.product-new-grid-items:has(.ProductItem__ImageWrapper .disable_click_coming)
.ProductItem__ImageWrapper
.Image__Loader {
display: none;
}
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-label,
.ProductItem:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-label {
display: none;
}
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.product--information
.product-price-text,
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.product--information
.color-swatch,
.ProductItem:has(.disable_click_coming)
.product--information
.product-price-text,
.ProductItem:has(.disable_click_coming) .product--information .color-swatch,
.product-new-grid-items:has(.disable_click_coming)
.product--information
.product-price-text,
.product-new-grid-items:has(.disable_click_coming)
.product--information
.color-swatch,
.ProductItem:has(.disable_click_coming) .ProductItem__Info {
opacity: 0;
}
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.swiper-button-prev,
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.swiper-button-next,
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.product--information
.product-price-text,
.product-container:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.product--information
.color-swatch,
.ProductItem:has(.disable_click_coming)
.product-new-grid-items:hover
.product--information
.product-price-text,
.ProductItem:has(.disable_click_coming)
.product-new-grid-items:hover
.product--information
.color-swatch,
.shop-the-look-items:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.swiper-button-prev,
.shop-the-look-items:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.swiper-button-next,
.shop-the-look-items:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.product--information
.product-price-text,
.shop-the-look-items:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.product--information
.color-swatch,
.Segment__Content:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.product--information
.product-price-text,
.Segment__Content:has(.ProductItem__ImageWrapper .disable_click_coming)
.product-new-grid-items:hover
.product--information
.color-swatch,
.recommended-product-items
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.swiper-button-prev,
.recommended-product-items
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.swiper-button-next,
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.swiper-button-prev,
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.swiper-button-next {
opacity: 0;
}
.product-new-grid-items:has(.ProductItem__ImageWrapper .disable_click_coming)
.product--information
.ProductItem__Title
.plus-icon,
.recommended-product-items
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.product--information
.SizeSwatchList,
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.product--information
.SizeSwatchList {
display: none;
}
.recommended-product-items
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.product--information
.ProductItem__Title,
.product-new-grid-items:has(
.ProductItem__ImageWrapper .disable_click_coming
):hover
.product--information
.ProductItem__Title {
display: flex;
}
.ProductItem__ImageWrapper {
display: block;
position: relative;
overflow: hidden;
cursor: pointer;
}
.ProductItem__ImageWrapper .overlay-set {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #f7f7f7;
opacity: 0.63;
z-index: 2;
}
.ProductItem__ImageWrapper span.SectionHeader__Heading.Heading.u-h4.SoldOut {
position: absolute;
background: transparent;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
z-index: 2;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
text-wrap: nowrap;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
}
.no-size-variant .SizeSwatch {
display: initial;
padding: 8px 11px;
}
.ProductItem__Image--alternate {
position: absolute;
top: 0;
left: 0;
opacity: 0 !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.ProductItem__LabelList {
position: absolute;
left: 10px;
top: 6px;
text-align: left;
}
.ProductItem__Label {
display: block;
font-size: 8px;
margin: 4px 0;
padding: 2px 6px;
background: #fff;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.ProductItem__Info {
margin-top: 20px;
font-size: 10px;
}
.ProductItem__Info--left {
text-align: left;
}
.ProductItem__Info--right {
text-align: right;
}
.ProductItem__Vendor,
.ProductItem__Title {
display: block;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 12px;
line-height: 15px;
color: #171717;
letter-spacing: -0.075em;
padding-top: 5px;
margin-bottom: 2px;
text-align: start;
}
.ProductItem__Title {
font-family: NeueHaasUnicaW1G-Regular;
text-transform: none;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.075em;
}
@media screen and (max-width: 768px) {
.ProductItem__Title {
font-family: NeueHaasUnicaW1G-Regular;
text-transform: none;
font-size: 12px;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: 12px;
letter-spacing: -0.075em;
}
}
.ProductItem__Title {
position: relative;
}
.product-price-text {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #171717;
text-align: start;
}
@media screen and (max-width: 641px) {
.product-price-text {
font-size: 11px;
line-height: 13px;
}
}
.ProductItem__ColorSwatchList {
margin-top: 15px;
}
.ProductItem__ColorSwatchItem {
display: inline-block;
margin: 0 5px;
}
.ProductItem__ColorSwatchList + .ProductItem__PriceList {
margin-top: 12px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image {
opacity: 0 !important;
}
.ProductItem__ImageWrapper--withAlternateImage:hover
.ProductItem__Image--alternate {
opacity: 1 !important;
}
}
.ProductItem__ImageWrapper--withAlternateImage.showhover_image
.ProductItem__Image {
opacity: 0 !important;
}
.ProductItem__ImageWrapper--withAlternateImage.showhover_image
.ProductItem__Image--alternate {
opacity: 1 !important;
}
@media screen and (min-width: 641px) {
.ProductItem__Label,
.ProductItem__Info {
font-size: 10px;
}
}
@media screen and (min-width: 1008px) {
.ProductItem--horizontal {
display: flex;
justify-content: space-between;
align-items: center;
}
.ProductItem--horizontal .ProductItem__Wrapper {
display: flex;
align-items: center;
}
.ProductItem--horizontal .ProductItem__ImageWrapper {
min-width: 100px;
}
.ProductItem--horizontal .ProductItem__Info {
margin: 0 30px 0 40px;
text-align: left;
}
.ProductItem--horizontal .ProductItem__ViewButton {
flex-shrink: 0;
}
}
body .ProductItem__Info .ProductItem__Title {
font-style: normal;
font-weight: 700 !important;
font-size: 12px !important;
line-height: 15px !important;
color: #171717;
letter-spacing: -0.075em !important;
}
.ProductList--grid {
padding: 0 12px;
}
@media screen and (max-width: 640px) {
.ProductList--removeMargin {
margin-bottom: -35px !important;
}
.ProductList--grid > .Grid__Cell {
margin-left: 11px;
padding-left: 0;
width: calc(50% - 11px);
}
.CollectionMain .ProductList--grid > .Grid__Cell,
#custom_search--search-custom .ProductList--grid > .Grid__Cell {
margin-bottom: 16px;
}
}
.CollectionInner {
padding-inline: 0 8px;
margin-left: -3px;
}
@media screen and (min-width: 641px) {
.CollectionInner {
padding-inline: 12px 20px;
margin-left: 0;
}
.ProductList--grid {
padding: 0 24px;
}
.ProductList--removeMargin {
margin-bottom: -50px !important;
}
.ProductList--grid > .Grid__Cell {
margin-left: 8px;
padding-left: 0;
width: calc(25% - 8px);
}
.CollectionMain .ProductList--grid > .Grid__Cell,
#custom_search--search-custom .ProductList--grid > .Grid__Cell {
margin-bottom: 36px;
}
}
@media (min-width: 641px) and (max-width: 1008px) {
.ProductList--grid > .Grid__Cell {
width: calc(33% - 8px);
}
}
@media screen and (min-width: 1008px) {
.CollectionInner__Sidebar {
position: -webkit-sticky;
position: sticky;
top: 200px;
flex: none;
align-self: flex-start;
width: 200px;
margin: 0 16px 0 24px;
padding-bottom: 50px;
}
@supports (--css: variables) {
.CollectionInner__Sidebar {
top: calc(var(--header-height) + 50px);
}
}
@supports (--css: variables) {
.CollectionInner__Sidebar--withTopToolbar {
top: calc(var(--header-height) * var(--use-sticky-header, 0) + 105px);
}
}
.CollectionInner__Products {
flex: 1 0 0;
}
.CollectionInner__Sidebar .Collapsible {
padding: 0;
}
}
#custom_search--search-custom .ProductList {
padding: 8px 8px 16px 0 !important;
margin-left: -3px;
}
#custom_search--search-custom {
margin-bottom: 40px;
}
@media screen and (min-width: 641px) {
#custom_search--search-custom .ProductList {
padding: 8px 20px 36px 12px !important;
}
}
.collection_item_wrapper {
padding: 0 !important;
}
.custom_featured_collection .collection_item_wrapper .ProductListWrapper {
padding: 8px 8px 16px !important;
}
@media screen and (min-width: 641px) {
.custom_featured_collection .collection_item_wrapper .ProductListWrapper {
padding: 8px 20px 36px !important;
}
}
@media screen and (max-width: 640px) {
#recomended--recommendation-section .ProductListWrapper {
padding: 0;
}
}
.custom_featured_collection .ProductListWrapper {
padding: 8px 20px 16px 9px !important;
}
@media screen and (min-width: 641px) {
.custom_featured_collection .ProductListWrapper {
padding: 8px 20px 36px 12px !important;
}
}
@media screen and (min-width: 1240px) {
.CollectionInner__Sidebar {
margin-right: 10px;
margin-left: 50px;
}
.ProductList--grid {
padding: 0 50px;
}
.ProductList--grid[data-desktop-count="2"] > .Grid__Cell {
padding-left: 8px;
margin-bottom: 100px;
}
.ProductList--removeMargin[data-desktop-count="2"] {
margin-bottom: -100px !important;
}
.ProductList--grid[data-desktop-count="4"] > .Grid__Cell,
.ProductList--grid[data-desktop-count="3"] > .Grid__Cell {
margin-left: 8px;
margin-bottom: 39px;
padding-left: 0;
width: calc(25% - 8px);
}
.ProductList--grid[data-desktop-count="4"] > .Grid__Cell .image-grid-gallery,
.ProductList--grid[data-desktop-count="3"] > .Grid__Cell .image-grid-gallery {
background-color: #efe4dc;
}
.ProductList--removeMargin[data-desktop-count="4"],
.ProductList--removeMargin[data-desktop-count="3"] {
margin-bottom: -80px !important;
}
}
.ProductList--carousel .Carousel__Cell {
width: 62%;
padding: 0 5.5px;
vertical-align: top;
}
@media screen and (max-width: 600px) {
.ProductList--carousel .Carousel__Cell {
width: 44%;
}
}
@media screen and (max-width: 640px) {
.template-search .ProductList--grid,
.template-collection .ProductList--grid {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1007px) {
.ProductListWrapper {
overflow: hidden;
}
.ProductList--carousel {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 30px;
margin-bottom: -30px;
}
.ProductList--carousel .Carousel__Cell {
display: inline-block !important;
}
.ProductList--carousel .Carousel__Cell:first-child {
margin-left: 19%;
}
.ProductList--carousel .Carousel__Cell:last-child {
margin-right: 19%;
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.ProductList--carousel .Carousel__Cell {
width: 48%;
padding: 0 5.5px;
}
.ProductList--carousel .Carousel__Cell:first-child {
margin-left: 26%;
}
.ProductList--carousel .Carousel__Cell:last-child {
margin-right: 26%;
}
}
@media screen and (min-width: 1008px) {
.ProductList--carousel {
margin: 0 90px;
}
.ProductList--carousel:after {
content: "flickity";
display: none;
}
.ProductList--carousel .Carousel__Cell {
width: 33.3333%;
left: 0;
padding: 0 4px;
margin-left: 0;
}
.ProductList--carousel .flickity-prev-next-button {
top: calc(50% - 45px);
width: 45px;
height: 45px;
stroke-width: 1px;
}
.ProductList--carousel .flickity-prev-next-button.next {
right: -50px;
}
.ProductList--carousel .flickity-prev-next-button.previous {
left: -50px;
}
}
@media screen and (min-width: 1240px) {
.ProductList--carousel .Carousel__Cell {
width: 25%;
}
}
.ProductList--shopNow {
position: static;
}
.ProductList--shopNow .Carousel__Cell {
padding: 0 60px;
}
@media screen and (max-width: 640px) {
.ShopNowGrid .FeaturedQuote {
margin: 50px -24px -90px;
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.ShopNowGrid .FeaturedQuote {
margin: 60px -50px -90px;
}
}
@media screen and (min-width: 641px) {
.ProductList--shopNow {
padding: 0 50px;
overflow: hidden;
}
.ProductList--shopNow .flickity-viewport {
overflow: visible;
}
.ProductList--shopNow .Carousel__Cell {
width: 50%;
padding: 0 50px;
}
}
@media screen and (min-width: 1008px) {
.ProductList--shopNow[data-desktop-count="3"] .Carousel__Cell {
width: 33.333333%;
}
.ShopNowGrid {
display: flex;
}
.ShopNowGrid .FeaturedQuote {
height: 100%;
}
}
.Faq__Section {
margin-bottom: 20px;
}
.Faq__Section ~ .Faq__Section {
margin-top: 34px;
}
.Faq__Item {
position: relative;
margin: 14px 0;
}
.Faq__Icon {
position: absolute;
top: 0;
left: 0;
color: #171717;
transition: all 0.3s ease-in-out;
}
.Faq__Icon svg {
width: 8px;
height: 10px;
vertical-align: baseline;
}
.Faq__Item[aria-expanded="true"] .Faq__Icon {
transform: rotate(90deg);
color: #171717;
}
.Faq__ItemWrapper {
padding-left: 26px;
}
.Faq__Question {
display: block;
width: 100%;
margin-bottom: 0;
text-align: left;
}
.Faq__AnswerWrapper {
height: 0;
overflow: hidden;
visibility: hidden;
transition: height 0.25s ease-in-out, visibility 0s ease-in-out 0.25s;
}
.Faq__Item[aria-expanded="true"] .Faq__AnswerWrapper {
visibility: visible;
transition: height 0.25s ease-in-out;
}
.Faq__Answer {
padding: 16px 0 22px;
}
.Faq__Item--lastOfSection .Faq__Answer {
padding-bottom: 0;
}
.FaqSummary {
list-style: none;
margin: 0;
padding: 0;
}
.FaqSummary__Item {
margin-bottom: 12px;
}
.FaqSummary__Item.is-active:after {
width: 100%;
}
.FaqSummary__Link {
display: block;
}
.FaqSummary__LinkLabel {
position: relative;
display: inline-block;
}
.FaqSummary__LinkLabel:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 1px;
transform: scaleX(0);
transform-origin: left center;
background: currentColor;
transition: transform 0.2s linear;
}
.FaqSummary__Item.is-active .FaqSummary__LinkLabel:after {
transform: scale(1);
}
@media screen and (min-width: 641px) {
.Faq__Section {
margin-bottom: 34px;
}
.Faq__Section ~ .Faq__Section {
margin-top: 60px;
}
}
.FeatureText {
text-align: center;
}
.FeatureText__ContentWrapper {
padding-left: 24px;
padding-right: 24px;
}
.FeatureText__ImageWrapper {
overflow: hidden;
}
.FeatureText--withImage .FeatureText__ContentWrapper {
padding-top: 50px;
padding-bottom: 20px;
}
.FeatureText .SectionHeader__Description {
margin-top: 25px;
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
.FeatureText--imageLeft {
display: flex;
flex-direction: column-reverse;
}
}
@media screen and (min-width: 641px) {
.FeatureText__Content {
max-width: 430px;
margin: 0 auto;
}
.FeatureText--withImage {
display: table;
width: 100%;
text-align: left;
table-layout: fixed;
}
.FeatureText--withImage .FeatureText__ContentWrapper,
.FeatureText--withImage .FeatureText__ImageWrapper {
display: table-cell;
width: 50%;
vertical-align: middle;
}
.FeatureText--withImage .FeatureText__ContentWrapper {
padding: 50px;
}
.FeatureText--imageRight .FeatureText__ContentWrapper {
padding-right: 40px;
}
.FeatureText--imageRight .FeatureText__Content,
.FeatureText--imageRight .AspectRatio {
margin-right: 0;
}
.FeatureText--imageRight .AspectRatio {
text-align: right;
}
.FeatureText--imageLeft .FeatureText__ContentWrapper {
padding-left: 40px;
}
.FeatureText--imageLeft .FeatureText__Content,
.FeatureText--imageLeft .AspectRatio {
margin-left: 0;
}
.FeatureText--imageLeft .AspectRatio {
text-align: left;
}
}
@media screen and (min-width: 1240px) {
.FeatureText--imageRight .FeatureText__ContentWrapper {
padding-right: 100px;
}
.FeatureText--imageLeft .FeatureText__ContentWrapper {
padding-left: 100px;
}
}
.shopify-section--bordered + .shopify-section--footer {
border-top: 1px solid #e4dfde;
}
.Footer {
padding: 34px 0;
color: #171717;
border-top: 1px solid #171717;
}
.Footer .Header__LogoLink {
margin-bottom: 20px;
width: 117px;
text-align: center;
}
.Footer .Header__LogoLink .Header__LogoImage {
width: auto;
}
.Footer .Footer__Block--text .Footer__Content {
font-size: 11px;
line-height: 17px;
text-align: center;
width: 120px;
}
.Footer .Footer__Block--text .Footer__Content a {
text-decoration: none;
}
.Footer--withMargin {
margin-top: 60px;
}
.Footer .Heading,
.Footer .Link--primary:hover {
color: #171717;
}
.Footer .Link--secondary:hover,
.Footer .Form__Input::-webkit-input-placeholder,
.Footer
#shopify-product-reviews
.spr-form-input-text::-webkit-input-placeholder,
#shopify-product-reviews
.Footer
.spr-form-input-text::-webkit-input-placeholder,
.Footer
#shopify-product-reviews
.spr-form-input-email::-webkit-input-placeholder,
#shopify-product-reviews
.Footer
.spr-form-input-email::-webkit-input-placeholder,
.Footer
#shopify-product-reviews
.spr-form-input-textarea::-webkit-input-placeholder,
#shopify-product-reviews
.Footer
.spr-form-input-textarea::-webkit-input-placeholder {
color: #171717;
}
.Footer .Link--secondary:hover,
.Footer .Form__Input::-moz-placeholder,
.Footer #shopify-product-reviews .spr-form-input-text::-moz-placeholder,
#shopify-product-reviews .Footer .spr-form-input-text::-moz-placeholder,
.Footer #shopify-product-reviews .spr-form-input-email::-moz-placeholder,
#shopify-product-reviews .Footer .spr-form-input-email::-moz-placeholder,
.Footer #shopify-product-reviews .spr-form-input-textarea::-moz-placeholder,
#shopify-product-reviews .Footer .spr-form-input-textarea::-moz-placeholder {
color: #171717;
}
.Footer .Link--secondary:hover,
.Footer .Form__Input:-ms-input-placeholder,
.Footer #shopify-product-reviews .spr-form-input-text:-ms-input-placeholder,
#shopify-product-reviews .Footer .spr-form-input-text:-ms-input-placeholder,
.Footer #shopify-product-reviews .spr-form-input-email:-ms-input-placeholder,
#shopify-product-reviews .Footer .spr-form-input-email:-ms-input-placeholder,
.Footer #shopify-product-reviews .spr-form-input-textarea:-ms-input-placeholder,
#shopify-product-reviews
.Footer
.spr-form-input-textarea:-ms-input-placeholder {
color: #171717;
}
.Footer .Link--secondary:hover,
.Footer .Form__Input::-ms-input-placeholder,
.Footer #shopify-product-reviews .spr-form-input-text::-ms-input-placeholder,
#shopify-product-reviews .Footer .spr-form-input-text::-ms-input-placeholder,
.Footer #shopify-product-reviews .spr-form-input-email::-ms-input-placeholder,
#shopify-product-reviews .Footer .spr-form-input-email::-ms-input-placeholder,
.Footer
#shopify-product-reviews
.spr-form-input-textarea::-ms-input-placeholder,
#shopify-product-reviews
.Footer
.spr-form-input-textarea::-ms-input-placeholder {
color: #171717;
}
.Footer .Link--secondary:hover,
.Footer .Form__Input::placeholder,
.Footer #shopify-product-reviews .spr-form-input-text::placeholder,
#shopify-product-reviews .Footer .spr-form-input-text::placeholder,
.Footer #shopify-product-reviews .spr-form-input-email::placeholder,
#shopify-product-reviews .Footer .spr-form-input-email::placeholder,
.Footer #shopify-product-reviews .spr-form-input-textarea::placeholder,
#shopify-product-reviews .Footer .spr-form-input-textarea::placeholder {
color: #171717;
}
#shopify-section-above-footer {
border-top: 1px solid #9c9c9c;
}
#shopify-section-above-footer .icon {
text-align: center;
}
#shopify-section-above-footer .text {
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
text-align: center;
}
#shopify-section-above-footer:has(#section-above-footer.hidden_for_plp) {
display: none !important;
}
#shopify-section-footer {
background: #fff;
}
.Footer__Inner .Footer__Social {
background: #171717;
}
.Footer__Block {
margin-top: 48px;
}
.Footer__Block:first-child {
margin-top: 20px;
}
.Footer__Block.Footer__Block--links .Linklist .Linklist__Item {
margin-bottom: 0;
line-height: 18px;
font-size: 13px;
}
.Footer__Block.Footer__Block--links .Linklist .Linklist__Item a:hover {
text-decoration: underline;
}
.Footer__Block.Footer__Block--links
.Linklist
.Linklist__Item
.hover-animation:after {
background-color: #171717;
}
.Footer__Block .Footer__Title {
font-family: NeueHaasUnicaW1G-Regular;
margin-bottom: 8px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
text-align: left;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.075em;
}
@media screen and (min-width: 1008px) and (max-width: 1239px) {
.Footer__Block .Footer__Title {
text-align: left;
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.Footer__Block .Footer__Title {
text-align: left;
}
}
.Footer__Block.Footer__Block--newsletter .Footer__Title {
text-align: left;
margin-bottom: 18px;
}
.Footer__Block .Footer__Social {
margin-top: 5px;
}
@media screen and (max-width: 640px) {
.Footer__Social {
max-width: fit-content;
margin-inline: auto;
}
.Footer .Header__LogoLink .Header__LogoImage {
max-width: 123px !important;
}
}
.Footer__Content + .Footer__Newsletter {
margin-top: 22px;
display: flex;
align-items: center;
justify-content: center;
max-width: 210px;
margin-left: 0;
margin-right: auto;
flex-direction: column;
}
@media screen and (min-width: 641px) {
.Footer__Content + .Footer__Newsletter {
max-width: unset;
}
}
.Footer__Content + .Footer__Newsletter .footer-email-wrapper {
display: flex;
align-items: center;
justify-content: center;
max-width: 210px;
margin-left: 0;
margin-right: auto;
margin-bottom: 12px;
}
@media screen and (min-width: 641px) {
.Footer__Content + .Footer__Newsletter .footer-email-wrapper {
max-width: unset;
}
}
.Footer__Content + .Footer__Newsletter .footer-checkbox-wrapper {
display: flex;
align-items: baseline;
gap: 8px;
}
.Footer__Content
+ .Footer__Newsletter
.footer-checkbox-wrapper
.checkbox_wrapper {
position: relative;
height: 20px;
top: 10px;
}
.Footer__Content + .Footer__Newsletter .footer-checkbox-wrapper .check_mark {
display: none;
}
.Footer__Content
+ .Footer__Newsletter
.footer-checkbox-wrapper:has(input[type="checkbox"]:checked)
.check_mark {
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
height: 20px;
width: 20px;
max-width: 20px;
}
.Footer__Content
+ .Footer__Newsletter
.footer-checkbox-wrapper
input[type="checkbox"] {
position: relative;
top: 0;
opacity: 0;
height: 20px;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
}
.Footer__Newsletter .Form__Input,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-text,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-email,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-textarea {
padding: 7px 14px;
font-size: 8px;
border: 1px solid;
line-height: 12px;
}
@media screen and (min-width: 641px) {
.Footer__Newsletter .Form__Input,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-text,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-email,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-textarea {
padding: 10px 14px;
font-size: 11px;
}
}
.Footer__Newsletter .Form__Submit {
display: block;
margin-left: 2px;
margin-top: 0;
padding: 6px 18px;
font-size: 11px;
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
@media screen and (min-width: 641px) {
.Footer__Newsletter .Form__Submit {
padding: 8px 18px;
font-size: 13px;
}
}
.Footer__Aside {
text-align: center;
padding: 13px 0;
border-top: 1px solid #171717;
color: #171717;
background: #fff;
}
.Footer__Aside .Heading {
color: #171717;
font-size: 12px;
letter-spacing: -0.075em;
line-height: 17px;
}
.Footer__Aside .hover-animation:after {
background-color: #171717;
}
.Footer__Aside:hover {
color: #171717;
}
.Footer__Inner + .Footer__Aside {
margin-top: 65px;
}
.Footer__ThemeAuthor {
margin-top: 4px;
}
.Footer__PaymentList {
margin: 54px -24px 0;
padding-top: 28px;
border-top: 1px solid #e4dfde;
}
.Footer__PaymentList svg {
opacity: 0.8;
width: 38px;
height: 24px;
}
@media screen and (min-width: 641px) {
.Footer--withMargin {
margin-top: 80px;
}
.Footer__Inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: -40px;
margin-right: -40px;
}
.Footer__Block {
flex: 1 1 50%;
margin-top: 0;
margin-bottom: 0;
}
.Footer__Block.Footer__Block--text {
margin-top: 0;
}
.Footer__Social {
margin-top: 10px;
margin-left: 12px;
}
.Footer__Aside {
text-align: left;
display: flex;
justify-content: center;
align-items: center;
margin-top: 80px;
}
.Footer__Inner + .Footer__Aside {
margin-top: 80px;
}
.Footer__StoreName {
font-size: 10px;
}
.Footer__PaymentList {
padding: 0;
margin: 0 -8px;
border: none;
}
}
@media only screen and (max-width: 1024px) {
.Footer__Block.Footer__Block--orbe {
display: none;
}
}
@media only screen and (max-width: 768px) {
.Footer__Block.Footer__Block--orbe {
display: block;
}
.Footer .Container .Footer__Block--orbe .Footer__Title {
text-align: left;
padding: 12px 0;
margin-bottom: 0;
display: block;
}
.Footer .Container .Footer__Block--orbe {
border-top: 1px solid #171717;
padding: 0 24px;
margin-bottom: 0 !important;
position: relative;
}
}
@media screen and (min-width: 1240px) {
.Footer--withMargin {
margin-top: 120px;
}
.Footer__Inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.Footer--center .Footer__Inner {
justify-content: center;
}
.Footer__Block {
flex: 0 1 auto;
}
.Footer__Block--text,
.Footer__Block--newsletter {
flex-basis: 240px;
}
}
@media screen and (min-width: 1240px) {
.Footer__Block--newsletter {
flex-basis: 341px;
}
.Footer__Block--newsletter .Footer__Content {
font-size: 13px;
}
}
.GiftCard {
text-align: center;
}
.GiftCard__Wrapper {
position: relative;
max-width: 400px;
margin: 0 auto;
}
.GiftCard__Redeem {
margin-bottom: 30px;
}
.GiftCard__IllustrationWrapper {
position: relative;
margin: 40px 0;
}
.GiftCard__CodeHolder {
position: absolute;
display: inline-block;
margin: 0 auto;
bottom: 20px;
left: 50%;
white-space: nowrap;
padding: 12px 20px;
background: #fff;
border-radius: 3px;
transform: translate(-50%);
}
.GiftCard__QrCode {
margin: 20px 0;
}
.GiftCard__QrCode img {
margin: 0 auto;
}
.shopify-section--header {
width: 100%;
top: 0;
left: 0;
z-index: 999;
}
.Header .Heading,
.Header .Link--secondary {
color: #171717;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.Heading,
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.Text--subdued {
color: #171717;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.hover-animation.custom_menu_new:after {
background-color: #171717;
}
.Header .Text--subdued,
.Header .Link--primary,
.Header .Link--primary:hover,
.Header .Link--secondary:hover,
.Header .Text--subdued:hover {
color: #171717;
}
.Header {
background: #fff;
color: #171717;
position: relative;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active) {
background: #fff;
color: #171717;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.Header__Wrapper {
border-bottom: 0.5px solid #171717;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.mega__menu-list
.hover-animation:after {
background-color: #171717;
}
.Header__Wrapper .custom_desktop_menu .hover-animation:after {
background-color: #171717;
}
.Header__Wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-bottom: 1px solid #171717;
}
.Header__Logo {
position: relative;
margin-bottom: 0;
}
.Header__LogoLink,
.Header__LogoImage {
display: block;
line-height: 0;
}
.Header__LogoImage {
margin: 0 auto;
transition: opacity 0.3s ease-in-out;
}
.Header__LogoImage--transparent {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.Header__Icon {
display: -webkit-flex;
transition: color 0.2s ease-in-out;
}
.Header__Icon span {
display: flex;
display: -webkit-flex;
}
.Header__Icon + .Header__Icon {
margin-left: 14px;
}
.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {
background: transparent;
}
@media only screen and (max-width: 768px) {
.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {
background: #fff;
}
}
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.Header__LogoImage--primary:not(:only-child) {
opacity: 0;
}
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.Header__LogoImage--transparent {
opacity: 1;
}
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.Header__Icon
svg {
-webkit-filter: drop-shadow(0 1px rgba(23, 23, 23, 1, 0.25));
filter: drop-shadow(0 1px rgba(23, 23, 23, 1, 0.25));
}
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.Header__Icon,
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.Header__CurrencySelector,
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.HorizontalList__Item
> .Heading,
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.Header__LogoLink
> .Heading,
.supports-sticky
.Search[aria-hidden="true"]
+ .Header--transparent
.Text--subdued {
color: currentColor;
}
.Header__Icon .Icon--nav {
height: 14px;
width: 20px;
}
.Header__Icon .Icon--cart {
width: 17px;
height: 16px;
}
.Header__Icon .Icon--search {
position: relative;
top: 1px;
width: 17px;
height: 16px;
}
.Header__FlexItem {
display: flex;
display: -webkit-flex;
}
.Header__FlexItem--fill {
flex: 1 0 0;
align-items: center;
}
.Header__FlexItem--fill:last-child {
justify-content: flex-end;
}
.Header__CartDot span {
display: inline;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.Header__CartDot {
box-shadow: 0 0 0 2px #fff;
}
.Header__CartDot.is-visible {
transform: scale(1);
}
.Search[aria-hidden="true"] + .Header--transparent .Header__CartDot {
box-shadow: none;
}
@media screen and (min-width: 641px) {
.Header__Wrapper {
padding: 18px 15px 18px 30px;
}
.Header__LogoImage {
max-width: 100%;
}
.Header__Icon + .Header__Icon {
margin-left: 14px;
}
.Header__Icon .Icon--nav-desktop {
height: 17px;
width: 24px;
}
.Header__Icon .Icon--cart-desktop {
height: 23px;
width: 19px;
}
.Header__Icon .Icon--search-desktop {
position: relative;
top: 2px;
width: 21px;
height: 21px;
}
.Header__Icon .Icon--account {
position: relative;
top: 2px;
width: 20px;
height: 20px;
}
.Header--withIcons .Header__SecondaryNav {
position: relative;
top: 1px;
margin-right: 16px;
}
}
@media screen and (min-width: 1240px) {
.js .Header__Wrapper {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.Header:not(.Header--sidebar) .Header__Wrapper {
padding: 10px 15px 10px 25px;
position: relative;
}
.Header__CurrencySelector {
display: inline-block;
}
.Header__MainNav {
margin-right: 45px;
}
.Header--inline .Header__FlexItem:first-child .Header__CurrencySelector,
.Header--inline .Header__FlexItem:first-child localization-form,
.Header--logoLeft .Header__FlexItem:first-child .Header__CurrencySelector,
.Header--logoLeft .Header__FlexItem:first-child localization-form {
display: none;
}
.Header--logoLeft .Header__FlexItem--logo {
order: -1;
margin-right: 38px;
}
.Header--logoLeft .Header__FlexItem--fill:last-child {
flex: none;
}
.Header--center .Header__Wrapper.Header__Wrapper {
padding-bottom: 24px;
}
.Header--center .Header__MainNav {
position: absolute;
bottom: 0;
left: 0;
padding-bottom: 18px;
width: 100%;
text-align: center;
}
.Header--center .Header__MainNav .HorizontalList {
margin-left: 0;
margin-right: 0;
}
.Header--center .Header__FlexItem {
margin-bottom: 40px;
}
.Header--center .Header__FlexItem:last-child .Header__CurrencySelector {
display: none;
}
.Header--initialized .Header__Wrapper {
opacity: 1;
}
}
.Header__LinkSpacer {
position: absolute;
display: block;
bottom: 0;
color: transparent;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Header__LinkSpacer:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
opacity: 0;
transform: scaleX(0);
transform-origin: left center;
border-bottom: 2px solid #171717;
transition: transform 0.3s, opacity 0.3s;
display: none;
}
.Header:not(.Header--transparent) .HorizontalList__Item.is-expanded .Heading,
.Header:not(.Header--transparent) .HorizontalList__Item.is-active .Heading {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
color: #171717;
}
.Header:not(.Header--transparent)
.HorizontalList__Item.custom_menu_new.is-expanded
.Heading {
font-weight: 400;
}
.Header:not(.Header--transparent)
.HorizontalList__Item.is-expanded
.Heading::hover,
.Header:not(.Header--transparent)
.HorizontalList__Item.is-active
.Heading::hover {
color: #171717;
}
.Header:not(.Header--transparent)
.HorizontalList__Item.is-expanded
.Header__LinkSpacer:after,
.Header:not(.Header--transparent)
.HorizontalList__Item.is-active
.Header__LinkSpacer:after {
display: none;
}
.DropdownMenu {
position: absolute;
visibility: hidden;
opacity: 0;
top: 100%;
padding: 25px 0;
min-width: 200px;
max-width: 270px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-align: left;
background: #fff;
border: 1px solid #e4dfde;
border-top: none;
transition: all 0.3s ease-in-out;
}
.DropdownMenu:before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
background: #171717;
width: 100%;
height: 2px;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.3s;
}
.DropdownMenu[aria-hidden="false"] {
opacity: 1;
visibility: visible;
}
.DropdownMenu[aria-hidden="false"]:before {
transform: scale(1);
}
.DropdownMenu[aria-hidden="false"] .DropdownMenu {
display: block;
}
.DropdownMenu [aria-haspopup] {
position: relative;
}
.DropdownMenu .Link {
padding-left: 25px;
padding-right: 40px;
}
.DropdownMenu svg {
position: absolute;
width: 6px;
top: calc(50% - 4px);
height: 10px;
right: 20px;
transition: transform 0.2s ease-in-out;
}
.DropdownMenu .Linklist__Item:hover svg {
transform: translate(4px);
}
.DropdownMenu .Linklist__Item:hover > .Link--secondary {
color: #171717;
}
.DropdownMenu .DropdownMenu {
display: none;
left: 100%;
top: -26px;
border-top: 1px solid #e4dfde;
}
.DropdownMenu .DropdownMenu:before {
display: none;
}
.DropdownMenu .DropdownMenu--reversed {
left: auto;
right: 100%;
}
.MegaMenu {
position: absolute;
padding: 20px 0;
width: 100%;
left: 0;
top: 100%;
visibility: hidden;
opacity: 0;
max-height: 600px;
overflow: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
text-align: left;
background: #fff;
border-bottom: 1px solid #e4dfde;
transition: all 0.3s ease-in-out;
}
@supports (--css: variables) {
.MegaMenu {
max-height: calc(100vh - var(--header-height));
}
}
.MegaMenu[aria-hidden="false"] {
opacity: 1;
visibility: visible;
}
.MegaMenu__Inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: nowrap;
max-width: 1450px;
margin: 0 auto;
padding: 0 10px;
}
.MegaMenu--spacingEvenly .MegaMenu__Inner {
justify-content: space-around;
justify-content: space-evenly;
}
.MegaMenu--spacingCenter .MegaMenu__Inner {
justify-content: center;
}
@supports (display: grid) {
.MegaMenu--grid .MegaMenu__Inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}
.Header:not(.Header--sidebar) .Header__Wrapper.MegaMenu_innerr {
align-items: flex-start;
justify-content: flex-start;
padding-top: 0;
padding-bottom: 0;
}
.Header__MainNav .Linklist__Item {
margin-bottom: 15px;
}
.Header__MainNav .Linklist__Item.active a {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.MegaMenu__Item {
margin: 0 40px;
flex-shrink: 1;
}
.MegaMenu__Item.MegaMenu__Item--fit {
margin: 0 40px 20px 70px;
}
.MegaMenu__Item.MegaMenu__Item--fit .Linklist {
width: 200px;
}
.MegaMenu__Item--fit {
flex-shrink: 0;
}
.MegaMenu__Title {
display: block;
margin-bottom: 20px;
}
.MegaMenu__Push {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.MegaMenu__Push.hide {
display: none;
}
.MegaMenu__Push.show {
display: inline-block;
}
.MegaMenu__Push:hover .MegaMenu__PushHeading {
text-decoration: underline;
}
.MegaMenu__Push--shrink {
width: 25%;
}
.MegaMenu__Push--shrink {
padding: 0 15px;
}
.MegaMenu__PushImageWrapper {
margin: 8px auto 10px;
max-width: 100%;
overflow: hidden;
}
.MegaMenu__PushHeading {
margin-bottom: 6px;
font-size: 10px;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.MegaMenu__Push img {
transform: scale(1);
transition: opacity 0.3s ease,
transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.MegaMenu__Push:hover img {
transform: scale(1.2);
}
}
.ImageHero {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
background-size: cover;
background-position: center;
min-height: 380px;
width: 100%;
overflow: hidden;
}
.ImageHero--small {
min-height: 330px;
}
.ImageHero--large {
min-height: 480px;
}
.ImageHero__ImageWrapper,
.ImageHero__Image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
@media screen and (min-width: 1008px) and (-moz-touch-enabled: 0),
screen and (min-width: 1008px) and (hover: hover) {
.ImageHero__Image--parallax {
background-attachment: fixed;
}
}
.ImageHero__ImageWrapper--hasOverlay:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.ImageHero__Wrapper {
z-index: 1;
}
.ImageHero__ContentOverlay {
position: relative;
flex-basis: 425px;
flex-grow: 0;
padding: 0 15px;
text-shadow: 0 1px rgba(23, 23, 23, 1, 0.5);
}
.ImageHero__TextContent {
position: absolute;
padding: 0 24px;
margin-bottom: 0 !important;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
text-align: center;
}
.ImageHero iframe {
position: absolute;
height: 100%;
width: 200%;
left: -50%;
pointer-events: none;
}
.ImageHero--large iframe {
width: 250%;
left: -75%;
}
.ImageHero iframe[src] {
pointer-events: auto;
}
.ImageHero__Block {
margin: 40px auto;
padding: 38px 20px;
max-width: 250px;
box-shadow: 0 1px 20px #3636364d;
}
.ImageHero__Block--small {
max-width: 165px;
}
.ImageHero__Block--large {
max-width: 320px;
}
.ImageHero__BlockHeading {
margin: -0.325em 0 18px;
}
.ImageHero__BlockContent + .ImageHero__BlockLink {
margin-top: 18px;
}
@media screen and (max-width: 640px) {
.ImageHero__Block {
font-size: 10px;
}
.Footer {
padding-top: 0;
border: none;
}
.Footer .Container {
padding: 0;
}
.Footer .Container .Footer__Block {
margin-top: 0;
margin-bottom: 35px;
}
.Footer .Container .Footer__Block--text {
text-align: center;
}
.Footer .Container .Footer__Block--text .Header__LogoLink {
margin-bottom: 18px;
width: auto;
}
.Footer .Container .Footer__Block--text .Footer__Content {
width: auto;
}
.Footer .Container .Footer__Block--links {
border-top: 1px solid #171717;
padding: 0 24px;
margin-bottom: 0;
position: relative;
}
.Footer .Container .Footer__Block--links.active .Footer__Title:before {
content: "";
top: 13px;
right: 13px;
border: solid #171717;
border-width: 0 2px 2px 0;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin: 8px;
}
.Footer .Container .Footer__Block--links .Footer__Title {
text-align: left;
padding: 12px 0;
margin-bottom: 0;
font-size: 15px;
}
.Footer .Container .Footer__Block--links .Footer__Title:before {
content: "+";
position: absolute;
top: 6px;
right: 17px;
display: inline-block;
padding: 3px;
border: 0;
transform: none;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 18px;
}
.Footer .Container .Footer__Block--links ul.Linklist {
display: none;
margin-top: 15px;
padding: 0 15px;
margin-bottom: 15px;
}
.Footer .Container .Footer__Block--links ul.Linklist .Linklist__Item {
font-size: 12px;
}
.Footer .Container .Footer__Block--newsletter {
padding: 55px 35px 0;
margin-bottom: 0;
border-top: 1px solid #171717;
}
.Footer .Container .Footer__Block--newsletter .Footer__Title {
margin-bottom: 16px;
}
.Footer .Container .Footer__Block--newsletter .Form__Input,
.Footer
.Container
.Footer__Block--newsletter
#shopify-product-reviews
.spr-form-input-text,
#shopify-product-reviews
.Footer
.Container
.Footer__Block--newsletter
.spr-form-input-text,
.Footer
.Container
.Footer__Block--newsletter
#shopify-product-reviews
.spr-form-input-email,
#shopify-product-reviews
.Footer
.Container
.Footer__Block--newsletter
.spr-form-input-email,
.Footer
.Container
.Footer__Block--newsletter
#shopify-product-reviews
.spr-form-input-textarea,
#shopify-product-reviews
.Footer
.Container
.Footer__Block--newsletter
.spr-form-input-textarea {
font-size: 11px;
}
.Footer .Container .Footer__Block--newsletter .Form__Submit {
font-size: 14px;
padding: 5px 18px;
}
.Footer
.Container
.Footer__Block--newsletter
.Footer__Content
+ .Footer__Newsletter {
max-width: 100%;
}
.Footer__Aside {
margin-top: 20px;
padding: 15px 0;
}
}
@media screen and (min-width: 641px) {
.ImageHero {
min-height: 450px;
}
.ImageHero--small {
min-height: 400px;
}
.ImageHero--large {
min-height: 500px;
}
.ImageHero iframe {
width: 100%;
height: 200%;
left: 0;
}
.ImageHero__Block {
padding: 48px 15px;
max-width: 380px;
}
.ImageHero__Block--small {
max-width: 240px;
}
.ImageHero__Block--large {
max-width: 520px;
}
.ImageHero__TextContent {
padding: 0 40px;
bottom: 40px;
top: auto;
left: 0;
transform: none;
text-align: left;
}
}
@media screen and (min-width: 1240px) {
.ImageHero {
min-height: 500px;
}
.ImageHero--small {
min-height: 450px;
}
.ImageHero--large {
min-height: 600px;
}
.ImageHero__TextContent {
padding: 0 50px;
bottom: 50px;
}
}
.Instafeed {
height: 250px;
}
.Instafeed__Cell {
width: 250px;
margin: 0 5px;
overflow: hidden;
}
.Instafeed__Image {
position: relative;
display: block;
height: 100%;
background-size: cover;
background-position: center center;
}
.Instafeed__Overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 25px;
background: #171717;
color: #fff;
text-align: left;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.Instafeed__LikeCount {
font-size: 12px;
}
.Instafeed__LikeCount svg {
margin-right: 8px;
width: 17px;
height: 15px;
vertical-align: sub;
}
.Instafeed__Caption {
position: relative;
height: 6.6em;
margin: 20px 0;
overflow: hidden;
word-break: break-word;
}
.Instafeed__Caption:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 70%;
height: 1.6em;
text-align: right;
background: linear-gradient(to right, #17171700, #171717 50%);
}
.Instafeed__Date {
position: absolute;
bottom: 18px;
color: inherit;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.Instafeed__Cell:hover .Instafeed__Overlay {
opacity: 1;
}
}
@media screen and (max-width: 1007px) {
.Instafeed .flickity-prev-next-button {
display: none;
}
}
@media screen and (min-width: 641px) {
.Instafeed {
height: calc(50vw - 70px);
}
.Instafeed__Cell {
width: calc(50vw - 70px);
}
}
@media screen and (min-width: 1008px) {
.Instafeed {
height: calc(100vw / 3 - 60px);
}
.Instafeed__Cell {
width: calc(100vw / 3 - 60px);
}
.Instafeed .flickity-prev-next-button.previous {
top: calc(50% - 22.5px);
left: 25px;
}
.Instafeed .flickity-prev-next-button.next {
top: calc(50% - 22.5px);
right: 25px;
}
}
@media screen and (min-width: 1240px) {
.Instafeed {
height: calc(100vw / 3 - 180px);
}
.Instafeed__Cell {
width: calc(100vw / 3 - 180px);
}
}
@media screen and (min-width: 1500px) {
.Instafeed__Caption {
height: 9.9em;
}
}
.NewsletterPopup {
position: fixed;
bottom: 15px;
left: 15px;
width: calc(100% - 30px);
padding: 24px 30px 30px;
background: #fff;
color: #171717;
z-index: 50;
text-align: center;
box-shadow: 0 1px 4px #1717174d;
visibility: hidden;
transform: translateY(25px);
opacity: 0;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.NewsletterPopup .Heading {
color: inherit;
}
.NewsletterPopup .Form__Input::-webkit-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-text::-webkit-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-text::-webkit-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-email::-webkit-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-email::-webkit-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-textarea::-webkit-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-textarea::-webkit-input-placeholder {
color: #17171799;
}
.NewsletterPopup .Form__Input::-moz-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-text::-moz-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-text::-moz-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-email::-moz-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-email::-moz-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-textarea::-moz-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-textarea::-moz-placeholder {
color: #17171799;
}
.NewsletterPopup .Form__Input:-ms-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-text:-ms-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-text:-ms-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-email:-ms-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-email:-ms-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-textarea:-ms-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-textarea:-ms-input-placeholder {
color: #17171799;
}
.NewsletterPopup .Form__Input::-ms-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-text::-ms-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-text::-ms-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-email::-ms-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-email::-ms-input-placeholder,
.NewsletterPopup
#shopify-product-reviews
.spr-form-input-textarea::-ms-input-placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-textarea::-ms-input-placeholder {
color: #17171799;
}
.NewsletterPopup .Form__Input::placeholder,
.NewsletterPopup #shopify-product-reviews .spr-form-input-text::placeholder,
#shopify-product-reviews .NewsletterPopup .spr-form-input-text::placeholder,
.NewsletterPopup #shopify-product-reviews .spr-form-input-email::placeholder,
#shopify-product-reviews .NewsletterPopup .spr-form-input-email::placeholder,
.NewsletterPopup #shopify-product-reviews .spr-form-input-textarea::placeholder,
#shopify-product-reviews
.NewsletterPopup
.spr-form-input-textarea::placeholder {
color: #17171799;
}
.NewsletterPopup .Form__Input,
.NewsletterPopup #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .NewsletterPopup .spr-form-input-text,
.NewsletterPopup #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .NewsletterPopup .spr-form-input-email,
.NewsletterPopup #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .NewsletterPopup .spr-form-input-textarea {
border-color: #17171766;
}
.NewsletterPopup .Form__Input:focus,
.NewsletterPopup #shopify-product-reviews .spr-form-input-text:focus,
#shopify-product-reviews .NewsletterPopup .spr-form-input-text:focus,
.NewsletterPopup #shopify-product-reviews .spr-form-input-email:focus,
#shopify-product-reviews .NewsletterPopup .spr-form-input-email:focus,
.NewsletterPopup #shopify-product-reviews .spr-form-input-textarea:focus,
#shopify-product-reviews .NewsletterPopup .spr-form-input-textarea:focus {
border-color: #171717;
}
.NewsletterPopup .Button,
.NewsletterPopup .shopify-payment-button__button--unbranded,
.NewsletterPopup #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .NewsletterPopup .spr-summary-actions-newreview,
.NewsletterPopup #shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews .NewsletterPopup .spr-button-primary:not(input),
.NewsletterPopup #shopify-product-reviews input.spr-button-primary,
#shopify-product-reviews .NewsletterPopup input.spr-button-primary,
.NewsletterPopup #shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .NewsletterPopup .spr-pagination-prev > a,
.NewsletterPopup #shopify-product-reviews .spr-pagination-next > a,
#shopify-product-reviews .NewsletterPopup .spr-pagination-next > a {
color: #fff;
border-color: #171717;
}
.NewsletterPopup .Button:before,
.NewsletterPopup .shopify-payment-button__button--unbranded:before,
.NewsletterPopup #shopify-product-reviews .spr-summary-actions-newreview:before,
#shopify-product-reviews .NewsletterPopup .spr-summary-actions-newreview:before,
.NewsletterPopup #shopify-product-reviews .spr-button-primary:not(input):before,
#shopify-product-reviews .NewsletterPopup .spr-button-primary:not(input):before,
.NewsletterPopup #shopify-product-reviews input.spr-button-primary:before,
#shopify-product-reviews .NewsletterPopup input.spr-button-primary:before,
.NewsletterPopup #shopify-product-reviews .spr-pagination-prev > a:before,
#shopify-product-reviews .NewsletterPopup .spr-pagination-prev > a:before,
.NewsletterPopup #shopify-product-reviews .spr-pagination-next > a:before,
#shopify-product-reviews .NewsletterPopup .spr-pagination-next > a:before {
background-color: #171717;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.NewsletterPopup .Button:not([disabled]):hover,
.NewsletterPopup
.shopify-payment-button__button--unbranded:not([disabled]):hover,
.NewsletterPopup
#shopify-product-reviews
.spr-summary-actions-newreview:not([disabled]):hover,
#shopify-product-reviews
.NewsletterPopup
.spr-summary-actions-newreview:not([disabled]):hover,
.NewsletterPopup
#shopify-product-reviews
.spr-button-primary:not([disabled]):hover:not(input),
#shopify-product-reviews
.NewsletterPopup
.spr-button-primary:not([disabled]):hover:not(input),
.NewsletterPopup
#shopify-product-reviews
input.spr-button-primary:not([disabled]):hover,
#shopify-product-reviews
.NewsletterPopup
input.spr-button-primary:not([disabled]):hover,
.NewsletterPopup
#shopify-product-reviews
.spr-pagination-prev
> a:not([disabled]):hover,
#shopify-product-reviews
.NewsletterPopup
.spr-pagination-prev
> a:not([disabled]):hover,
.NewsletterPopup
#shopify-product-reviews
.spr-pagination-next
> a:not([disabled]):hover,
#shopify-product-reviews
.NewsletterPopup
.spr-pagination-next
> a:not([disabled]):hover {
color: #171717;
background-color: transparent;
}
}
.NewsletterPopup[aria-hidden="false"] {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.NewsletterPopup__Close {
position: absolute;
right: 15px;
top: 15px;
}
.NewsletterPopup__Close svg {
display: block;
width: 15px;
height: 15px;
}
.NewsletterPopup__Content a {
text-decoration: underline;
text-underline-position: under;
}
.NewsletterPopup__Form {
margin-top: 32px;
}
@media screen and (min-width: 641px) {
.NewsletterPopup {
max-width: 385px;
right: 25px;
bottom: 25px;
left: auto;
padding-top: 35px;
}
.NewsletterPopup__Close svg {
width: 18px;
height: 18px;
}
}
.Password {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px;
width: 100%;
min-height: 100vh;
background-size: cover;
background-position: center;
}
@supports (--css: variables) {
@media screen and (max-width: 1007px) {
.Password {
min-height: var(--window-height);
}
}
}
.Password__Header {
position: relative;
text-align: center;
}
.Password__Logo {
display: block;
line-height: 1;
}
.Password__LogoImage {
vertical-align: middle;
}
.Password__LockAction {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.Password__LockAction svg {
margin-left: 10px;
width: 20px;
height: 20px;
vertical-align: bottom;
}
.Password__Content {
width: 470px;
max-width: 100%;
margin: 35px auto;
}
.Password__Newsletter {
margin-bottom: 10px;
}
.Password__Card {
padding: 24px;
background: #fff;
text-align: center;
}
.Password__Message {
font-size: 12px;
}
.Password__Form {
margin-top: 28px;
}
.Password__Form .Button,
.Password__Form .shopify-payment-button__button--unbranded,
.Password__Form #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .Password__Form .spr-summary-actions-newreview,
.Password__Form #shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews .Password__Form .spr-button-primary:not(input),
.Password__Form #shopify-product-reviews input.spr-button-primary,
#shopify-product-reviews .Password__Form input.spr-button-primary,
.Password__Form #shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .Password__Form .spr-pagination-prev > a,
.Password__Form #shopify-product-reviews .spr-pagination-next > a,
#shopify-product-reviews .Password__Form .spr-pagination-next > a {
flex: none;
margin-bottom: 0;
margin-top: 15px;
width: 100%;
}
.Password__Social {
padding: 22px 25px 22px 28px;
background: #fff;
text-align: center;
}
.Password__ShareButtons {
margin-top: 15px;
}
@media screen and (min-width: 641px) {
.Password__Content {
margin: 80px auto;
}
.Password__Card {
padding: 45px 60px 50px;
}
.Password__Form .Button,
.Password__Form .shopify-payment-button__button--unbranded,
.Password__Form #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .Password__Form .spr-summary-actions-newreview,
.Password__Form #shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews .Password__Form .spr-button-primary:not(input),
.Password__Form #shopify-product-reviews input.spr-button-primary,
#shopify-product-reviews .Password__Form input.spr-button-primary,
.Password__Form #shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .Password__Form .spr-pagination-prev > a,
.Password__Form #shopify-product-reviews .spr-pagination-next > a,
#shopify-product-reviews .Password__Form .spr-pagination-next > a {
width: auto;
margin-top: 0;
}
.Password__Social {
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
}
.Password__ShareButtons {
margin-top: 0;
margin-left: 15px;
flex-shrink: 0;
}
}
.Password__Footer {
text-align: center;
}
.Password__AdminLink {
display: block;
margin-top: 15px;
}
.Password__Footer svg {
width: 70px;
height: 20px;
vertical-align: bottom;
margin-left: 2px;
}
@media screen and (min-width: 641px) {
.Password__Footer {
display: flex;
justify-content: space-between;
text-align: left;
}
.Password__AdminLink {
margin-top: 0;
}
}
.Password__Modal {
display: flex;
justify-content: center;
}
.Product {
position: relative;
margin: 0 auto 50px;
}
.Product--fill {
max-width: none;
}
@media screen and (min-width: 1008px) {
.Product__Wrapper {
max-width: calc(100% - 525px);
margin-left: 0;
}
}
@media screen and (min-width: 1240px) {
.Product__Wrapper {
max-width: calc(100% - 550px);
}
.Product--small .Product__Slideshow {
max-width: 400px;
}
.Product--medium .Product__Slideshow {
max-width: 550px;
}
}
@media screen and (min-width: 1500px) {
.Product__Wrapper {
max-width: calc(100% - 500px);
}
}
.Product__Gallery {
position: relative;
margin-bottom: 28px;
padding: 0 0 0 17px;
}
.Product__Slideshow:after {
content: "flickity";
display: none;
}
.Product__SlideItem {
position: relative;
}
.Product__SlideItem .image-alt-text {
position: absolute;
bottom: 2px;
left: 2px;
padding-left: 14px;
padding-bottom: 14px;
}
.Product__SlideItem .image-alt-text .alt-text {
display: inline-flex;
padding: 4px 10px;
align-items: center;
background: #fff9;
}
.Product__SlideItem .image-alt-text .alt-text span {
font-family: NeueHaasUnicaW1G-Regular;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.flexslider .slides li a {
position: relative;
display: inline-block;
}
.flexslider .slides li .image-alt-text {
position: absolute;
top: 0;
left: 0;
padding-left: 11px;
padding-top: 11px;
}
.flexslider .slides li .image-alt-text .alt-text {
display: inline-flex;
padding: 4px 10px;
align-items: center;
background: #fff9;
}
.flexslider .slides li .image-alt-text .alt-text span {
font-family: NeueHaasUnicaW1G-Regular;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.Product__SlideItem--video {
cursor: pointer;
}
.Product__SlideItem--video .Video__PlayButton {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.Product__SlideItem--video .Video__PlayButton svg {
transition: transform 0.2s ease-in-out;
}
.Product__SlideItem--video:hover .Video__PlayButton svg {
transform: scale(1.1);
}
.Product__Video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #171717;
}
.Product__SlideshowNav {
display: none;
}
.Product__Slideshow {
flex: 1;
}
@media screen and (min-width: 641px) {
.Product__Gallery {
margin-bottom: 65px;
}
}
@media screen and (min-width: 1008px) {
.Product__Slideshow {
padding-top: 0;
}
.Product__Slideshow.product_gallery_desktop {
display: flex;
flex-wrap: wrap;
}
.Product__Slideshow.product_gallery_desktop .Carousel__Cell {
width: 50%;
padding: 2px 1.5px;
}
.Product__Slideshow.product_gallery_desktop .Carousel__Cell img {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='17px' viewBox='0 0 100 99' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill: %23452b1a;fill-opacity:1;' d='M 100 38.226562 L 100 60.601562 L 61.207031 60.601562 L 61.207031 98.992188 L 38.636719 98.992188 L 38.636719 60.601562 L 0 60.601562 L 0 38.226562 L 38.636719 38.226562 L 38.636719 0.0078125 L 61.207031 0.0078125 L 61.207031 38.226562 Z M 100 38.226562 '/%3E%3C/g%3E%3C/svg%3E")
17 17,
zoom-in;
}
.Product__Gallery {
margin-left: 50px;
}
.Product__SlideshowNav--dots {
display: block;
}
.Product__SlideItem {
display: block !important;
}
.Product__SlideItem .zoom {
cursor: url(/cdn/shop/files/cursor-zoom-in.svg?v=1764759189)
18 18,
zoom-in;
cursor: -webkit-image-set(url(/cdn/shop/files/cursor-zoom-in.svg?v=1764759189) 1x,url(/cdn/shop/files/cursor-zoom-in-2x.svg?v=1764759340) 2x),zoom-in;
}
.Product__SlideshowNav--dots .Product__SlideshowNavScroller {
position: -webkit-sticky;
position: sticky;
top: 50%;
transform: translateY(-50%);
}
@supports (--css: variables) {
.Product__SlideshowNav--dots .Product__SlideshowNavScroller {
top: calc(50% + (var(--header-height) / 2));
}
}
.Product__SlideshowNavDot {
display: block;
height: 10px;
width: 10px;
border-radius: 100%;
border: 2px solid #e4dfde;
background: transparent;
transition: all 0.2s ease-in-out;
}
.Product__SlideshowNavDot:not(:last-child) {
margin-bottom: 12px;
}
.Product__SlideshowNavDot.is-selected {
border-color: #171717;
background: #171717;
}
.Product__SlideshowNavImage {
display: block;
border: 1px solid transparent;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.Product__SlideshowNavImage:not(:last-child) {
margin-bottom: 18px;
}
.Product__SlideshowNavImage.is-selected {
border-color: #171717;
}
.Product__SlideshowNavPlay {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
-webkit-filter: drop-shadow(0 2px 2px rgba(23, 23, 23, 1, 0.2));
filter: drop-shadow(0 2px 2px rgba(23, 23, 23, 1, 0.2));
}
.Product__SlideshowNavPlay svg {
width: 30px;
height: 30px;
transition: transform 0.2s ease-in-out;
}
.Product__SlideshowNavImage--video:hover svg {
transform: scale(1.1);
}
.Product__Gallery--stack .Product__SlideshowNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 1;
}
.Product__Gallery--stack .Product__SlideshowNav--dots {
left: -30px;
}
.Product__Gallery--stack .Product__Slideshow:after {
content: "";
}
.Product__Gallery--stack .Product__Slideshow .Image--fadeIn {
transform: translateY(50px);
opacity: 0;
transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.Product__Gallery--stack
.Product__Slideshow
.Image--lazyLoaded.Image--fadeIn {
transform: translateY(0);
opacity: 1;
}
.Product__Gallery--stack .Product__SlideItem--video .Video__PlayButton {
transform: translate(-50%, calc(-50% + 50px));
opacity: 0;
transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),
opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.Product__Gallery--stack
.Product__SlideItem--video
.Image--lazyLoaded
~ .Video__PlayButton {
transform: translate(-50%, -50%);
opacity: 1;
}
.Product__Gallery--stack .Product__SlideItem {
margin-bottom: 30px;
}
.Product__Gallery--stack .Product__SlideItem:last-child {
margin-bottom: 0;
}
.Product__Gallery--stack .Product__SlideshowNav--thumbnails {
position: -webkit-sticky;
position: sticky;
padding: 50px 0;
top: 80px;
margin-bottom: -50px;
width: 70px;
}
@supports (--css: variables) {
.Product__Gallery--stack .Product__SlideshowNav--thumbnails {
top: var(--header-height);
}
}
}
@media screen and (min-width: 1008px) and (max-width: 1007px) {
.Product__SlideItem .zoomImg {
width: 1024px;
height: 1024px;
}
}
@media screen and (min-width: 1240px) {
.Product__Gallery {
margin-bottom: 80px;
}
.Product__Slideshow {
margin-left: auto;
margin-right: auto;
}
.Product__Gallery--withThumbnails .Product__SlideshowNav--dots {
display: none;
}
.Product__Gallery--withThumbnails .Product__SlideshowNav--thumbnails {
display: block;
}
.Product__Gallery--stack.Product__Gallery--withThumbnails {
display: flex;
}
.Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow,
.Product__Gallery--stack.Product__Gallery--withThumbnails
.Product__SlideshowNav {
flex: 1 0 auto;
}
.Product__Gallery--stack.Product__Gallery--withThumbnails
.Product__SlideshowNav {
flex-grow: 0;
}
.Product__Gallery--stack.Product__Gallery--withThumbnails
.Product__Slideshow {
padding-left: 50px;
}
.Product__Gallery:not(
.Product__Gallery--stack
).Product__Gallery--withThumbnails
.Product__SlideshowNav {
margin: 10px -10px -10px;
text-align: center;
}
.Product__Gallery:not(
.Product__Gallery--stack
).Product__Gallery--withThumbnails
.Product__SlideshowNavImage {
display: inline-block;
width: 70px;
margin: 10px;
vertical-align: middle;
}
.Product__Gallery:not(
.Product__Gallery--stack
).Product__Gallery--withThumbnails
.flickity-page-dots {
display: none;
}
}
.Product__Info,
.Product__Aside {
margin: 0 auto;
}
.Product__Info {
max-width: 500px;
}
@media screen and (max-width: 640px) {
.Product__Aside {
margin: 0 -24px;
}
}
@media screen and (max-width: 641px) {
.Product__Info--noGallery {
padding-top: 0;
}
}
@media screen and (min-width: 641px) {
.Product__Info .Container {
padding-left: 0;
padding-right: 0;
}
.Product__Aside .Section {
max-width: 630px;
margin: 0 auto;
}
}
.Product__InfoWrapper {
max-height: unset !important;
padding: 0 0 0 17px;
}
.Product__Aside {
min-height: unset !important;
}
@media screen and (min-width: 1008px) {
.shopify-section--bordered .Product {
margin-bottom: 50px !important;
}
.custom-product-section .ProductMeta__Title.Heading.u-h4,
.custom-product-section .Rte h4.ProductMeta__Title.Heading,
.Rte .custom-product-section h4.ProductMeta__Title.Heading {
padding-top: 18px !important;
}
.you-may-like {
padding-top: 10px !important;
}
.Product__InfoWrapper {
position: absolute;
right: 0;
top: 0;
height: auto;
}
.Product__Info {
top: 80px;
right: 0;
width: 443px;
margin-right: 30px;
padding-top: 0;
padding-bottom: 0;
top: 0 !important;
}
@supports (--css: variables) {
.Product__Info {
top: var(--header-height);
}
}
.Product__Aside .SectionHeader {
margin-bottom: 30px;
}
}
@-webkit-keyframes shareItemAnimation {
0% {
transform: translateY(0);
}
25% {
opacity: 0;
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
75% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes shareItemAnimation {
0% {
transform: translateY(0);
}
25% {
opacity: 0;
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
75% {
opacity: 1;
transform: translateY(0);
}
}
.Product__ActionList {
position: absolute;
top: 30px;
right: 25px;
z-index: 1;
visibility: visible;
opacity: 1;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.Product__ActionList.is-hidden {
opacity: 0;
visibility: hidden;
}
.Product__ActionItem {
display: block;
position: relative;
}
.Product__ActionItem + .Product__ActionItem {
margin-top: 15px;
}
.Product__ShareList {
display: block;
position: absolute;
visibility: hidden;
top: 100%;
right: 0;
color: #171717;
}
.Product__ActionItem .Icon--share {
margin-left: -1px;
}
.Product__ShareItem {
display: block;
margin: 15px 0 15px auto;
padding: 7px 15px 7px 17px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: #fff;
border-radius: 25px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
box-shadow: 0 2px 10px #36363626;
transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.Product__ShareItem:active,
.Product__ShareItem:focus {
color: #fff;
background: #171717;
outline: none;
}
.Product__ShareItem:nth-child(2) {
transition-delay: 0.1s;
}
.Product__ShareItem:nth-child(3) {
transition-delay: 0s;
}
.Product__ShareItem svg {
margin-right: 12px;
font-size: 13px;
vertical-align: sub;
transform: translateZ(0);
}
.Product__ShareItem:hover svg {
-webkit-animation: shareItemAnimation 0.5s ease-in-out forwards;
animation: shareItemAnimation 0.5s ease-in-out forwards;
}
.Product__ShareList[aria-hidden="false"] {
visibility: visible;
}
.Product__ShareList[aria-hidden="false"] .Product__ShareItem {
opacity: 1;
transition-delay: 0s;
}
.Product__ShareList[aria-hidden="false"] .Product__ShareItem:nth-child(2) {
transition-delay: 0.1s;
}
.Product__ShareList[aria-hidden="false"] .Product__ShareItem:nth-child(3) {
transition-delay: 0.2s;
}
@media screen and (min-width: 1008px) {
.Product__ActionList {
position: -webkit-sticky;
position: sticky;
float: right;
top: calc(100vh - var(--header-height));
}
.no-supports-sticky .Product__ActionList {
display: none;
}
.Product__ShareList {
top: auto;
bottom: 100%;
}
.Product__ShareItem {
transition-delay: 0s;
}
.Product__ShareItem:nth-child(3) {
transition-delay: 0.2s;
}
.Product__ShareList[aria-hidden="false"] .Product__ShareItem {
transition-delay: 0.2s;
}
.Product__ShareList[aria-hidden="false"] .Product__ShareItem:nth-child(3) {
transition-delay: 0s;
}
}
@media screen and (min-width: 1500px) {
.Product__ActionList {
margin-right: -80px;
}
}
.ProductMeta .ProductMeta__Title {
letter-spacing: -0.075em;
line-height: 20px;
}
@media screen and (max-width: 1007px) {
.ProductMeta .ProductMeta__Title,
.ProductMeta .ProductMeta__PriceList {
letter-spacing: -0.075em;
}
}
.ProductMeta__PriceList span {
text-transform: capitalize;
}
.ProductMeta__ImageWrapper {
display: block;
margin-bottom: 32px;
}
.ProductMeta__Vendor {
margin-bottom: 20px;
}
.ProductMeta__Title {
margin-bottom: 0;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.ProductMeta__PriceList {
margin-top: 8px;
line-height: 21.47px;
}
.ProductMeta__Price.Price--compareAt {
margin-left: 0;
}
.ProductMeta__Description {
margin: 24px 0;
padding-top: 24px;
border-top: 1px solid #e4dfde;
text-align: left;
}
.ProductMeta__ShareButtons {
display: inline-flex;
align-items: center;
margin: 18px 0 10px;
}
.ProductMeta__ShareTitle {
margin-right: 6px;
}
.ProductMeta__ShareList {
font-size: 0;
}
.ProductMeta__ShareItem {
display: inline-block;
margin: 0 7px;
}
.ProductMeta__ShareItem svg {
display: block;
width: 12px;
height: 12px;
opacity: 0.6;
transition: opacity 0.2s ease-in-out;
}
.ProductMeta__ShareItem:hover svg {
opacity: 1;
}
.ProductForm ~ .ProductMeta__Description {
border-top: none;
padding-top: 0;
}
.ProductForm ~ .ProductMeta__Description .ProductMeta__ShareButtons {
margin-bottom: 2px;
}
.Product__QuickNav {
position: relative;
margin-top: 40px;
border-top: 1px solid #e4dfde;
border-bottom: 1px solid #e4dfde;
}
.Product__QuickNav a {
display: block;
padding: 11px 16px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateX(0);
}
.Product__QuickNav a:last-child {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: rotateX(180deg);
}
.Product__QuickNav svg {
position: absolute;
right: 18px;
top: calc(50% - 5px);
height: 10px;
width: 8px;
}
.Product__QuickNavWrapper {
transition: 0.6s;
transform-style: preserve-3d;
}
.Product__QuickNav.is-flipped .Product__QuickNavWrapper {
transform: rotateX(180deg);
}
@media screen and (min-width: 1008px) {
.ProductMeta {
text-align: left;
}
}
.ProductForm {
margin-top: 22px;
}
.ProductForm__Variants {
border-top: 1px solid #1717171a;
}
.ProductForm__Option {
position: relative;
margin-bottom: 10px;
}
.ProductForm__Option--labelled {
margin-bottom: 0;
}
.no-js .ProductForm__Option:not(.no-js) {
display: none;
}
.ProductForm__Item {
position: relative;
width: 100%;
text-align: left;
padding: 10px 28px 10px 14px;
border: 1px solid #e4dfde;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ProductForm__Item .Icon--select-arrow {
position: absolute;
top: calc(50% - 5px);
right: 15px;
width: 10px;
height: 10px;
}
.ProductForm__Label {
display: block;
margin-bottom: 0;
}
.ProductForm__LabelLink {
float: right;
text-decoration: underline;
text-underline-position: under;
}
.ProductForm__SelectedValue {
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 220px;
vertical-align: top;
}
.ProductForm__OptionCount {
float: right;
margin-right: 14px;
}
.ProductForm__Inventory {
margin-top: 8px;
font-style: italic;
}
.ProductForm__Error {
margin-top: 10px;
text-align: center;
}
.ProductForm__AddToCart {
display: flex;
align-items: center;
justify-content: center;
}
.Product__FeatureImageWrapper {
overflow: hidden;
background-size: cover;
}
.Product__FeatureImage {
height: 415px;
background-size: cover;
background-position: center;
}
@media screen and (min-width: 641px) {
.Product__FeatureImage {
height: 500px;
}
}
@media screen and (min-width: 1240px) {
.Product__FeatureImage {
height: 600px;
}
.Product__FeatureImage--small {
height: 500px;
}
.Product__FeatureImage--large {
height: 700px;
}
}
@media screen and (max-width: 640px) {
.Product__Tabs .Collapsible__Content {
padding-top: 6px;
padding-bottom: 28px;
}
}
@media screen and (max-width: 1007px) {
.Product__Tabs .Collapsible {
padding: 0 24px;
}
}
@media screen and (min-width: 1008px) {
.Product__Tabs .Collapsible__Content {
padding: 0 20px;
}
}
@-webkit-keyframes variantSelectorInfoOpeningAnimation {
0% {
transform: translateY(10px);
opacity: 0;
}
50% {
transform: translateY(10px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes variantSelectorInfoOpeningAnimation {
0% {
transform: translateY(10px);
opacity: 0;
}
50% {
transform: translateY(10px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes variantSelectorInfoClosingAnimation {
0% {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-10px);
opacity: 0;
}
}
@keyframes variantSelectorInfoClosingAnimation {
0% {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-10px);
opacity: 0;
}
}
.VariantSelector {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background: #fff;
padding: 24px 0;
z-index: 10;
box-shadow: 0 -2px 10px #36363633;
transform: translateY(100%);
visibility: hidden;
transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1),
visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.VariantSelector[aria-hidden="false"] {
transform: translateY(0);
visibility: visible;
}
.VariantSelector__Item {
padding: 0 10px;
width: 60%;
}
.VariantSelector__Info {
position: relative;
margin: 48px 24px 0;
}
.VariantSelector__ChoiceList {
margin-bottom: 34px;
}
.VariantSelector__Choice {
display: table;
table-layout: fixed;
width: 100%;
-webkit-animation: 0.15s variantSelectorInfoClosingAnimation forwards
ease-in-out;
animation: 0.15s variantSelectorInfoClosingAnimation forwards ease-in-out;
}
.VariantSelector__Choice.is-selected {
-webkit-animation: 0.3s variantSelectorInfoOpeningAnimation forwards
ease-in-out;
animation: 0.3s variantSelectorInfoOpeningAnimation forwards ease-in-out;
}
.VariantSelector__Choice:not(:first-child) {
position: absolute;
top: 0;
left: 0;
}
.VariantSelector__ChoiceColor,
.VariantSelector__ChoicePrice {
display: table-cell;
width: 50%;
text-align: center;
vertical-align: middle;
}
.VariantSelector__ChoiceColor {
border-right: 1px solid #e4dfde;
}
.VariantSelector__ColorSwatch {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 15px;
vertical-align: sub;
background-size: cover;
}
.VariantSelector__ColorSwatch--white {
outline: 1px solid #e4dfde;
}
.VariantSelector__ChoicePrice {
font-size: 10px;
}
@media screen and (max-width: 640px) {
.VariantSelector .flickity-prev-next-button {
display: none;
}
}
@media screen and (min-width: 641px) {
.VariantSelector {
top: 50%;
bottom: auto;
left: 50%;
width: 80%;
padding-bottom: 34px;
max-height: 100%;
max-width: 800px;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out;
overflow: auto;
}
.VariantSelector[aria-hidden="false"] {
transform: translate(-50%, -50%);
opacity: 1;
}
.VariantSelector__Item {
padding: 0 25px;
width: 46%;
}
.VariantSelector .flickity-prev-next-button.next {
top: calc(50% - 45px);
right: 20px;
}
.VariantSelector .flickity-prev-next-button.previous {
top: calc(50% - 45px);
left: 20px;
}
.VariantSelector__Info {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
.VariantSelector__ChoicePrice {
font-size: 12px;
}
}
@media (min-width: 800px) and (max-height: 950px) {
.VariantSelector__ImageWrapper {
max-width: 290px !important;
}
}
.FeaturedProduct__Gallery {
display: block;
margin-bottom: 20px;
}
.FeaturedProduct__ViewWrapper {
margin-top: 34px;
text-align: center;
}
@media screen and (min-width: 641px) {
.FeaturedProduct {
display: flex;
align-items: flex-start;
justify-content: center;
max-width: 880px;
margin: 0 auto;
}
.FeaturedProduct--center {
align-items: center;
}
.FeaturedProduct__Gallery,
.FeaturedProduct__Info {
flex: 1 1 50%;
}
.FeaturedProduct__Gallery {
margin: 0;
}
.FeaturedProduct__Info {
margin-left: 50px;
}
.FeaturedProduct__Info .ProductMeta,
.FeaturedProduct__ViewWrapper {
text-align: left;
}
}
@media screen and (min-width: 1008px) {
.FeaturedProduct__Info {
margin-left: 80px;
}
}
.shopify-payment-button__more-options:hover:not([disabled]) {
text-decoration: none;
}
#shopify-product-reviews {
margin: 18px 0 28px !important;
overflow: visible !important;
}
#shopify-product-reviews .spr-header-title,
#shopify-product-reviews .spr-summary-starrating,
#shopify-product-reviews .spr-summary-caption,
#shopify-product-reviews .spr-review-reportreview,
#shopify-product-reviews .spr-pagination,
#shopify-product-reviews .spr-form-title {
display: none;
}
#shopify-product-reviews .spr-container {
padding: 0;
border: none;
}
#shopify-product-reviews .spr-container,
#shopify-product-reviews .spr-content {
display: flex;
flex-direction: column;
}
#shopify-product-reviews .spr-header,
#shopify-product-reviews .spr-form {
order: 2;
}
#shopify-product-reviews .spr-content,
#shopify-product-reviews .spr-reviews {
order: 1;
}
#shopify-product-reviews .spr-form {
margin: -4px 0 0;
padding: 0;
}
#shopify-product-reviews .spr-icon {
font-size: 9px;
}
#shopify-product-reviews .spr-form-input .spr-icon {
font-size: 13px;
}
#shopify-product-reviews .spr-icon + .spr-icon {
margin-left: 3px;
}
#shopify-product-reviews .spr-icon-star-empty {
opacity: 0.25;
}
#shopify-product-reviews .spr-icon-star-empty:before {
content: "\e800";
}
#shopify-product-reviews .spr-starrating.spr-form-input-error a {
color: inherit;
}
#shopify-product-reviews .spr-reviews {
margin: -6px 0 35px;
}
#shopify-product-reviews .spr-review {
position: relative;
padding: 0 0 30px;
border: none;
margin: 0;
}
#shopify-product-reviews .spr-review + .spr-review {
margin-top: 26px;
}
#shopify-product-reviews .spr-review-header {
position: static;
margin-bottom: 12px;
}
#shopify-product-reviews .spr-review-header-starratings {
margin-bottom: 0;
}
#shopify-product-reviews .spr-review-header-title {
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
font-size: 10px;
letter-spacing: -0.075em;
}
#shopify-product-reviews .spr-review-header-byline {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 0;
font-style: normal;
opacity: 1;
color: #171717;
}
#shopify-product-reviews .spr-review-header-byline strong {
font-weight: 400;
}
#shopify-product-reviews .spr-review-content {
margin-bottom: 0;
}
#shopify-product-reviews .spr-review-reply {
margin: 18px 0 6px;
padding: 0 0 0 14px;
background: none;
border-left: 3px solid #e4dfde;
font-style: italic;
}
#shopify-product-reviews .spr-summary-actions {
display: block;
}
#shopify-product-reviews .spr-review-reply-shop {
float: none;
}
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button-primary:not(input) {
width: 100%;
}
#shopify-product-reviews input.spr-button-primary {
border-color: #171717;
background: #171717;
color: #fff;
width: 100%;
}
#shopify-product-reviews .spr-pagination-prev,
#shopify-product-reviews .spr-pagination-next {
display: block;
position: relative;
margin-bottom: 20px;
}
#shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .spr-pagination-next > a {
width: 100%;
}
#shopify-product-reviews .new-review-form {
margin-top: 20px;
}
#shopify-product-reviews .spr-form-contact-name,
#shopify-product-reviews .spr-form-contact-email,
#shopify-product-reviews .spr-form-contact-location,
#shopify-product-reviews .spr-form-review-title,
#shopify-product-reviews .spr-form-review-rating,
#shopify-product-reviews .spr-form-review-body {
margin-bottom: 15px;
}
@media screen and (min-width: 641px) {
#shopify-product-reviews {
margin: 8px 40px 28px 0 !important;
}
#shopify-product-reviews .spr-review-header-title {
font-size: 11px;
}
#shopify-product-reviews .spr-review-header-byline,
#shopify-product-reviews .spr-review-content-body {
font-size: 13px;
}
#shopify-product-reviews .spr-header {
align-self: flex-start;
width: 100%;
}
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews input.spr-button-primary,
#shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .spr-pagination-next > a {
width: auto;
float: none;
}
#shopify-product-reviews .spr-form-contact-name,
#shopify-product-reviews .spr-form-contact-email,
#shopify-product-reviews .spr-form-contact-location,
#shopify-product-reviews .spr-form-review-title,
#shopify-product-reviews .spr-form-review-rating,
#shopify-product-reviews .spr-form-review-body {
margin-bottom: 25px;
}
#shopify-product-reviews .spr-summary-actions {
display: flex;
}
#shopify-product-reviews .spr-pagination-prev,
#shopify-product-reviews .spr-pagination-next {
margin: 0 20px 0 0;
}
#shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .spr-pagination-next > a {
display: block;
}
}
@media screen and (min-width: 1008px) {
#shopify-product-reviews {
margin-bottom: 4px !important;
}
}
@media screen and (min-width: 1240px) {
#shopify-product-reviews {
margin-right: 100px !important;
}
}
.Search {
display: block;
position: absolute;
top: var(--innerHeight);
width: 100%;
background: #fff;
pointer-events: none;
visibility: hidden;
opacity: 0;
left: 0;
border-top: 1px solid var(--disabled-color);
transform: translateY(-25px);
transition: transform 0.15s ease-in-out 0.15s, opacity 0.15s ease-in-out 0.15s,
visibility 0.15s ease-in-out 0.15s;
z-index: -1;
}
.Search[aria-hidden="false"] {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateY(0);
z-index: 999;
}
.Search__Inner {
padding: 10px 20px;
max-height: calc(100vh - 60px);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@supports (--css: variables) {
.Search__Inner {
max-height: calc(100vh - var(--header-height) + var(--logo-height) - 88px);
}
}
.Search__SearchBar {
display: flex;
align-items: center;
}
.Search__Inner .product-new-grid-items {
position: relative;
}
.Search__Form {
display: flex;
align-items: center;
flex: 1 0 auto;
}
.Search__Form .Icon--search {
width: 15px;
height: 15px;
}
.Search__Form .Icon--search-desktop {
width: 16px;
height: 16px;
}
.Search__InputIconWrapper {
position: relative;
top: -1px;
margin-right: 12px;
color: #171717;
}
.Search__Input {
background: none;
width: 100%;
border: none;
font-size: 14px;
vertical-align: middle;
letter-spacing: -0.075em;
}
.Search__Input::-webkit-input-placeholder {
color: #171717;
}
.Search__Input::-moz-placeholder {
color: #171717;
}
.Search__Input:-ms-input-placeholder {
color: #171717;
}
.Search__Input::-ms-input-placeholder {
color: #171717;
}
.Search__Input::placeholder {
color: #171717;
}
.Search__Input::-ms-clear {
display: none;
}
.Search__Close {
color: #171717;
font-size: 14px;
line-height: 1;
}
.Search__Results {
display: none;
margin-top: 30px;
margin-bottom: 30px;
}
.Search__Results[aria-hidden="false"] {
display: block;
}
@media screen and (max-width: 640px) {
.Search__Results .ProductItem__Wrapper {
display: flex;
align-items: center;
}
.Search__Results .Grid__Cell {
margin-top: 25px;
}
.Search__Results .ProductItem__Info {
margin-top: 0;
text-align: left;
}
}
@media screen and (min-width: 641px) {
.Search__Inner {
padding: 10px 50px;
}
.Search__Inner
.Segment__Content
.product-new-grid-items
.product-info-main_wrapper
.SizeSwatchList {
padding-bottom: 2px;
}
.Search__Input {
font-size: 14px;
letter-spacing: -0.075em;
}
.Search__InputIconWrapper {
margin-right: 20px;
}
.Search__Close {
font-size: 15px;
}
.Search__Close svg {
stroke-width: 1.25px;
}
.Search__Results {
margin-top: 70px;
margin-bottom: 48px;
}
}
@-webkit-keyframes shopTheLookDotKeyframe {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
to {
transform: scale(1);
}
}
@keyframes shopTheLookDotKeyframe {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
to {
transform: scale(1);
}
}
.ShopTheLook {
z-index: 2;
}
.ShopTheLook__Item {
padding: 0 5px;
width: calc(100% - 40px);
transition: opacity 0.3s ease-in-out;
}
.ShopTheLook__Item.is-selected {
z-index: 1;
}
.ShopTheLook__ImageWrapper {
position: relative;
max-width: 100%;
}
.ShopTheLook__Image {
display: block;
height: 100%;
width: 100%;
}
.ShopTheLook__Dot {
position: absolute;
display: block;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
background: #fff;
border-radius: 100%;
box-shadow: 0 1px 10px #17171740;
cursor: pointer;
z-index: 1;
transform: scale(1);
transition: transform 0.25s ease-in-out;
}
.ShopTheLook__Dot:after {
position: absolute;
content: "";
width: 40px;
height: 40px;
left: -12px;
top: -12px;
border-radius: 100%;
background: #fff6;
-webkit-animation: 1.4s shopTheLookDotKeyframe ease-in-out infinite;
animation: 1.4s shopTheLookDotKeyframe ease-in-out infinite;
}
.ShopTheLook__Dot--dark {
background: #171717;
}
.ShopTheLook__Dot--dark:after {
background: #17171766;
}
.ShopTheLook__Dot.is-active,
.supports-hover .ShopTheLook__Dot:hover {
transform: scale(1.5);
}
.ShopTheLook__ProductItem .ProductItem__ImageWrapper {
max-width: 150px;
margin: 0 auto;
}
.ShopTheLook__DiscoverButtonWrapper {
margin: 24px 24px 0;
text-align: center;
}
@media screen and (max-width: 640px) {
.ShopTheLook__ViewButton {
width: 100%;
}
.ShopTheLook__ProductItem--withHiddenInfo .ProductItem__Info {
display: none;
}
.ShopTheLook__ProductItem {
padding: 15px 0;
}
}
@media screen and (max-width: 1007px) {
.ShopTheLook > .flickity-viewport {
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.ShopTheLook:before {
content: "";
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease-in-out;
}
.ShopTheLook.is-zoomed:before {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.ShopTheLook.is-zoomed .ShopTheLook__Item:not(.is-selected) {
opacity: 0;
}
.ShopTheLook__ProductItem {
padding: 30px 0 40px;
}
}
@media screen and (min-width: 641px) {
.ShopTheLook__DiscoverButtonWrapper {
margin-top: 50px;
}
.ShopTheLook__Item {
width: auto;
padding: 0 15px;
}
.ShopTheLook__ProductItem .ProductItem__Wrapper {
max-width: 250px;
margin: 0 auto;
}
}
@media screen and (min-width: 1008px) {
.ShopTheLook {
max-width: 1480px;
margin: 0 auto;
padding: 0 130px;
}
.ShopTheLook__Item {
width: 100%;
padding: 0;
}
.ShopTheLook__Inner {
display: flex;
align-items: center;
justify-content: center;
min-height: 550px;
}
.ShopTheLook__ImageWrapper {
flex: 0 1 auto;
}
.ShopTheLook__Image {
max-height: 100%;
width: auto;
}
.ShopTheLook__ProductList {
flex: none;
width: 270px;
margin: 0 80px;
}
.ShopTheLook__ProductItem .ProductItem__Wrapper {
max-width: none;
}
.ShopTheLook__ProductItem .ProductItem__ImageWrapper {
max-width: 250px;
}
.ShopTheLook__ViewButton {
margin-top: 25px;
}
.ShopTheLook .flickity-prev-next-button {
top: calc(50% - 22.5px);
}
.ShopTheLook .flickity-prev-next-button.next {
right: 40px;
}
.ShopTheLook .flickity-prev-next-button.previous {
left: 40px;
}
}
.SidebarMenu {
height: 100%;
background: #fff;
color: #171717;
}
.SidebarMenu .Heading,
.supports-hover .SidebarMenu .Link--primary:hover {
color: #171717;
}
.SidebarMenu .Collapsible,
.SidebarMenu .Linklist {
border-color: #17171740;
}
.SidebarMenu__Nav .Collapsible:first-child {
border-top: none;
}
.SidebarMenu .Drawer__Main:after {
display: block;
content: "";
}
.SidebarMenu__Nav--secondary {
margin-top: 28px;
}
.SidebarMenu .Drawer__Footer {
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px #17171740 inset;
color: #17171780;
}
.SidebarMenu__CurrencySelector,
.SidebarMenu__Social {
flex: 1 0 auto;
margin: 0;
}
.SidebarMenu__CurrencySelector {
width: max-content !important;
flex: none;
text-align: center;
font-size: 10px;
}
.SidebarMenu__CurrencySelector .Select {
display: inline-block;
}
@supports (display: grid) {
.SidebarMenu__Social {
display: grid;
grid-template-columns: repeat(auto-fit, 34px);
justify-content: space-evenly;
text-align: center;
}
}
.SidebarMenu__CurrencySelector + .SidebarMenu__Social {
border-left: 1px solid rgba(23, 23, 23, 1, 0.25);
}
.SidebarMenu .Drawer__Content:before,
.SidebarMenu .Drawer__Footer:before {
position: absolute;
content: "";
width: 100%;
pointer-events: none;
z-index: 1;
}
.SidebarMenu .Drawer__Footer:before {
position: relative;
width: 0;
}
.SidebarMenu .Drawer__Content:before {
top: 0;
height: 25px;
background-image: linear-gradient(#fff, #fff9 40%, #fff0);
}
.SidebarMenu .Drawer__Footer:before {
bottom: 50%;
background-image: linear-gradient(#fff0, #fff9 40%, #fff);
}
@media screen and (min-width: 1008px) {
.SidebarMenu .Drawer__Content:before {
height: 40px;
}
.SidebarMenu .Drawer__Main:after {
height: 60px;
}
}
.shopify-section--slideshow {
position: relative;
}
.Slideshow--fullscreen {
height: 100vh;
}
@supports (--css: variables) {
.js .Slideshow--fullscreen {
height: calc(
var(--window-height) -
(var(--header-height) * var(--header-is-not-transparent, 0)) -
var(--announcement-bar-height, 0px)
);
}
}
.js .Slideshow__Carousel .Slideshow__Slide {
transition: none;
}
.js .Slideshow__Carousel .Slideshow__Slide.is-selected {
visibility: hidden;
}
.Slideshow__ImageContainer {
height: 100%;
}
.Slideshow--fullscreen .Slideshow__Image {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
font-family: "object-fit: cover; object-position: center;";
}
.Slideshow__Image {
z-index: 0;
}
@supports (-o-object-fit: cover) or (object-fit: cover) {
.js .Slideshow__Image {
opacity: 0;
}
}
.Slideshow__Content {
position: absolute;
padding: 0 24px;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.Slideshow__Content--middleLeft,
.Slideshow__Content--bottomLeft {
text-align: left;
}
.Slideshow__Content--middleLeft .ButtonGroup,
.Slideshow__Content--bottomLeft .ButtonGroup {
justify-content: flex-start;
}
.Slideshow__Content--middleRight,
.Slideshow__Content--bottomRight {
text-align: right;
}
.Slideshow__Content--middleRight .ButtonGroup,
.Slideshow__Content--bottomRight .ButtonGroup {
justify-content: flex-end;
}
.Slideshow__Content--bottomLeft,
.Slideshow__Content--bottomCenter,
.Slideshow__Content--bottomRight {
top: auto;
bottom: 70px;
left: 0;
transform: none;
}
.js .Slideshow__Content .SectionHeader {
opacity: 0;
}
.Slideshow__ScrollButton {
position: absolute;
left: calc(50% - 25px);
bottom: -25px;
}
.Slideshow__Carousel--withScrollButton {
margin-bottom: 25px;
}
.Slideshow--fullscreen .Slideshow__ScrollButton {
bottom: 10px;
}
.Slideshow--fullscreen .Slideshow__Carousel--withScrollButton {
max-height: calc(100% - 35px);
margin-bottom: 0;
}
@media screen and (min-width: 1008px) {
.Slideshow__Content {
padding: 0 70px;
}
}
@-webkit-keyframes testimonialOpening {
0% {
visibility: hidden;
opacity: 0;
transform: translateY(15px);
}
to {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
}
@keyframes testimonialOpening {
0% {
visibility: hidden;
opacity: 0;
transform: translateY(15px);
}
to {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes testimonialClosing {
0% {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
to {
visibility: visible;
opacity: 0;
transform: translateY(-15px);
}
}
@keyframes testimonialClosing {
0% {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
to {
visibility: visible;
opacity: 0;
transform: translateY(-15px);
}
}
.Testimonial {
text-align: center;
font-size: 17px;
}
.Testimonial__Logo {
margin-top: 54px;
}
.js .TestimonialList {
opacity: 0;
transition: opacity 0s linear 0.5s;
}
.js .TestimonialList.flickity-enabled {
opacity: 1;
}
.js .TestimonialList .flickity-viewport {
overflow: visible;
}
.js .TestimonialList .flickity-page-dots {
position: relative;
margin-top: 60px;
}
.js .TestimonialList .Testimonial {
opacity: 0;
visibility: hidden;
-webkit-animation: testimonialClosing 0.4s
cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
animation: testimonialClosing 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19)
forwards;
}
.js .TestimonialList .Testimonial.is-selected {
opacity: 0;
visibility: hidden;
-webkit-animation: testimonialOpening 0.4s
cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
animation: testimonialOpening 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s
forwards;
}
@media screen and (max-width: 640px) {
.Testimonial__Logo {
max-width: 110px;
}
}
@media screen and (min-width: 641px) {
.Testimonial {
font-size: 19px;
}
.Testimonial__Content {
max-width: 550px;
margin: 0 auto;
}
.Testimonial__Logo,
.TestimonialNav__Item {
max-width: 150px;
}
}
@media screen and (min-width: 1008px) {
.TestimonialList--withNav .flickity-page-dots {
display: none;
}
.TestimonialNav {
display: flex;
align-items: center;
justify-content: center;
margin-top: 70px;
}
.TestimonialNav__Item {
margin: 0 25px;
cursor: pointer;
opacity: 0.25;
transition: opacity 0.2s ease-in-out;
will-change: opacity;
}
.TestimonialNav__Item.is-selected {
opacity: 1;
}
}
@media screen and (min-width: 1240px) {
.TestimonialNav__Item {
margin: 0 45px;
}
}
.Timeline {
box-shadow: 0 -2px 10px #36363633;
}
.Timeline__ListItem {
position: relative;
height: 540px;
text-shadow: 0 1px rgba(23, 23, 23, 1, 0.5);
}
.Timeline__Item {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: flex-start;
width: 100%;
height: 100%;
opacity: 0;
background: #36363633;
pointer-events: none;
transition: opacity 0.5s ease-in-out;
}
.Timeline__ImageWrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.Timeline__Image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transform: translate(-50px) scale(1.1);
transform-origin: left;
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.Timeline__Inner {
position: relative;
padding: 80px 14px 40px;
max-height: 100%;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.Timeline__Header > * {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.Timeline__Header > .SectionHeader__Description {
transform: translateY(50px);
}
.Timeline__Item.is-selected {
opacity: 1;
pointer-events: auto;
}
.Timeline__Item.is-selected .Timeline__Image {
transform: translate(0) scale(1.1);
}
.Timeline__Item.is-selected .Timeline__Header > * {
opacity: 1;
transition-delay: 0.5s;
transform: translateY(0);
}
@media screen and (max-width: 640px) {
.shopify-section--timeline {
border-top: none !important;
}
.shopify-section--timeline .Section {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.shopify-section--timeline .Container {
padding-left: 0;
padding-right: 0;
}
.Timeline__Header .Heading,
.Timeline__Header .Rte a {
color: inherit;
}
.Timeline__Header .SectionHeader__Description {
margin: 34px 30px 0;
}
}
@media screen and (min-width: 641px) {
.Timeline__ListItem {
max-width: 1230px;
margin: 0 auto;
height: 400px;
text-shadow: none;
}
.Timeline__Item {
align-items: flex-end;
background-color: #fff;
}
.Timeline__ImageWrapper,
.Timeline__Inner {
flex: none;
width: 50%;
}
.Timeline__ImageWrapper {
position: relative;
height: 100%;
}
.Timeline__ImageWrapper:after {
display: none;
}
.Timeline__Image {
transform: translate(-60px) scale(1.1);
}
.Timeline__Inner {
padding: 34px 40px;
color: #171717;
}
.Timeline__Header {
text-align: left;
}
}
@media screen and (min-width: 1008px) {
.Timeline__ListItem {
height: 515px;
}
.Timeline__Inner {
padding: 54px 60px;
}
}
.Timeline__Nav {
position: relative;
font-size: 10px;
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
font-style: normal;
letter-spacing: -0.075em;
color: #171717;
background: #fff;
}
.Timeline__NavWrapper {
display: flex;
justify-content: flex-start;
align-items: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.Timeline__NavWrapper--center {
justify-content: center;
}
.Timeline__NavItem {
position: relative;
padding: 30px 20px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
letter-spacing: inherit;
vertical-align: text-bottom;
transition: all 0.25s ease-in-out;
}
.Timeline__NavItem:after {
position: absolute;
content: "";
bottom: 0;
left: 20px;
height: 3px;
width: calc(100% - 40px - 0.2em);
opacity: 0;
background: #171717;
transform: scaleX(0);
transform-origin: left center;
transition: opacity 0.3s, transform 0.3s;
}
.Timeline__NavItem.is-selected {
font-size: 17px;
color: #171717;
}
.Timeline__NavItem.is-selected:after {
opacity: 1;
transform: scale(1);
}
.Timeline__NavLabel {
display: block;
line-height: 0;
}
@media screen and (min-width: 641px) {
.Timeline {
box-shadow: none;
}
.Timeline__Nav {
margin-top: 40px;
background: none;
font-size: 11px;
}
.Timeline__NavWrapper {
display: block;
text-align: center;
}
.Timeline__NavItem {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (min-width: 1240px) {
.Timeline__Nav {
margin-top: 65px;
}
}
@media screen and (min-width: 1240px) {
.HorizontalList--spacingExtraLoose .HorizontalList__Item {
margin-right: 15px;
margin-left: 15px;
}
}
@media screen and (min-width: 1240px) {
.Header__FlexItem--fill {
padding-top: 50px;
}
}
@media screen and (min-width: 1240px) {
.Footer__Block:first-child {
padding-left: 60px;
}
}
#shopify-section-recommendation-section .SectionHeader {
margin-bottom: 15px;
}
#shopify-section-recommendation-section .SectionHeader .SectionHeader__Heading {
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 15px;
}
#shopify-section-recommendation-section .Grid {
margin: 0;
}
#shopify-section-recommendation-section .Grid__Cell {
padding: 0 4px;
}
@media screen and (max-width: 1007px) {
#shopify-section-recommendation-section .Grid__Cell {
padding: 0 5.5px;
}
}
#shopify-section-recommendation-section .Grid__Cell a .product__title {
opacity: 0;
margin-top: 10px;
text-decoration: underline;
}
#shopify-section-recommendation-section .Grid__Cell a:hover .product__title {
opacity: 1;
}
@media screen and (max-width: 640px) {
#shopify-section-recommendation-section .Grid__Cell .product__title {
font-size: 10px;
}
}
.shopify-section--bordered .Product__Wrapper,
#shopify-section-black-friday-product .Product__Wrapper {
max-width: unset;
}
@media screen and (min-width: 1240px) {
.shopify-section--bordered .Product,
#shopify-section-black-friday-product .Product {
margin-bottom: 40px;
}
}
.shopify-section--bordered .Product__InfoWrapper,
#shopify-section-black-friday-product .Product__InfoWrapper {
position: unset;
}
@media screen and (min-width: 1008px) {
.shopify-section--bordered .Product__Gallery,
#shopify-section-black-friday-product .Product__Gallery {
max-width: calc(100% - 477px);
margin-left: 0;
margin-bottom: 0 !important;
}
.shopify-section--bordered .Product__InfoWrapper,
#shopify-section-black-friday-product .Product__InfoWrapper {
width: auto;
position: sticky;
position: -webkit-sticky;
top: 0;
max-width: 460px;
}
}
@media (min-width: 1008px) and (max-width: 1025px) {
.custom-product-section .ProductForm__AddToCart,
.custom-product-section .shopify-payment-button {
width: 100% !important;
}
}
@media screen and (max-width: 640px) {
h2.ProductItem__Title.Heading {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0;
margin-right: 3px;
}
h2.ProductItem__Title.Heading a {
width: 88%;
height: 15px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
.Header__FlexItem--fill:last-child {
align-items: center !important;
justify-content: flex-end !important;
}
@media only screen and (max-width: 640px) {
.gt_desktop {
display: none !important;
}
}
@media screen and (min-width: 1240px) {
.Header__FlexItem--fill {
padding-top: 0;
}
}
#shopify-section-1603104904759 .carousel-cell,
#shopify-section-gallery-carousel .carousel-cell {
margin-right: 10px;
counter-increment: carousel-cell;
}
#shopify-section-1603104904759 .carousel-cell a,
#shopify-section-gallery-carousel .carousel-cell a {
display: block;
position: relative;
}
#shopify-section-1603104904759 .carousel-cell a:hover:after,
#shopify-section-gallery-carousel .carousel-cell a:hover:after {
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
position: absolute;
}
#shopify-section-1603104904759 .carousel-cell a:hover .button-text,
#shopify-section-gallery-carousel .carousel-cell a:hover .button-text {
display: inline;
}
#shopify-section-1603104904759 .carousel-cell a .button-text,
#shopify-section-gallery-carousel .carousel-cell a .button-text {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid;
padding: 2px 8px;
font-size: 12px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
display: none;
}
.u-h4.SoldOut,
.Rte h4.SoldOut {
font-size: 12px;
font-size: 14px;
text-transform: uppercase;
}
@media screen and (min-width: 641px) {
.u-h4.SoldOut,
.Rte h4.SoldOut {
font-size: 14px;
text-transform: uppercase;
}
}
.CountdownBar {
text-align: center;
padding: 5px 0;
font-weight: 600;
}
.CountdownBar p {
margin-bottom: 0;
}
.CountdownBar p span.center {
display: block;
}
.CountdownBar p span.timer {
padding: 0;
}
.CountdownBar p span.timer .text {
margin-right: 5px;
}
.CountdownBar p span.timer .text:last-child {
margin-right: 0;
}
@media screen and (min-width: 1240px) {
.custom_static_image_home .large--hide {
display: none;
}
}
@media screen and (max-width: 640px) {
.custom_static_image_home .small--hide {
display: none;
}
}
.custom_static_image_home img {
max-width: 100%;
height: auto;
border-style: none;
vertical-align: top;
width: 100%;
}
.custom_static_image_home
.custom_static_image_home_text_sec
.custom_static_image_home_text {
font-weight: 600;
}
@media only screen and (min-width: 769px) {
.custom_featured_collection.Section.Section--spacingNormal.large--hide {
display: none;
}
}
@media only screen and (max-width: 768px) {
.custom_featured_collection.Section.Section--spacingNormal.small--hide {
display: none;
}
}
.custom_featured_collection.ProductItem__Info {
font-size: 0;
}
.ProductList.ProductList--grid.Grid,
#Search,
#shopify-section-collection-template,
.custom_featured_collection {
padding: 0 !important;
margin-bottom: 0 !important;
}
.ProductList.ProductList--grid.Grid .SectionFooter,
#Search .SectionFooter,
#shopify-section-collection-template .SectionFooter,
.custom_featured_collection .SectionFooter {
padding-top: 0;
margin-top: 0;
text-align: center;
position: relative;
}
@media only screen and (min-width: 769px) {
.ProductList.ProductList--grid.Grid .SectionFooter a,
#Search .SectionFooter a,
#shopify-section-collection-template .SectionFooter a,
.custom_featured_collection .SectionFooter a {
font-size: 10px;
position: absolute;
top: -30px;
width: fit-content;
left: 50%;
transform: translate(-50%);
margin: auto;
display: table;
}
}
@media only screen and (max-width: 769px) {
.ProductList.ProductList--grid.Grid .SectionFooter,
#Search .SectionFooter,
#shopify-section-collection-template .SectionFooter,
.custom_featured_collection .SectionFooter {
margin-bottom: 40px;
}
}
.ProductList.ProductList--grid.Grid .SectionHeader.SectionHeader--center,
#Search .SectionHeader.SectionHeader--center,
#shopify-section-collection-template .SectionHeader.SectionHeader--center,
.custom_featured_collection .SectionHeader.SectionHeader--center {
margin-bottom: 40px;
}
.ProductList.ProductList--grid.Grid .ProductItem__PriceList .Price,
#Search .ProductItem__PriceList .Price,
#shopify-section-collection-template .ProductItem__PriceList .Price,
.custom_featured_collection .ProductItem__PriceList .Price {
display: inline-block;
letter-spacing: -0.075em;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #171717;
}
@media screen and (max-width: 641px) {
.ProductList.ProductList--grid.Grid .ProductItem__PriceList .Price,
#Search .ProductItem__PriceList .Price,
#shopify-section-collection-template .ProductItem__PriceList .Price,
.custom_featured_collection .ProductItem__PriceList .Price {
font-size: 11px;
line-height: 13px;
}
}
.ProductList.ProductList--grid.Grid
.ProductItem__Info.ProductItem__Info--center,
#Search .ProductItem__Info.ProductItem__Info--center,
#shopify-section-collection-template
.ProductItem__Info.ProductItem__Info--center,
.custom_featured_collection .ProductItem__Info.ProductItem__Info--center {
text-align: start;
justify-content: center;
align-items: baseline;
}
.ProductList.ProductList--grid.Grid
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Title.Heading,
#Search
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Title.Heading,
#shopify-section-collection-template
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Title.Heading,
.custom_featured_collection
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Title.Heading {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
letter-spacing: -0.075em;
padding-right: 8px;
padding-bottom: 2px;
}
.ProductList.ProductList--grid.Grid
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Vendor,
.ProductList.ProductList--grid.Grid
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Title,
#Search .ProductItem__Info.ProductItem__Info--center .ProductItem__Vendor,
#Search .ProductItem__Info.ProductItem__Info--center .ProductItem__Title,
#shopify-section-collection-template
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Vendor,
#shopify-section-collection-template
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Title,
.custom_featured_collection
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Vendor,
.custom_featured_collection
.ProductItem__Info.ProductItem__Info--center
.ProductItem__Title {
display: block;
margin: 0;
}
.ProductList.ProductList--grid.Grid .ProductItem__Info,
#Search .ProductItem__Info,
#shopify-section-collection-template .ProductItem__Info,
.custom_featured_collection .ProductItem__Info {
margin-top: 5px;
}
.ProductList.ProductList--grid.Grid .ProductItem__Info h2,
.ProductList.ProductList--grid.Grid .ProductItem__Info div,
#Search .ProductItem__Info h2,
#Search .ProductItem__Info div,
#shopify-section-collection-template .ProductItem__Info h2,
#shopify-section-collection-template .ProductItem__Info div,
.custom_featured_collection .ProductItem__Info h2,
.custom_featured_collection .ProductItem__Info div {
font-size: 11px;
line-height: 1;
padding: 0 !important;
}
.ProductList.ProductList--grid.Grid .Button--primary,
.ProductList.ProductList--grid.Grid .shopify-payment-button__button--unbranded,
.ProductList.ProductList--grid.Grid
#shopify-product-reviews
.spr-summary-actions-newreview,
#shopify-product-reviews
.ProductList.ProductList--grid.Grid
.spr-summary-actions-newreview,
.ProductList.ProductList--grid.Grid
#shopify-product-reviews
.spr-button-primary:not(input),
#shopify-product-reviews
.ProductList.ProductList--grid.Grid
.spr-button-primary:not(input),
#Search .Button--primary,
#Search .shopify-payment-button__button--unbranded,
#Search #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews #Search .spr-summary-actions-newreview,
#Search #shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews #Search .spr-button-primary:not(input),
#shopify-section-collection-template .Button--primary,
#shopify-section-collection-template .shopify-payment-button__button--unbranded,
#shopify-section-collection-template
#shopify-product-reviews
.spr-summary-actions-newreview,
#shopify-product-reviews
#shopify-section-collection-template
.spr-summary-actions-newreview,
#shopify-section-collection-template
#shopify-product-reviews
.spr-button-primary:not(input),
#shopify-product-reviews
#shopify-section-collection-template
.spr-button-primary:not(input),
.custom_featured_collection .Button--primary,
.custom_featured_collection .shopify-payment-button__button--unbranded,
.custom_featured_collection
#shopify-product-reviews
.spr-summary-actions-newreview,
#shopify-product-reviews
.custom_featured_collection
.spr-summary-actions-newreview,
.custom_featured_collection
#shopify-product-reviews
.spr-button-primary:not(input),
#shopify-product-reviews
.custom_featured_collection
.spr-button-primary:not(input) {
color: #171717;
background: #fff;
border: 1px solid #171717;
padding: 8px 15px;
width: max-content;
}
@media only screen and (min-width: 768px) {
.ProductList.ProductList--grid.Grid .carousel-width-two,
#Search .carousel-width-two,
#shopify-section-collection-template .carousel-width-two,
.custom_featured_collection .carousel-width-two {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.ProductList.ProductList--grid.Grid .carousel-width-three,
#Search .carousel-width-three,
#shopify-section-collection-template .carousel-width-three,
.custom_featured_collection .carousel-width-three {
width: 33.33%;
}
}
.ProductList.ProductList--grid.Grid .cust_heding_image,
#Search .cust_heding_image,
#shopify-section-collection-template .cust_heding_image,
.custom_featured_collection .cust_heding_image {
width: 100%;
margin: auto;
}
.ProductList.ProductList--grid.Grid .cust_heding_image img,
#Search .cust_heding_image img,
#shopify-section-collection-template .cust_heding_image img,
.custom_featured_collection .cust_heding_image img {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.custom-image-text.large--hide {
display: none;
}
}
@media only screen and (max-width: 768px) {
.custom-image-text.small--hide {
display: none;
}
}
.custom-image-text {
width: 80%;
margin: auto;
}
@media only screen and (min-width: 640px) {
.custom-image-text {
height: 428px;
overflow: hidden;
}
}
@media only screen and (min-width: 640px) {
.custom-image-text .FeatureText--imageRight .AspectRatio {
text-align: right;
height: 428px;
}
}
@media only screen and (min-width: 640px) {
.custom-image-text
.FeatureText--imageRight
.AspectRatio
img.Image--slideRight.lazyautosizes.Image--lazyLoaded {
height: 428px;
object-fit: cover;
}
}
@media only screen and (max-width: 767px) {
.custom-image-text {
width: 100%;
margin: auto;
clear: both;
}
}
.custom-image-text .FeatureText__ContentWrapper {
background: #f5f5f5;
padding-top: 18px;
}
.custom-image-text .SectionHeader__Heading.Heading.u-h1,
.custom-image-text .Rte h1.SectionHeader__Heading.Heading,
.Rte .custom-image-text h1.SectionHeader__Heading.Heading {
line-height: 51px;
margin-bottom: 0;
overflow-wrap: break-word;
}
.custom-image-text .SectionHeader__Description.Rte {
font-size: 14px;
margin-top: 30px;
margin-bottom: 50px;
}
.custom-image-text .Link.Link--underline {
background: #171717;
color: #fff;
padding: 5px 12px;
display: flex;
justify-content: center;
width: max-content;
margin: auto;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.custom-image-text .Link.Link--underline {
width: max-content;
}
}
@media only screen and (min-width: 768px) {
.new_custom_video_image_sec.large--hide {
display: none;
}
}
@media only screen and (max-width: 768px) {
.new_custom_video_image_sec.small--hide {
display: none;
}
}
.new_custom_video_image_sec {
width: 80%;
margin: auto;
}
@media only screen and (max-width: 767px) {
.new_custom_video_image_sec {
width: 100%;
}
}
.new_custom_video_image_sec .custom_video_sec {
display: flex;
align-content: center;
justify-content: center;
}
.new_custom_video_image_sec .custom_video_sec .custo_sec {
width: 100%;
position: relative;
padding: 70px;
cursor: pointer;
text-align: center;
}
@media only screen and (max-width: 767px) {
.new_custom_video_image_sec .custom_video_sec .custo_sec {
padding: 10px;
}
}
@media screen and (max-width: 640px) {
.new_custom_video_image_sec .custom_video_sec .custo_sec {
width: 50%;
position: relative;
margin: 0;
cursor: pointer;
}
}
.new_custom_video_image_sec .custom_video_sec .custo_sec:hover img,
.new_custom_video_image_sec .custom_video_sec .custo_sec:hover video {
opacity: 0.5;
}
.new_custom_video_image_sec .custom_video_sec .custo_sec .text_overlay {
position: absolute;
font-size: 35px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
overflow-wrap: break-word;
display: none;
bottom: 0;
height: max-content;
top: 0;
margin: auto;
left: 0;
right: 0;
min-height: 20px;
max-height: 50px;
}
@media only screen and (max-width: 767px) {
.new_custom_video_image_sec .custom_video_sec .custo_sec .text_overlay {
font-size: 25px;
}
}
.new_custom_video_image_sec .custom_video_sec .custo_sec:hover .text_overlay {
display: block;
}
.new_custom_video_image_sec .custom_video_sec .custo_sec img {
width: 100%;
}
.new_custom_video_image_sec .custom_video_sec .custo_sec video {
height: auto;
width: 100%;
}
@media only screen and (min-width: 769px) {
.new_banner_image_sec.hide_Desktop {
display: none;
}
}
@media only screen and (max-width: 768px) {
.new_banner_image_sec.hide_mobile {
display: none;
}
}
.new_banner_image_sec img {
width: 100%;
}
@media only screen and (min-width: 768px) {
.new_banner_image_sec .new_banner_image_mobile {
display: none;
}
}
@media only screen and (max-width: 767px) {
.new_banner_image_sec .new_banner_image_desk {
display: none;
}
}
@media only screen and (min-width: 769px) {
.custom_static_image_home_img_mobile.large--hide {
display: none;
}
}
@media only screen and (max-width: 769px) {
.custom_static_image_home_img_desktop.small--hide {
display: none;
}
}
.custom_static_image_home_img_mobile.large--hide,
.custom_static_image_home_img_desktop.small--hide {
text-align: center;
}
.custom_static_image_home_img_mobile.large--hide video,
.custom_static_image_home_img_desktop.small--hide video {
max-width: 100%;
}
@media only screen and (min-width: 1025px) {
.custom_sportify_sec.hide_Desktop {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.custom_sportify_sec.hide_mobile {
display: none;
}
}
.custom_sportify_sec .cust_heading_with_image {
display: flex;
justify-content: center;
width: 40%;
align-items: center;
margin-bottom: -30px;
padding-top: 40px;
color: #fff;
}
.custom_sportify_sec .cust_heading_with_image img {
width: 20px;
}
@media only screen and (max-width: 767px) {
.custom_sportify_sec .cust_heading_with_image {
padding-bottom: 20px;
}
}
.custom_sportify_sec .cust_heading_with_image h2 {
font-size: 18px;
margin-left: 10px;
font-weight: 600;
}
.custom_sportify_sec .new_custo_sportify {
display: flex;
justify-content: center;
align-content: center;
padding: 70px;
color: #fff;
}
@media only screen and (max-width: 768px) {
.custom_sportify_sec .new_custo_sportify {
display: block;
padding: 20px;
}
}
.custom_sportify_sec .cust_spority_img_text {
display: flex;
align-items: center;
justify-content: center;
margin-right: 110px;
width: 100%;
}
.custom_sportify_sec .cust_spority_img_text:last-child {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.custom_sportify_sec .cust_spority_img_text {
margin-top: 20px;
}
}
.custom_sportify_sec .cust_spority_img_text .sportify_img {
width: 50%;
text-align: right;
}
.custom_sportify_sec .cust_spority_img_text .sportify_img img {
width: 200px;
}
.custom_sportify_sec .cust_spority_img_text .sportify_text {
margin-left: 30px;
width: 50%;
}
.custom_sportify_sec .cust_spority_img_text .sportify_text a {
background: #1fba54;
padding: 2px;
border-radius: 25px;
display: flex;
justify-content: center;
align-content: center;
width: 70px;
}
.custom_sportify_sec .cust_spority_img_text .sportify_text h4 {
margin: 0 0 12px;
font-weight: 600;
width: max-content;
}
.custom_sportify_sec .cust_spority_img_text .sportify_text p {
color: #b5b5b5;
margin: 0 0 16px;
}
.custom_sportify_sec .cust_spority_img_text .sportify_text a:hover {
background: #23d660;
}
.new_custom_mobile_image_block .mobile_custom_image {
text-align: center;
}
.new_custom_mobile_image_block
.mobile_custom_image
.mobile_image_block.first_image {
width: 100%;
float: left;
text-align: center;
position: relative;
}
.new_custom_mobile_image_block
.mobile_custom_image
.mobile_image_block.first_image
img {
height: auto;
}
.new_custom_mobile_image_block
.mobile_custom_image
.mobile_image_block.first_image
h4 {
position: absolute;
top: 50%;
left: 20%;
right: 20%;
color: #fff;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.new_custom_mobile_image_block .mobile_custom_image .mobile_image_block h4 {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.new_custom_mobile_image_block .mobile_custom_image .mobile_image_block {
width: 50%;
float: left;
}
.new_custom_mobile_image_block .mobile_custom_image img {
width: 100%;
height: 200px;
object-fit: cover;
}
@-webkit-keyframes marquee {
0% {
text-indent: 260px;
}
to {
text-indent: -260px;
}
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeoutAnimation {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.marque {
line-height: 2;
}
.marque sup {
font-weight: 400;
}
@keyframes marqueee {
0% {
transform: translate(100%);
}
to {
transform: translate(-100%);
}
}
.custom_handle_block {
visibility: hidden;
transition: all 0.2s ease-in-out;
margin: auto;
position: absolute;
background: #fff;
right: 0;
left: 0;
top: calc(100% + 1px);
width: 100%;
opacity: 0;
overflow: hidden;
height: 0;
}
.custom_handle_block .custom_menu_new {
position: relative;
}
.custom_handle_block .custo_mega_menu {
float: left;
width: 25%;
padding: 5px 5px 20px;
text-align: center;
}
.custom_handle_block .custo_mega_menu .mega_menu_image {
width: 100%;
padding-bottom: 0;
}
.custom_handle_block .custo_mega_menu .mega_menu_cust {
font-weight: 400;
letter-spacing: -0.075em;
color: #171717;
}
.five-blocks--parent_mega_menu_block {
margin-top: 10px !important;
}
.custom_desktop_menu .disable_mega_menu.custom_handle_block {
display: none !important;
}
.custom_desktop_menu .Heading.u-h6,
.custom_desktop_menu .Rte h6.Heading,
.Rte .custom_desktop_menu h6.Heading {
letter-spacing: -0.075em;
}
.custom_desktop_menu .custom_handle_block.mega_menu_show {
height: auto;
visibility: visible;
overflow: hidden;
z-index: 2;
transition: all 0.5s ease-in-out;
opacity: 1;
border-bottom: 1px solid #171717;
}
.custom_desktop_menu .custo_mega_menu_view_all {
position: absolute;
top: 0;
bottom: 0;
height: max-content;
left: 100px;
margin: auto;
}
.custom_desktop_menu .custo_mega_menu_view_all .btn {
background: #fff;
color: #171717;
border: 1px solid;
}
.custom_desktop_menu .parent_mega_menu_block {
width: 60%;
margin: auto;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.custom_logo_header.logo_mega_menu_close {
display: none;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.custom_logo_header.logo_for_megamenu {
display: block;
}
.Header .custom_logo_header.logo_mega_menu_close {
display: block;
}
.Header .custom_logo_header.logo_for_megamenu {
display: none;
}
.-menu-close span svg g path,
.-menu-open span svg g path {
stroke: #171717;
}
.Header .Header__Icon span svg g path {
stroke: #171717;
}
@media only screen and (max-width: 768px) {
.custom_featured_collection .ProductItem__Info {
font-size: 0 !important;
}
.custom_logo_header svg {
fill: #171717 !important;
}
}
.nohomeheader .custom_logo_header svg {
fill: #171717 !important;
}
.Header--transparent .custom_logo_header svg {
fill: #171717;
}
.custom_logo_header svg,
.no-scroll .Header--transparent .custom_logo_header svg {
fill: #171717;
}
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.custom_logo_header
svg,
.Header:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.no-scroll
.Header--transparent
.custom_logo_header
svg {
fill: #171717;
}
#sidebar-menu {
width: 100%;
}
#sidebar-menu .Drawer__Main {
padding-bottom: 75px;
}
#sidebar-menu .Collapsible {
border: unset;
border-top-color: unset;
border-top-style: unset;
border-top-width: unset;
border-right-color: unset;
border-bottom-color: unset;
border-left-color: unset;
}
#sidebar-menu .Drawer__Close {
position: absolute;
margin-left: 0;
left: 10%;
top: auto;
margin-bottom: 5px;
line-height: 0;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
stroke: #171717;
}
#sidebar-menu .Collapsible__Button {
display: block;
position: relative;
width: 100%;
padding: 8.5px 0;
text-align: left;
cursor: pointer;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
letter-spacing: -0.075em;
}
#sidebar-menu .gt_mobile a.glink {
text-decoration: none;
font-size: 14px;
}
#sidebar-menu .Drawer__Container {
padding-top: 38px;
padding-bottom: 24px;
}
#shopify-section-header .desktop_icon_header {
display: flex;
align-items: center;
justify-content: center;
}
#shopify-section-header .desktop_icon_header .Header__CartDot.is-visible {
display: flex;
align-items: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
max-height: fit-content;
margin-block: auto;
}
@media screen and (max-width: 1239px) {
#shopify-section-header .desktop_icon_header .Header__CartDot.is-visible {
font-size: 8px;
line-height: 12px;
letter-spacing: -0.6px;
gap: 0;
}
}
#shopify-section-header
.desktop_icon_header
.custom_font_size_icon.hover-animation:after {
background-color: #171717;
height: 1px;
bottom: -1px;
}
#shopify-section-header .desktop_icon_header .custom_font_size_icon {
font-size: 12px !important;
letter-spacing: -0.075em;
}
#shopify-section-header .desktop_icon_header .custom_font_size_icon:hover {
color: #171717 !important;
}
#shopify-section-header
.desktop_icon_header
.custom_font_size_icon
span
svg
.cls-1 {
stroke: #171717;
}
#shopify-section-header
.desktop_icon_header
.custom_font_size_icon
.Header__Icon.Icon-Wrapper.Icon-Wrapper--clickable {
margin-left: 30px;
}
#shopify-section-header
.desktop_icon_header
.custom_font_size_icon
.Header__CartDot {
gap: 1px;
display: flex;
align-items: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
max-height: fit-content;
margin-block: auto;
}
@media only screen and (max-width: 1239px) {
#shopify-section-header
.desktop_icon_header
.custom_font_size_icon
.Header__CartDot {
gap: 0.5px;
}
}
@media only screen and (max-width: 768px) {
#shopify-section-header
.desktop_icon_header
.custom_font_size_icon
.Header__CartDot {
font-weight: 400;
font-size: 8px;
line-height: 12px;
letter-spacing: -0.6px;
margin: 0;
}
}
#shopify-section-header .desktop_icon_header .glink.nturl.notranslate {
font-size: 12px !important;
transition: unset !important;
line-height: 1;
}
#shopify-section-header .desktop_icon_header .glink.nturl.notranslate:hover {
color: #9e9c9c;
}
#shopify-section-header .desktop_icon_header .custom_menu_new {
margin-right: 30px;
}
#shopify-section-header .desktop_icon_header .custom_menu_new a {
font-size: 12px !important;
letter-spacing: -0.075em;
}
#shopify-section-header .desktop_icon_header .custom_menu_new a:hover {
color: #9e9c9c;
}
@media only screen and (max-width: 768px) {
#shopify-section-header .desktop_icon_header .custom_menu_new {
display: none;
}
}
#shopify-section-header .desktop_icon_header .gt_desktop.help-menu {
margin-right: 32px;
}
#shopify-section-header .desktop_icon_header .Select.Select--transparent {
display: flex;
align-items: center;
justify-content: center;
}
#shopify-section-header .desktop_icon_header .Select.Select--transparent:hover {
color: #9e9c9c;
}
#shopify-section-header .desktop_icon_header .Select.Select--transparent span {
font-size: 12px;
margin: 1px;
}
#shopify-section-header
.desktop_icon_header
.Select.Select--transparent
.custom_font_size_icon.CurrencySelector__Select.u-h8 {
padding-right: 0;
position: relative;
z-index: 2;
}
#shopify-section-header
.desktop_icon_header
.Select.Select--transparent
.custom_change_currency {
font-size: 12px;
letter-spacing: -0.075em;
cursor: pointer;
position: absolute;
right: 0;
}
#shopify-section-header .desktop_icon_header .Header__Icon {
margin: 0;
}
#shopify-section-header .desktop_icon_header .Header__Icon:not(:last-child) {
margin-right: 26px;
}
@media screen and (max-width: 1239px) {
#shopify-section-header .desktop_icon_header .Header__Icon:not(:last-child) {
margin-right: 14px;
}
}
#shopify-section-header .Header--withIcons .Header__SecondaryNav {
position: relative;
top: 0;
margin-right: 26px;
}
@media screen and (max-width: 640px) {
#shopify-section-header .desktop_icon_header .Header__Icon:not(:last-child) {
margin-right: 14px;
}
}
.custom_logo_header svg .cls-1 {
fill: #492a23;
stroke: none !important;
}
#sidebar-menu .SidebarMenu__CurrencySelector .Select {
display: flex;
justify-content: space-between;
align-items: center;
}
#sidebar-menu .Drawer__Footer {
box-shadow: unset !important;
color: #171717;
justify-content: flex-start;
}
#sidebar-menu .Drawer__Footer .SidebarMenu__CurrencySelector {
width: 120px;
flex: none;
text-align: center;
font-size: 11px;
}
#sidebar-menu .gt_mobile {
padding-left: 0 !important;
}
#sidebar-menu .gt_mobile span {
font-size: 14px;
padding: 2px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
#sidebar-menu .Select--transparent svg {
top: calc(50% - 3px);
right: 0;
height: 6px;
opacity: 0;
}
#sidebar-menu .Select--transparent select {
padding-right: 0;
background: transparent;
border: none;
font-family: Neue Haas Unica, Helvetica Neue, Arial, Lucida Grande, sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: -0.075em;
font-size: 13px;
line-height: 16px;
}
.desktop_hide_new {
background: #fff;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
overflow-x: auto;
text-align: center;
overflow-y: hidden;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
border-bottom: 1px solid #171717;
}
.desktop_hide_new .HorizontalList__Item {
display: inline-block;
margin: 7px 8px;
padding: 0 15px;
line-height: 1.4;
background: #fff;
}
.desktop_hide_new ul {
display: flex;
table-layout: fixed;
justify-content: space-between;
margin: 0 -10px;
}
.PageLayout__Section.PageLayout__Section--secondary {
display: none;
}
@media only screen and (min-width: 769px) {
.Price--highlight {
font-size: 14px;
color: #171717;
}
.Product__InfoWrapper .Price--highlight {
color: #171717;
}
}
@media only screen and (max-width: 768px) {
.Price--highlight {
font-size: 16px;
color: #171717;
}
.Product__InfoWrapper .Price--highlight {
color: #171717;
}
}
button#SI_trigger {
padding: 15px;
background: #171717;
width: calc(100% - 16px);
color: #fff;
margin-top: 16px !important;
}
div#SI_trigger_wrapper {
margin: 20px 0 0 !important;
}
.Product__Tabs {
margin-top: 27px;
}
.flickity-page-dots .dot {
width: 7px;
height: 7px;
margin: 0 8px;
border-width: 0px;
background: #c5c5c5;
}
svg.Icon.Icon--close {
height: 12px !important;
width: 12px !important;
}
.Search__Results span.Heading.Text--subdued.u-h7,
.Search__Results a.Heading.Link.Link--secondary.u-h7 {
letter-spacing: -0.075em;
font-size: 14px;
}
.shopify-payment-button__button {
letter-spacing: -0.075em;
}
#sidebar-cart span.Drawer__Title.Heading.u-h4 {
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-Regular;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: 15px;
}
#sidebar-cart h2.CartItem__Title.Heading {
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-Regular;
}
#sidebar-cart a.CartItem__Remove.Link.Link--underline.Link--underlineShort {
letter-spacing: -0.075em;
}
#sidebar-cart .Cart__Checkout {
display: flex;
align-items: center;
justify-content: center;
margin-top: 7px;
letter-spacing: -0.075em;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
@media screen and (max-width: 641px) {
#sidebar-cart .Cart__Checkout {
margin-top: 10px;
}
}
#sidebar-cart .CartItem__Meta.Heading.Text--subdued {
letter-spacing: -0.075em;
}
@media (min-width: 1024px) and (max-width: 99999px) {
#sidebar-cart .custom_cart_item_price {
font-size: 14px;
}
#sidebar-cart .Cart__Checkout {
font-size: 12px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
#sidebar-cart .custom_cart_item_price {
font-size: 14px;
}
#sidebar-cart .Cart__Checkout {
font-size: 12px;
}
}
@media (min-width: 0px) and (max-width: 768px) {
#sidebar-cart .custom_cart_item_price {
font-size: 14px;
}
#sidebar-cart .Cart__Checkout {
font-size: 12px;
}
}
@media (min-width: 0px) and (max-width: 768px) {
.Product__Gallery {
display: none;
}
}
@media (min-width: 769px) and (max-width: 9999px) {
.flexslider {
display: none;
}
}
.jlzTty {
width: 40px !important;
height: 40px !important;
}
.sc-1s18q3d-0.rk72bh-0.epcQsT {
display: none !important;
}
.Cart__Checkout.Button--primary:hover:before,
.Cart__Checkout.shopify-payment-button__button--unbranded:hover:before,
#shopify-product-reviews
.Cart__Checkout.spr-summary-actions-newreview:hover:before,
#shopify-product-reviews
.Cart__Checkout.spr-button-primary:not(input):hover:before {
background-color: unset !important;
transition: none !important;
}
#sidebar-cart .Button--primary:before,
#sidebar-cart .shopify-payment-button__button--unbranded:before,
#sidebar-cart #shopify-product-reviews .spr-summary-actions-newreview:before,
#shopify-product-reviews #sidebar-cart .spr-summary-actions-newreview:before,
#sidebar-cart #shopify-product-reviews .spr-button-primary:not(input):before,
#shopify-product-reviews #sidebar-cart .spr-button-primary:not(input):before,
button.footeremailbutton.Form__Submit.Button.Button--primary:before,
button.footeremailbutton.Form__Submit.shopify-payment-button__button--unbranded:before,
#shopify-product-reviews
button.footeremailbutton.Form__Submit.spr-summary-actions-newreview:before,
#shopify-product-reviews
button.footeremailbutton.Form__Submit.spr-button-primary:not(input):before {
background-color: unset !important;
transition: none !important;
}
.shopify-section a.Button--primary:hover,
.shopify-section a.shopify-payment-button__button--unbranded:hover,
.shopify-section #shopify-product-reviews a.spr-summary-actions-newreview:hover,
#shopify-product-reviews .shopify-section a.spr-summary-actions-newreview:hover,
.shopify-section #shopify-product-reviews a.spr-button-primary:hover:not(input),
#shopify-product-reviews .shopify-section a.spr-button-primary:hover:not(input),
.custo_mega_menu_view_all a.btn:hover {
background-color: #171717 !important;
color: #fff !important;
transition: none !important;
}
button[disabled]:hover {
background-color: #fff !important;
color: #171717 !important;
}
.custom-image-text a:hover {
padding: 4px 11px !important;
}
#sidebar-cart button.Cart__Checkout.Button.Button--primary.Button--full,
#sidebar-cart
button.Cart__Checkout.Button--full.shopify-payment-button__button--unbranded,
#sidebar-cart
#shopify-product-reviews
button.Cart__Checkout.Button--full.spr-summary-actions-newreview,
#shopify-product-reviews
#sidebar-cart
button.Cart__Checkout.Button--full.spr-summary-actions-newreview,
#sidebar-cart
#shopify-product-reviews
button.Cart__Checkout.Button--full.spr-button-primary:not(input),
#shopify-product-reviews
#sidebar-cart
button.Cart__Checkout.Button--full.spr-button-primary:not(input) {
background-color: #171717;
transition: none !important;
padding: 9px 0;
color: #fff;
line-height: 15px;
}
.Footer__Inner .HorizontalList__Item {
display: inline-block;
margin: 2px 8px;
position: relative;
}
.custom-image-text a:hover,
.Cart__Checkout:hover,
#sidebar-cart .Button--primary:hover,
#sidebar-cart .shopify-payment-button__button--unbranded:hover,
#sidebar-cart #shopify-product-reviews .spr-summary-actions-newreview:hover,
#shopify-product-reviews #sidebar-cart .spr-summary-actions-newreview:hover,
#sidebar-cart #shopify-product-reviews .spr-button-primary:hover:not(input),
#shopify-product-reviews #sidebar-cart .spr-button-primary:hover:not(input) {
background-color: #fff !important;
border: 1px solid #171717 !important;
color: #171717 !important;
transition: none !important;
}
#footer-newsletter .Button--primary:hover,
#footer-newsletter .shopify-payment-button__button--unbranded:hover,
#footer-newsletter
#shopify-product-reviews
.spr-summary-actions-newreview:hover,
#shopify-product-reviews
#footer-newsletter
.spr-summary-actions-newreview:hover,
#footer-newsletter
#shopify-product-reviews
.spr-button-primary:hover:not(input),
#shopify-product-reviews
#footer-newsletter
.spr-button-primary:hover:not(input) {
background-color: #fff;
color: #171717;
transition: none !important;
}
#sidebar-cart.Button--primary span:hover,
#sidebar-cart.shopify-payment-button__button--unbranded span:hover,
#shopify-product-reviews #sidebar-cart.spr-summary-actions-newreview span:hover,
#shopify-product-reviews
#sidebar-cart.spr-button-primary:not(input)
span:hover {
color: #171717 !important;
transition: none !important;
}
.shopify-payment-button__button {
font-size: 10px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
body #sidebar-cart .CartItem__Title.shipping-text {
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-weight: 400;
font-size: 10px !important;
line-height: 12px;
color: #171717;
opacity: 0.5;
padding-top: 6px;
padding-bottom: 12px;
text-align: center;
}
@media screen and (max-width: 641px) {
body #sidebar-cart .CartItem__Title.shipping-text {
padding-bottom: 27px;
}
}
#sidebar-cart .CartItem__Title.subtotal_with_amount {
text-align: right;
}
#sidebar-cart .CartItem__Title.subtotal_with_amount span {
margin-left: 40px;
}
#sidebar-cart .Drawer__Footer {
box-shadow: none;
position: fixed;
bottom: 0;
width: 100%;
height: fit-content;
background: #fff;
display: inline;
}
#sidebar-cart .Drawer__Footer .shadow_space {
padding: 17px 6px 0 9px;
box-shadow: 0 -1px #d9d9d9;
}
@media screen and (max-width: 641px) {
#sidebar-cart .Drawer__Footer .shadow_space {
padding: 20px 7px 0 8px;
}
}
#sidebar-cart .Drawer__Main {
flex: 0 1 auto;
}
#sidebar-cart .Drawer__Title.Heading.u-h4,
#sidebar-cart .Rte h4.Drawer__Title.Heading,
.Rte #sidebar-cart h4.Drawer__Title.Heading {
font-size: 16px !important;
}
#sidebar-cart .Cart__ShippingNotice,
#sidebar-cart .CartItem__Title.Heading {
font-size: 14px !important;
}
#sidebar-cart .CartItem__Variant {
font-size: 12px !important;
line-height: 13px;
}
#sidebar-cart .CartItem__Price.Price {
font-size: 14px !important;
line-height: 13px;
}
#sidebar-cart .CartItem__Remove {
font-size: 12px !important;
line-height: 14px;
}
#sidebar-cart .CartItem__Title.subtotal_with_amount {
font-size: 12px !important;
line-height: 12px;
}
#sidebar-cart .Cart__Checkout {
font-size: 14px !important;
}
@media screen and (max-width: 768px) {
#sidebar-cart .Drawer__Title.Heading.u-h4,
#sidebar-cart .Rte h4.Drawer__Title.Heading,
.Rte #sidebar-cart h4.Drawer__Title.Heading {
font-size: 16px !important;
}
#sidebar-cart .Cart__ShippingNotice {
font-size: 12px !important;
}
#sidebar-cart .CartItem__Title.Heading {
font-size: 14px !important;
}
#sidebar-cart .CartItem__Variant {
font-size: 12px !important;
}
#sidebar-cart .CartItem__Price.Price {
font-size: 14px !important;
}
#sidebar-cart .CartItem__Remove {
font-size: 10px !important;
line-height: 12px;
}
#sidebar-cart .CartItem__Title.subtotal_with_amount {
font-size: 12px !important;
line-height: 10px;
}
#sidebar-cart .Cart__Checkout {
font-size: 14px !important;
}
}
#sidebar-cart .QuantitySelector {
border: none;
}
#sidebar-cart .CartItem__Title {
font-weight: initial;
}
.Collapsible.show_dot {
padding-right: 10px;
max-width: fit-content;
}
.Collapsible,
.Collapsible a.Heading.u-h6,
.Collapsible__Inner
.Collapsible
.Collapsible__Button.Heading.Text--subdued.Link.Link--primary.u-h7,
.Collapsible .Collapsible__Button.Heading.u-h6 .title,
.Collapsible .Rte h6.Collapsible__Button.Heading .title,
.Rte .Collapsible h6.Collapsible__Button.Heading .title,
.mega-menu__li .show_dot_heading {
position: relative;
}
.mega-menu__li .show_dot_heading > .dot,
.Collapsible a.Heading.u-h6 > .dot,
.Collapsible .Collapsible__Button.Heading.u-h6 .title > .dot,
.Collapsible .Rte h6.Collapsible__Button.Heading .title > .dot,
.Rte .Collapsible h6.Collapsible__Button.Heading .title > .dot,
.custom_menu_new a.Heading.u-h6 > .dot,
.Drawer__Content .Linklist__Item a > .dot,
.custom_menu_new a.Heading.u-h6 > .dot-normal,
.Collapsible__Inner
.Collapsible
.Collapsible__Button.Heading.Text--subdued.Link.Link--primary.u-h7
> .dot {
position: absolute;
background-color: #ff3600;
width: 4px;
height: 4px;
right: -8px;
top: 1.5px;
z-index: 1;
display: block;
border-radius: 50%;
}
.Collapsible .Collapsible__Button.Heading.u-h6 .title > .dot,
.Collapsible .Rte h6.Collapsible__Button.Heading .title > .dot,
.Rte .Collapsible h6.Collapsible__Button.Heading .title > .dot {
right: -10px;
}
.Collapsible
.Collapsible__Button.Heading.u-h6:has(.dot)
.Collapsible__Plus:before,
.Collapsible
.Rte
h6.Collapsible__Button.Heading:has(.dot)
.Collapsible__Plus:before,
.Rte
.Collapsible
h6.Collapsible__Button.Heading:has(.dot)
.Collapsible__Plus:before {
margin-left: 13px;
}
.Collapsible__Inner
.Collapsible
.Collapsible__Button.Heading.Text--subdued.Link.Link--primary.u-h7
> .dot {
top: 7.5px;
}
.Collapsible a.Heading.u-h6 > .dot {
right: -9px;
top: 9.5px;
}
.Drawer__Content .Linklist__Item a > .dot {
top: 7px;
right: -9px;
}
.Collapsible a.Heading.u-h6:has(.dot),
.mega-menu__li .show_dot_heading:has(.dot),
.custom_menu_new a.Heading.u-h6:has(.dot),
.Collapsible .Collapsible__Button.Heading.u-h6:has(.dot),
.Collapsible .Rte h6.Collapsible__Button.Heading:has(.dot),
.Rte .Collapsible h6.Collapsible__Button.Heading:has(.dot),
.Collapsible__Inner
.Collapsible
.Collapsible__Button.Heading.Text--subdued.Link.Link--primary.u-h7:has(.dot) {
font-weight: 900 !important;
line-height: 1.24;
}
.custom_menu_new a.Heading.u-h6:has(.dot-normal),
.custom_menu_new a.Heading.u-h6:has(.dot) {
position: relative;
}
.show_dot:before {
content: "";
position: absolute;
right: -8px;
display: block;
width: 5px;
height: 5px;
background-color: #ff3800;
border-radius: 50%;
top: -1px;
}
.desktop_hide_new .custom_menu_new aHeading.u-h6 {
position: relative;
font-weight: 400;
line-height: 16px;
color: #171717;
}
.desktop_hide_new .custom_menu_new a.Heading.u-h6:hover {
color: #171717;
}
.desktop_hide_new li.custom_menu_new.HorizontalList__Item {
padding: 0 13.5px;
margin-left: 0;
margin-right: 0;
}
.desktop_hide_new li.custom_menu_new.HorizontalList__Item:first-child {
padding-left: 0;
}
.desktop_hide_new {
padding: 0 9px;
overflow-x: hidden;
}
.desktop_hide_new ul {
overflow-x: auto;
margin: 0;
background: #fff;
}
.desktop_hide_new ul::-webkit-scrollbar {
display: none;
}
.desktop_hide_new ul {
-ms-overflow-style: none;
}
@media screen and (min-width: 641px) and (max-width: 1239px) {
#shopify-section-header .desktop_icon_header .gt_desktop {
margin-right: 0;
}
}
.template-product .flexslider .slides img {
min-height: 375px;
}
@media screen and (max-width: 320px) {
.template-product .flexslider .slides img {
min-height: 320px;
}
}
@media screen and (max-width: 1007px) {
.template-product .shopify-section--bordered > .Section--spacingNormal {
padding-top: 25px;
}
}
section.Section.custom-image-text.small--hide {
max-width: 1522px;
}
.custom_desktop_menu
.parent_mega_menu_block.five-blocks--parent_mega_menu_block {
display: flex;
width: 100%;
flex-wrap: no-wrap;
}
.custom_desktop_menu
.custom_handle_block
.custo_mega_menu.five-blocks--custo_mega_menu {
max-width: 20%;
float: none;
}
.custom_desktop_menu
.custom_handle_block
.custo_mega_menu.five-blocks--custo_mega_menu
.mega_menu_image {
position: relative;
}
.custom_desktop_menu
.custom_handle_block
.custo_mega_menu.five-blocks--custo_mega_menu
.mega_menu_title {
padding-top: 5px;
font-size: 14px !important;
}
.mega_menu_image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
}
.template-cart .EmptyState h1.EmptyState__Title {
letter-spacing: -0.075em;
}
.template-cart .EmptyState .EmptyState__Action {
font-weight: 700;
}
.collection_gallary-homepage .collection_gallary {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
.collection_gallary-homepage .collection_gallary {
flex-direction: column;
}
}
.collection_gallary-homepage .collection_gallary .collection_gallary-content {
position: relative;
}
@media only screen and (min-width: 768px) {
.collection_gallary-homepage .collection_gallary .collection_gallary-content {
flex: 1;
}
}
@media only screen and (max-width: 768px) {
.collection_gallary-homepage
.collection_gallary
.collection_gallary-content:not(:last-child) {
flex: 1;
}
}
.collection_gallary-homepage
.collection_gallary
.collection_gallary-content
.collection-main-image {
height: 100%;
position: relative;
}
.collection_gallary-homepage
.collection_gallary
.collection_gallary-content
.collection-main-image
a {
cursor: pointer;
}
.collection_gallary-homepage
.collection_gallary
.collection_gallary-content
.collection-main-image
img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.collection_gallary-homepage
.collection_gallary
.collection_gallary-content:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff0;
transition: background 0.3s ease-in-out;
pointer-events: none;
}
.collection_gallary-homepage
.collection_gallary
.collection_gallary-content:hover:after {
background: #0000004d;
}
.collection_gallary-homepage
.collection_gallary
.collection_gallary-content
.gallary_main-text {
color: #fff;
position: absolute;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 1;
padding: 0 0 18px 10px;
color: #171717 !important;
font-style: normal;
font-size: 41px;
font-family: NeueHaasUnicaW1G-Regular;
}
@media screen and (max-width: 768px) {
button.mfp-close {
left: 0;
}
#sidebar-menu .Collapsible__Button {
max-width: fit-content;
}
}
#message-bar .carousel-cell.message {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#message-bar .message-bar--inner {
padding: 8px;
border: 1px solid transparent;
border-left: none;
border-right: none;
min-height: 34.5px;
}
#message-bar .message-bar--inner .message:not(:first-child) {
display: none !important;
}
#message-bar .message-bar--inner .flickity-viewport .message {
display: flex !important;
}
#message-bar .flickity-slider {
transform: translate(0) !important;
}
#message-bar .flickity-slider .carousel-cell {
left: 0 !important;
opacity: 0;
transition: opacity 1s ease-in-out;
z-index: -1;
}
#message-bar .flickity-slider .carousel-cell.is-selected {
z-index: 1;
opacity: 1;
}
#sidebar-menu .Collapsible__Button {
font-size: 16px !important;
line-height: 16px;
}
.Footer__Block svg {
fill: #171717;
max-width: 13px;
height: 13px;
}
.flexslider,
.fancybox-bg {
background: #fff !important;
border: 4px solid white !important;
}
.fancybox-bg {
background: #fff !important;
}
.Product__Info .Button--secondary,
.Product__Info #shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .Product__Info .spr-pagination-prev > a,
.Product__Info #shopify-product-reviews .spr-pagination-next > a,
#shopify-product-reviews .Product__Info .spr-pagination-next > a {
color: #fff;
border: 1px solid #171717;
background: #171717;
}
.Product__Info .Button--secondary:hover,
.Product__Info #shopify-product-reviews .spr-pagination-prev > a:hover,
#shopify-product-reviews .Product__Info .spr-pagination-prev > a:hover,
.Product__Info #shopify-product-reviews .spr-pagination-next > a:hover,
#shopify-product-reviews .Product__Info .spr-pagination-next > a:hover {
color: #171717 !important;
border: 1px solid #171717;
background: #fff !important;
}
.iframe-video-section {
padding: 0 12px;
}
.iframe-video-section .iframe_video--wrapper {
padding: 56.25% 0 0;
position: relative;
}
.iframe-video-section .iframe_video--wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mobile_iframe--video {
display: none;
}
@media (max-width: 768px) {
.desktop_iframe--video {
display: none;
}
.mobile_iframe--video {
display: block;
}
.hide_section_mobile {
display: none;
}
}
@media (min-width: 769px) {
.hide_section_desktop {
display: none;
}
}
.medium-up--one-sixth {
width: 16.66667%;
}
ul.mega__menu-list {
text-align: start;
}
ul.mega__menu-list li.mega-menu__li {
list-style: none;
}
.menus_blocks {
padding: 30px 25px 55px;
}
.menus_blocks .grid {
list-style: none;
padding: 0;
margin: 0 0 0 -15px;
}
.menus_blocks .grid .grid__item {
float: left;
padding-left: 15px;
}
.menus_blocks .grid .grid__item:first-child ul {
font-weight: 700;
}
.menus_blocks .grid .grid__item .mega-menu__li {
font-size: 14px;
}
.menus_blocks .grid.parent_mega_menu_block {
flex-wrap: wrap;
}
.HorizontalList__Item.is-expanded a:after {
display: none;
content: "";
position: absolute;
height: 1px;
bottom: -25px;
background-color: #171717;
width: 100%;
left: 0;
}
.Black-Friday-hide {
display: none;
}
.Gif-Image {
margin-top: 10px;
margin-bottom: 10px;
}
.gif-for-mob {
display: none;
}
.gif-image-width {
display: block;
width: 100%;
}
.black-friday-another-product-hide,
.black-friday-section-products-hidding {
display: none;
}
@media (max-width: 768px) {
.gif-image-width {
display: none;
}
.gif-for-mob {
display: block;
width: 100%;
}
}
html,
body {
max-width: 100%;
}
#mobile-text-container {
height: 100vh;
text-align: center;
padding: 15% 0%;
margin-bottom: 50px;
line-height: 0.2px;
overflow-x: hidden;
}
.stretchMobile {
font-size: 62px;
padding: 5% 2%;
overflow: hidden;
overflow-x: hidden;
line-height: 0.9;
margin-top: 150px;
-webkit-transform: scale(1, 3.5);
-moz-transform: scale(1, 3.5);
-ms-transform: scale(1, 3.5);
-o-transform: scale(1, 3.5);
transform: scale(1x, 3.5);
}
#tablet-text-container {
height: 100vh;
text-align: center;
padding: 15% 0%;
margin-bottom: 50px;
line-height: 0.2px;
overflow-x: hidden;
}
.stretchTablet {
font-size: 12vw;
padding: 5% 2%;
overflow: hidden;
overflow-x: hidden;
line-height: 0.9;
margin-top: 250px;
-webkit-transform: scale(1, 3);
-moz-transform: scale(1, 3);
-ms-transform: scale(1, 3);
-o-transform: scale(1, 3);
transform: scale(1x, 3);
}
#text-container {
height: 100vh;
width: 100vw;
padding: 5%;
overflow: hidden;
line-height: 0.2px;
text-align: center;
}
.stretch {
font-size: 12vw;
padding: 10% 0%;
bottom: 20px;
line-height: 0.8;
-webkit-transform: scale(1, 2.5);
-moz-transform: scale(1, 2.5);
-ms-transform: scale(1, 2.5);
-o-transform: scale(1, 2.5);
transform: scale(1x, 2.5);
}
.nude {
background-color: #000;
color: #fff;
}
.mobile-number-container {
text-align: center;
padding: 10% 0%;
height: auto;
line-height: 0.2px;
overflow: hidden;
overflow-x: hidden;
background-color: #000;
color: #fff;
}
.stretchMobile2 {
width: 100%;
font-size: 62px;
padding: 15% 2%;
overflow: hidden;
overflow-x: hidden;
line-height: 0.9;
margin-top: 100px;
-webkit-transform: scale(1, 7);
-moz-transform: scale(1, 7);
-ms-transform: scale(1, 7);
-o-transform: scale(1, 7);
transform: scale(1x, 7);
}
.number-container {
height: 100vh;
width: 100vw;
background-color: #000;
color: #fff;
padding: 15% 5% 5%;
overflow: hidden;
line-height: 0.2px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.stretchNumber {
text-align: center;
font-size: 12vw;
height: max-content;
padding-top: 3%;
padding-bottom: 1.5%;
line-height: 0.8;
-webkit-transform: scale(1.5, 5);
-moz-transform: scale(1.5, 5);
-ms-transform: scale(1.5, 5);
-o-transform: scale(1.5, 5);
transform: scale(1.5x, 5);
}
.maxheight {
max-height: 300px;
width: 100%;
}
#btn {
color: red;
position: fixed;
z-index: 5;
}
#btn:hover {
cursor: pointer;
color: #00f;
}
@-webkit-keyframes blinker {
0% {
display: 1;
}
to {
opacity: 0;
}
}
.blink {
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in;
-webkit-animation-direction: alternate;
}
@media screen and (max-width: 768px) {
#mobile-text-container {
display: block;
}
#tablet-text-container,
#text-container {
display: none;
}
.mobile-number-container {
display: block;
padding: 0;
}
.number-container {
display: none;
}
.stretchMobile2 {
font-size: 66px;
padding: 0;
-webkit-transform: scale(1, 5);
}
#demo2 {
margin: 41px 0 61px;
}
.stretchMobile2 {
margin-bottom: 61px;
}
}
@media screen and (min-width: 828px) {
#mobile-text-container {
display: none;
}
#tablet-text-container {
display: block;
}
#text-container,
.mobile-number-container {
display: none;
}
.number-container {
display: block;
}
}
@media screen and (min-width: 1024px) {
#mobile-text-container,
#tablet-text-container {
display: none;
}
#text-container {
display: block;
}
.mobile-number-container {
display: none;
}
.number-container {
display: block;
}
}
.Carousel__Cell {
height: 100%;
}
#collection-sort-popover .Popover__Value {
padding-bottom: 8px;
padding-top: 0;
padding-inline: 9.5px;
}
#collection-sort-popover .Popover__Value:last-child {
padding-bottom: 0;
padding-top: 8px;
}
#collection-sort-popover .Popover__Value:not(:last-child) {
border-bottom: 1px solid #1717174d;
}
#collection-sort-popover .Popover__Content {
border-radius: 4px;
overflow: hidden;
}
@media screen and (max-width: 640px) {
.Sort_Mobile_Option {
text-align: right;
padding-right: 15px;
}
}
.collection-menu-sortby.Popover[aria-hidden="false"] {
border-radius: 4px;
overflow: hidden;
z-index: 999;
}
button.Sort_Mobile_Option {
height: unset;
line-height: 12.21px;
padding-right: 8px !important;
font-weight: 500 !important;
margin-bottom: 2px;
}
button.Sort_Mobile_Option.CollectionToolbar__Item.CollectionToolbar__Item--sort.Heading.selected-option.u-h6,
.Popover__ValueList button {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.075em;
}
.collection_sort_by_wrapper {
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 4px;
background-color: #fff;
z-index: 1000;
}
.Popover__Content {
background-color: #fff;
}
.Popover__Value {
padding-left: 15px;
padding-right: 15px;
}
.CollectionToolbar__Item {
padding: 6px 20px 4px 0;
}
@media screen and (min-width: 641px) and (max-width: 1239px) {
.help-menu {
display: none;
}
}
.logo_grid {
display: flex;
align-items: baseline;
justify-content: center;
}
@media screen and (max-width: 768px) {
.logo_grid {
flex-wrap: wrap;
justify-content: space-evenly;
}
}
.logo_grid .logo_item {
padding: 0 16px;
}
@media screen and (max-width: 768px) {
.logo_grid .logo_item {
padding: 9px;
}
}
.lang_selector {
margin-top: -2px;
}
.lang_selector .ly-custom-1000 {
position: relative;
top: 0;
}
.lang_selector .ly-custom-1000 .ly-custom {
margin-right: 28px;
}
.lang_selector:hover .ly-custom-dropdown-current-inner-text {
color: #9e9c9c;
}
.lang_selector .ly-custom-dropdown-list .ly-custom-dropdown-list-element-right {
margin: 0 0.2em;
}
.ly-custom-dropdown-list > li {
color: #171717 !important;
}
body:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.ly-custom-dropdown-list
> li {
color: #171717 !important;
}
@media screen and (max-width: 1239px) {
.lang_selector {
display: none;
}
}
.ly-custom-dropdown-list-element-right {
margin: 0 0.2em;
}
.mobile_drawer_footer {
display: flex;
padding-left: 24px;
padding-right: 24px;
justify-content: start;
width: 100%;
gap: 39px;
padding-top: 56px;
}
.mobile_drawer_footer .mob_lang_selector .ly-icon.ly-flag-icon,
.locale-selectors__container {
display: none;
}
.template-collection #shopify-section-recently-viewed-products {
display: none !important;
}
.collection-psw {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow-y: auto;
overflow-x: hidden;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
background: #fff;
}
.collection-psw p {
margin-bottom: 0;
}
.collection-psw .collection-psw__relative {
padding: 1rem;
width: 100%;
}
.collection-psw .video_image_wrapper {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.collection-psw .video_image_wrapper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000004d;
}
.collection-psw .video_image_wrapper .video_desktop,
.collection-psw .video_image_wrapper .video_mobile,
.collection-psw .video_image_wrapper .desktop_image,
.collection-psw .video_image_wrapper .mobile_image {
width: 100%;
height: 100%;
}
.collection-psw .video_image_wrapper .video_desktop video,
.collection-psw .video_image_wrapper .video_desktop img,
.collection-psw .video_image_wrapper .video_mobile video,
.collection-psw .video_image_wrapper .video_mobile img,
.collection-psw .video_image_wrapper .desktop_image video,
.collection-psw .video_image_wrapper .desktop_image img,
.collection-psw .video_image_wrapper .mobile_image video,
.collection-psw .video_image_wrapper .mobile_image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.collection-psw #correct_video {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.collection-psw #correct_video div {
width: 100%;
height: 100%;
}
.collection-psw #correct_video video,
.collection-psw #correct_video img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.collection-psw .logo_svg {
width: 250px;
margin: 0 auto 30px;
}
.collection-psw .logo_svg svg {
width: 100%;
height: auto;
fill: #fff;
}
.collection-psw .logo_svg svg path {
fill: #fff;
}
.collection-psw .main_title {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.collection-psw .main_subtitle {
margin: 0 auto 20px;
max-width: 40rem;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.collection-psw .main_subtitle {
margin-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
.collection-psw .how_to_join {
margin-bottom: 40px;
}
}
.collection-psw .secondary_title {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
display: flex;
align-items: center;
}
.collection-psw .secondary_title.secondary_title-1 {
justify-content: flex-end;
}
.collection-psw .secondary_title span {
width: 1.5em;
margin-right: 0.5em;
display: flex;
align-items: center;
}
.collection-psw .secondary_title span svg {
width: 100%;
height: 100%;
}
.collection-psw .secondary_title.no-st span {
margin-right: 0;
}
.collection-psw .password-form {
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.collection-psw .password-form {
margin: 0 24px 50px;
}
}
.collection-psw .password-form input {
padding: 0.91rem;
background: transparent;
border-color: #fff;
width: 30rem;
}
@media screen and (max-width: 768px) {
.collection-psw .password-form input {
width: 100%;
}
}
.collection-psw .collection-pwd-two-columns {
display: flex;
text-align: left;
margin: 0 -40px;
justify-content: center;
padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
.collection-psw .collection-pwd-two-columns {
margin: 0 -25px;
}
}
.collection-psw .collection-pwd-two-columns .collection-pwd-two-column-1 {
text-align: right;
width: 50%;
padding: 0 40px;
}
@media screen and (max-width: 768px) {
.collection-psw .collection-pwd-two-columns .collection-pwd-two-column-1 {
padding: 0 25px;
}
}
.collection-psw .collection-pwd-two-columns .collection-pwd-two-column-2 {
width: 50%;
padding: 0 40px;
}
@media screen and (max-width: 768px) {
.collection-psw .collection-pwd-two-columns .collection-pwd-two-column-2 {
padding: 0 25px;
}
}
.collection-psw .bottom_text {
position: fixed;
bottom: 2rem;
left: 50%;
transform: translate(-50%);
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.js-collection-hide {
display: none;
}
@media (min-width: 641px) {
.desktop--hide {
display: none;
}
}
@media (max-width: 640px) {
.mobile--hide {
display: none;
}
}
.collection_header .collection_header_inner {
position: relative;
}
.collection_header .collection_header_inner .collection-info {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.collection_header
.collection_header_inner
.collection-info
.collection_header-link {
font-size: 9px;
color: #fff;
padding: 8px 15px;
border: 1px solid #fff;
display: inline-block;
}
.collection_header
.collection_header_inner
.collection-info
.collection_header-link:hover {
background-color: #171717;
border: 1px solid #171717;
}
@media (max-width: 640px) {
.collection_header
.collection_header_inner
.collection-info
.collection_header-link {
font-size: 8px;
}
}
.collection_header img {
width: 100%;
}
.collection_header video {
width: 100%;
height: 100%;
display: block;
z-index: 99999999;
}
.collection_desc-block .desc_inner {
max-width: 800px;
text-align: start;
margin: 0 auto;
color: #171717;
line-height: 1.2;
padding: 0 12px;
}
.collection-meta-images {
margin-bottom: 30px;
}
@media (max-width: 640px) {
.collection-meta-images {
margin-bottom: 20px;
}
}
.collection-meta-images .collection_image_columns {
padding: 0 12px;
margin-left: -10px;
}
.collection-meta-images .collection_image_columns .image_columns_wrapper {
display: flex;
}
.collection-meta-images
.collection_image_columns
.image_columns_wrapper
.single_image {
padding-left: 10px;
}
@media (max-width: 640px) {
.collection-meta-images
.collection_image_columns
.image_columns_wrapper
.single_image {
padding-bottom: 10px;
}
}
@media (max-width: 640px) {
.collection-meta-images .collection_image_columns .image_columns_wrapper {
flex-wrap: wrap;
padding-top: 10px;
}
}
@media (min-width: 641px) {
.collection-meta-images .collection_image_columns {
padding-top: 20px;
}
}
.collection-meta-images .collection_image_columns img {
width: 100%;
}
.template-collection .SectionHeader__Heading {
text-align: center;
margin: 0;
height: max-content;
line-height: 17px !important;
}
#section-list-collections-template .SectionHeader__Heading {
font-size: 21px;
}
@media screen and (min-width: 1008px) {
#section-list-collections-template .CollectionList .CollectionItem {
min-width: 25%;
}
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
#section-list-collections-template .CollectionList .CollectionItem {
min-width: 50%;
}
}
#section-list-collections-template
.CollectionList
.CollectionItem
.SectionHeader {
text-align: center;
margin-top: 30px;
}
#section-list-collections-template
.CollectionList
.CollectionItem
.SectionHeader
.SectionHeader__Heading {
text-align: center;
color: #171717;
font-size: 14px;
}
#section-list-collections-template
.CollectionItem
.SectionHeader
.SectionHeader__Heading {
margin-bottom: 10px;
cursor: pointer;
}
#section-list-collections-template
.CollectionItem
.SectionHeader
.SectionHeader__ButtonWrapper {
margin-top: 0;
}
#section-list-collections-template
.CollectionItem
.SectionHeader
.SectionHeader__ButtonWrapper
a {
border: 1px solid #171717;
color: #171717;
font-size: 12px;
padding: 8px 15px;
letter-spacing: -0.075em;
}
#section-list-collections-template
.CollectionItem
.SectionHeader
.SectionHeader__ButtonWrapper
a:before {
background: none;
}
#section-list-collections-template
.CollectionItem
.SectionHeader
.SectionHeader__ButtonWrapper
a:hover {
background: #171717 !important;
color: #fff !important;
}
#section-list-collections-template .CollectionItem .CollectionItem__Wrapper {
cursor: pointer;
height: unset;
}
#section-list-collections-template
.CollectionItem
.CollectionItem__Wrapper:hover
.mega_menu_image-overlay {
opacity: 24% !important;
}
.menu-btn-wrap {
text-align: center;
padding-bottom: 40px;
padding-top: 40px;
}
.menu-btn-wrap .view_all-btn-menu {
background: transparent;
color: #171717;
padding: 5px 0 0;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 4px;
}
.menu-btn-wrap .view_all-btn-menu:hover {
background: transparent;
color: #171717;
}
.collection-meta-images .meta_collection_block {
padding-top: 50px;
}
.collection-meta-images .meta_collection_block.centered .ProductList {
display: flex;
margin-left: 0;
justify-content: center;
}
.collection-meta-images
.meta_collection_block.centered
.ProductList
.Grid__Cell {
padding: 0;
}
@media (max-width: 640px) {
.collection-meta-images .meta_collection_block {
padding-top: 30px;
}
}
@media (min-width: 1009px) {
.collection-meta-images .meta_collection_block .ProductList .Grid__Cell {
margin-bottom: 0;
}
}
.collection-meta-images .meta_collection_block .collection_meta_button {
text-align: center;
padding-bottom: 60px;
padding-top: 15px;
}
.collection-meta-images .meta_collection_block .collection_meta_button a {
font-size: 9px;
padding: 8px 15px;
display: inline-block;
}
@media (max-width: 640px) {
.collection-meta-images .meta_collection_block .collection_meta_button a {
font-size: 8px;
}
}
@media (max-width: 640px) {
.collection-meta-images .meta_collection_block .collection_meta_button {
padding-bottom: 50px;
padding-top: 0;
}
}
.hide {
display: none;
}
@media (min-width: 641px) {
.Footer__Inner .Footer__Social {
display: flex;
margin-left: 0;
padding-inline: 12px;
max-width: fit-content;
}
.Footer__Inner .Footer__Social li:nth-child(1) {
margin-left: 0;
}
.Footer__Inner .Footer__Social li:last-child {
margin-right: 0;
}
}
.wrong_pass_alert {
color: #fffaf1;
font-family: NeueHaasUnicaW1G-Regular;
text-align: center;
font-size: 12px;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: 14px;
letter-spacing: -0.075em;
margin-bottom: 0;
margin-top: 0;
opacity: 0.6;
position: absolute;
width: 100%;
left: 0;
right: 0;
}
.pwd_input-btn-wrap {
max-width: 330px;
margin: 0 auto;
position: relative;
}
.pwd_input-btn-wrap button {
position: absolute;
right: 4px;
border: 2px solid white;
top: 0.32rem;
cursor: pointer;
padding: 4px 18px;
}
@media (max-width: 768px) {
.pwd_input-btn-wrap {
width: 100%;
}
}
@media (max-width: 320px) {
.collection-psw .password-form {
margin: 0;
}
}
.menu-image-link img {
margin-bottom: 0;
}
body.template-product {
overflow-x: visible;
}
body.template-product #shopify-section-countdown,
body.template-product .shopify-section--header {
position: relative;
top: 0 !important;
}
@media screen and (min-width: 641px) {
.template-product
#recomended--recommendation-section
.ProductList--grid
> .Grid__Cell {
margin-bottom: 20px;
}
}
.-menu-open span svg {
overflow: visible;
}
.-menu-open span svg g path:first-child {
animation: example1 0.5s 1 forwards;
}
.-menu-open span svg g path:last-child {
animation: example2 0.5s 1 forwards;
}
.-menu-close span svg {
overflow: visible;
}
.-menu-close span svg g path:first-child {
animation: example1-reverse 0.5s 1;
}
.-menu-close span svg g path:last-child {
animation: example2-reverse 0.5s 1;
}
@keyframes example1 {
0% {
transform: translateY(2px);
}
25% {
transform: translateY(4px);
}
to {
transform: rotate(45deg) translate(3px, -4px);
}
}
@keyframes example2 {
0% {
transform: translateY(-2px);
}
25% {
transform: translateY(-4px);
}
to {
transform: rotate(-45deg) translate(-6px, 3px);
}
}
@keyframes example1-reverse {
0% {
transform: rotate(45deg);
}
50% {
transform: translateY(4px);
}
to {
transform: translateY(0);
}
}
@keyframes example2-reverse {
0% {
transform: rotate(-45deg);
}
50% {
transform: translateY(-4px);
}
to {
transform: translateY(0);
}
}
.Collapsible__Button[aria-expanded="true"] .Collapsible__Plus:before {
transform: translateY(4px);
}
.SidebarMenu__Nav {
padding-top: 12px;
}
.Drawer__Content .second_menu {
padding-top: 48px;
}
.Collapsible__Button[aria-expanded="true"] .title {
border-bottom: 1px solid #171717;
}
.ProductRecommendations .ProductItem__Info {
display: flex;
justify-content: center;
align-items: baseline;
}
.ProductRecommendations .ProductItem__Info .ProductItem__Title {
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
letter-spacing: -0.075em;
padding-right: 8px;
font-size: 11px;
line-height: 1;
}
.ProductRecommendations .ProductItem__Info .ProductItem__PriceList {
font-size: 11px;
line-height: 1;
position: relative;
padding-top: 2px;
}
.trustpilot-pdp .trustpilot-widget {
margin: 20px 0;
}
section.Section.Section--spacingNormal.Gallery-gallery-carousel {
padding: 10px 0 !important;
}
@media screen and (max-width: 1007px) {
.shopify-section--bordered > .Section--spacingNormal {
padding: 10px 0 !important;
}
}
@font-face {
font-family: ABeeZee;
src: url(/cdn/shop/files/ABeeZee-Regular_1.woff2?v=1764759529)
format("woff2"),
url(/cdn/shop/files/ABeeZee-Regular_1.woff2?v=1764759529)
format("woff");
}
@font-face {
font-family: NeueHaasUnicaW1G-Regular;
src: url(/cdn/shop/files/HelveticaNeue.woff2?v=1764759637)
format("woff2"),
url(/cdn/shop/files/HelveticaNeue.woff?v=1764759676)
format("woff");
}
@font-face {
font-family: HelveticaNowDisplay-Regular;
src: url(/cdn/shop/files/HelveticaNowDisplay-Regular.woff2?v=1764759742)
format("woff2"),
url(/cdn/shop/files/HelveticaNowDisplay-Regular.woff?v=1764759794)
format("woff");
}
@font-face {
font-family: HelveticaNowDisplay-Bold;
src: url(/cdn/shop/files/HelveticaNowDisplay-Bold.woff2?v=1764759831)
format("woff2"),
url(/cdn/shop/files/HelveticaNowDisplay-Bold.woff?v=1764759874)
format("woff");
}
@font-face {
font-family: HelveticaNowDisplay-Black;
src: url(/cdn/shop/files/HelveticaNowDisplay-Black_76102984-584b-40c1-b087-6ef53e48bf65.woff2?v=1764759922)
format("woff2"),
url(/cdn/shop/files/HelveticaNowDisplay-Black_ae6a62c0-23a5-4c45-8d03-a9d0493b1332.woff?v=1764759955)
format("woff");
}
@font-face {
font-family: ITC Garamond Std;
src: url(/cdn/shop/files/ITCGaramondStd-BkCond.woff2?v=1764760000)
format("woff2"),
url(/cdn/shop/files/ITCGaramondStd-BkCond.woff?v=1764760034)
format("woff"),
url(/cdn/shop/files/ITCGaramondStd-BkCond.ttf?v=1764760071)
format("ttf");
}
@font-face {
font-family: Helvetica Now Display;
src: url(/cdn/shop/files/HelveticaNowDisplay-Black.woff2?v=1764760110)
format("woff2"),
url(/cdn/shop/files/HelveticaNowDisplay-Black.woff?v=1764760155)
format("woff");
}
@font-face {
font-family: NeueHaas Bold;
src: url(/cdn/shop/files/NeueHaasUnica-Bold.woff2?v=1764760221)
format("woff2"),
url(/cdn/shop/files/NeueHaasUnica-Bold.woff?v=1764760279)
format("woff");
}
@font-face {
font-family: Neue Haas Unica medium;
src: url(/cdn/shop/files/Neue_Haas_Unica_W1G_Medium.woff2?v=1767711344
format("woff2"),
url(/cdn/shop/files/Neue_Haas_Unica_W1G_Medium.woff?v=1767711387
format("woff");
}
@font-face {
font-family: NeueHaasUnicaW1G-Bold;
src: url(/cdn/shop/files/Neue_Haas_Unica_W1G_Medium_1.woff2?v=1767711479)
format("woff2"),
url(/cdn/shop/files/Neue_Haas_Unica_W1G_Medium.woff?v=1767711387)
format("woff");
}
@font-face {
font-family: NeueHaasUnicaW1G-Regular;
src: url(/cdn/shop/files/NeueHaasUnica-Regular.woff2?v=1767711603)
format("woff2"),
url(/cdn/shop/files/NeueHaasUnica-Regular.woff?v=1767712915)
format("woff");
}
.scrolling-promotion .promotion-item_text {
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
padding: 0 32.5px;
letter-spacing: -0.075em;
}
.shop-carousel_wrapper .text_content {
max-width: 422px;
position: absolute;
top: 0;
width: 100%;
height: auto;
padding: 75px 40px;
z-index: 99;
}
.contemt_item_main {
max-width: 422px;
opacity: 0;
}
.shop-carousel_wrapper .swiper-slide-active .contemt_item_main {
opacity: 1;
}
.shop-carousel_wrapper .contemt_item_main {
padding: 22px 29px 23px 24px;
}
.shop-carousel_wrapper .address_text.sub_text {
max-width: 176px;
flex: 1;
}
.items_wrapp .text_content {
display: none;
}
.shop-carousel_wrapper {
position: relative;
}
.shop-carousel_wrapper .js-shop-carousel .media_wrapper video {
width: 100%;
}
.shop-carousel_wrapper .js-shop-carousel {
position: relative;
}
.shop-carousel_wrapper .js-countdown-carousel .media_wrapper video {
width: 100%;
}
.shop-carousel_wrapper .js-countdown-carousel {
position: relative;
}
.shop-carousel_wrapper
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
}
.shop-carousel_wrapper .pagination--swiper.shop-carousel {
position: absolute;
bottom: 0;
padding: 37px 0;
z-index: 10;
text-align: center;
display: flex;
justify-content: center;
}
.shop-carousel_wrapper span.swiper-pagination-bullet {
background: #171717;
opacity: 1;
margin: 0 2px !important;
display: block;
}
.countdown-carousel .shop-carousel_wrapper span.swiper-pagination-bullet {
background: #171717;
}
.countdown-carousel
.shop-carousel_wrapper
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
}
.shop-carousel_wrapper .swiper-button-next:after,
.shop-carousel_wrapper .swiper-rtl .swiper-button-prev:after,
.shop-carousel_wrapper .swiper-button-prev:after,
.shop-carousel_wrapper .swiper-rtl .swiper-button-next:after {
content: none;
}
.shop-carousel_wrapper .swiper-button-next,
.swiper-button-prev {
z-index: 1;
}
.shop-carousel_wrapper .swiper-pagination-bullets {
z-index: 2 !important;
}
.shop-carousel_wrapper .contemt_item_main a {
display: flex;
gap: 5px;
margin-bottom: 18px;
}
.shop-carousel_wrapper .contemt_item_main .sub_text a {
position: relative;
text-decoration-color: #171717;
text-decoration: underline;
text-underline-position: under;
margin: 0;
}
.shop-carousel_wrapper .text_content h2 {
margin-bottom: 0;
display: inline-block;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.shop-carousel_wrapper .media_wrapper img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.shop-carousel_wrapper .sub_text_wrapper {
display: flex;
gap: 8px;
}
.shop-carousel_wrapper .shop_info_wrapper {
display: flex;
gap: 17px;
}
@media only screen and (max-width: 640px) {
.shop-carousel_wrapper .swiper-slide {
height: auto;
}
.shop-carousel_wrapper .contemt_item_main {
padding: 7px 8px;
height: 100%;
}
.shop-carousel_wrapper .text_content {
position: unset;
padding: 0;
max-width: 100%;
}
.contemt_item_main {
width: 100%;
margin: 0 auto;
max-width: unset;
}
.shop-carousel_wrapper .sub_text_wrapper {
padding-right: 8px;
justify-content: space-between;
}
.shop-carousel_wrapper .pagination--swiper.shop-carousel {
padding: 16px 0;
bottom: 0;
}
.shop-carousel_wrapper .contemt_item_main a {
margin-bottom: 10px;
}
.our-store .swiper-button-next,
.our-store .swiper-button-prev {
display: none !important;
}
.scrolling-promotion .promotion-item_text {
padding: 0 10px;
}
.shop-carousel_wrapper .address_text.sub_text {
max-width: 210px;
flex: 1;
}
.shop-carousel_wrapper span.swiper-pagination-bullet {
width: 6px;
height: 6px;
margin: 0 2.5px !important;
}
.shop_days.sub_text {
min-width: 68px;
}
.shop-carousel_wrapper .shop_info_wrapper {
gap: 0;
width: 118px;
justify-content: space-between;
}
.shop-carousel_wrapper .sub_text_wrapper {
gap: 29px;
}
.shop-carousel_wrapper .shop_info_wrapper .shop_close.sub_text {
text-align: right;
}
}
.store-container .store {
padding-inline: 18px;
}
@media only screen and (max-width: 1007px) {
.store-container .store {
padding-inline: 0px;
}
}
.store-container .store .header {
display: flex;
padding-bottom: 4px;
gap: 94px;
align-items: baseline;
}
@media only screen and (max-width: 1007px) {
.store-container .store .header {
flex-direction: column;
gap: 0;
}
}
.store-container .store .header .title {
width: 269px;
font-family: NeueHaasUnicaW1G-Regular;
font-style: italic;
font-weight: 400;
font-size: 88px;
line-height: 106px;
letter-spacing: -0.075em;
margin-bottom: 0;
white-space: nowrap;
}
@media only screen and (max-width: 1007px) {
.store-container .store .header .title {
font-size: 76px;
line-height: 91px;
width: 232px;
margin: 0 auto;
}
}
.store-container .store .header .title sup {
font-family: NeueHaasUnicaW1G-Regular;
font-style: italic;
font-weight: 400;
font-size: 88px;
line-height: 106px;
letter-spacing: -0.075em;
}
@media only screen and (max-width: 1007px) {
.store-container .store .header .title sup {
font-size: 76px;
line-height: 91px;
}
}
.store-container .store .header .title span {
margin-left: -20px;
}
.store-container .store .header .description-body {
width: calc(100% - 269px);
}
@media only screen and (max-width: 1007px) {
.store-container .store .header .description-body {
width: 100%;
padding: 0 14px;
}
}
.store-container .store .header .description-body .subheading {
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 30px;
line-height: 30px;
letter-spacing: -0.075em;
color: #171717;
}
@media only screen and (max-width: 1007px) {
.store-container .store .header .description-body .subheading {
font-size: 22px;
line-height: 20px;
text-align: center;
}
}
.store-container .store .header .description-body .subheading br {
display: none;
}
@media only screen and (max-width: 1007px) {
.store-container .store .header .description-body .subheading br {
display: block;
}
}
.store-container .store .header .description-body .description {
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 22px;
text-align: right;
letter-spacing: -0.075em;
color: #171717;
margin-top: 2px;
}
@media only screen and (max-width: 1007px) {
.store-container .store .header .description-body .description {
font-size: 14px;
line-height: 17px;
text-align: justify;
margin-top: 3px;
}
}
.store-container .store .body:first-child {
margin-top: 0;
}
.store-container .store .body {
display: flex;
gap: 17px;
margin-top: 22px;
}
@media only screen and (max-width: 1007px) {
.store-container .store .body {
flex-direction: column-reverse;
margin-top: 20px;
gap: 15px;
}
}
.store-container .store .body .left-part {
width: 220px;
}
@media only screen and (max-width: 1007px) {
.store-container .store .body .left-part {
width: 100%;
padding: 0 8px;
}
}
.store-container .store .body .left-part .store-name {
display: flex;
gap: 5px;
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #171717;
}
@media only screen and (max-width: 1007px) {
.store-container .store .body .left-part .timming-desc {
display: flex;
justify-content: space-between;
}
}
.store-container .store .body .left-part .store-add {
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #171717;
margin-top: 10px;
}
.store-container .store .body .left-part .store-timming {
display: flex;
gap: 19px;
margin-top: 10px;
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #171717;
}
@media only screen and (max-width: 1007px) {
.store-container .store .body .left-part .store-timming {
gap: 15px;
}
}
.store-container .store .body .right-part {
width: calc(100% - 220px);
}
@media only screen and (max-width: 1007px) {
.store-container .store .body .right-part {
width: 100%;
}
}
@media only screen and (max-width: 1007px) {
.store-container .store .body .right-part .stores-carousel .arrows {
display: none;
}
}
.store-container .store .body .right-part .stores-carousel .swiper-button-next,
.store-container .store .body .right-part .stores-carousel .swiper-button-prev {
width: auto;
padding: 7px;
}
.store-container
.store
.body
.right-part
.stores-carousel
.swiper-button-next:after {
content: "";
width: 7px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.76318 1.90823L6.00043 6.10486L1.76318 10.3015' stroke='%23FFFCF5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
}
.store-container
.store
.body
.right-part
.stores-carousel
.swiper-button-prev:after {
content: "";
width: 7px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.23779 10L1.00055 5.8034L5.23779 1.60677' stroke='%23FFFCF5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;
}
.store-container .store .body .right-part .stores-carousel .swiper-slide {
height: auto;
}
.store-container .store .body .right-part .stores-carousel .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.store-container .store .body .right-part .stores-carousel .swiper-pagination {
bottom: 27px;
display: flex;
justify-content: center;
gap: 5px;
}
@media only screen and (max-width: 1007px) {
.store-container
.store
.body
.right-part
.stores-carousel
.swiper-pagination {
bottom: 17px;
}
}
.store-container
.store
.body
.right-part
.stores-carousel
.swiper-pagination
.swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #bcd1e8;
margin: 0;
}
@media only screen and (max-width: 1007px) {
.store-container
.store
.body
.right-part
.stores-carousel
.swiper-pagination
.swiper-pagination-bullet {
width: 6px;
height: 6px;
}
}
.store-container
.store
.body
.right-part
.stores-carousel
.swiper-pagination
.swiper-pagination-bullet-active {
background: #fff;
}
.desktop--hide {
display: none;
}
@media only screen and (max-width: 1007px) {
.desktop--hide {
display: block;
}
.mob--hide {
display: none;
}
}
.Product .flexslider {
border: unset !important;
margin-left: 0 !important;
}
.Product.hidden_coming_soon {
display: none;
}
.template-index .trustpilot-widget {
margin-bottom: 40px;
}
.counts {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #171717;
text-transform: capitalize;
margin-bottom: 5px;
display: block;
top: 58px;
position: fixed;
z-index: 99;
width: 100%;
}
@media screen and (max-width: 641px) {
.counts {
top: 75px;
}
}
.cart-counts {
display: flex;
justify-content: space-between;
}
.cart-counts .card {
display: flex;
}
.cart-counts .Drawer__Title-new {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 12px;
color: #171717;
text-transform: uppercase;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 641px) {
.cart-counts .Drawer__Title-new {
font-size: 8px;
line-height: 10px;
}
}
.cart-counts .counts {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 14px;
color: #171717;
text-transform: capitalize;
margin-bottom: 3px;
margin-top: 0;
display: block;
position: unset;
}
.cart-counts .subtotal_with_amount {
width: auto;
display: flex;
flex-direction: column;
gap: 5px;
}
.cart-counts .subtotal_with_amount span {
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #171717;
}
#custom-cart--cart-template .CartItem__ImageWrapper,
#custom-cart--cart-template .CartItem__Info {
display: table-cell;
vertical-align: middle;
}
#custom-cart--cart-template .Cart--expanded .Cart__ItemList {
display: table;
table-layout: auto;
border-spacing: 0 30px;
width: 100%;
}
@media screen and (max-width: 641px) {
#custom-cart--cart-template .CartItem__Info {
padding-left: 25px;
display: flex;
}
#custom-cart--cart-template .CartItem__Info ~ .CartItem__Actions,
#custom-cart--cart-template .CartItem__Info ~ .CartItem__LinePriceList {
display: none;
}
#custom-cart--cart-template .CartItem__Actions {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#custom-cart--cart-template .CartItem__Remove {
margin: 0;
}
#custom-cart--cart-template .CartItem {
margin: 30px 0;
}
}
.variant-input-wrap {
display: flex;
gap: 5px;
margin-top: 24px;
}
.variant-input-wrap .swatch-image {
position: relative;
padding: 0 2px;
}
.variant-input-wrap .swatch-image img {
width: 43px;
height: 55px;
}
.variant-input-wrap .swatch-image .hover_label {
position: absolute;
white-space: nowrap;
left: 50%;
background: #000;
color: #fff;
padding: 0 7px;
display: none;
text-transform: capitalize;
bottom: -24px;
}
.variant-input-wrap .swatch-image:hover .hover_label {
display: none;
}
.variant-input-wrap .swatch-image.active {
border-bottom: 0.5px solid #171717;
}
@media screen and (max-width: 1024px) {
.Search__Results .Grid__Cell {
width: calc(25% - 11px);
}
}
.variant-input-wrap .swatch-image.disabled {
position: relative;
opacity: 0.2 !important;
}
.custom_featured_collection .SectionHeader {
margin-bottom: 12px !important;
text-align: start;
}
.custom_featured_collection .SectionHeader .Container {
padding: 0 20px !important;
}
@media screen and (max-width: 641px) {
.custom_featured_collection .SectionHeader {
margin-bottom: 7px !important;
}
.custom_featured_collection .SectionHeader .Container {
padding: 0 8px !important;
}
}
@media screen and (max-width: 641px) {
.custom_featured_collection .ProductList--grid > .Grid__Cell {
margin-left: 8px;
margin-bottom: 16px;
width: calc(50% - 8px);
}
.custom_featured_collection .ProductListWrapper {
padding: 8px 8px 16px 0 !important;
}
}
.ProductItem__PriceList:before {
content: unset !important;
}
@media screen and (max-width: 641px) {
.Grid--xl {
flex-wrap: wrap;
margin-right: -11px;
align-items: flex-start;
}
.Search__Results .Grid__Cell {
width: calc(50% - 11px);
}
.Search__Results .ProductItem__Wrapper {
display: block;
}
.Search__Results .ProductItem__Wrapper .ProductItem__ImageWrapper {
width: 100%;
margin-right: 0;
}
}
.view-btn {
display: flex;
justify-content: center;
}
@media screen and (min-width: 641px) {
.view-btn {
margin-top: -36px;
}
}
.trustpilot-pdp {
margin-top: 60px;
}
.image-grid-gallery .swiper-button-prev,
.image-grid-gallery .swiper-button-next {
opacity: 0;
}
.custom_featured_collection .SectionHeader {
display: flex;
justify-content: space-between;
align-items: end;
}
.custom_featured_collection .SectionHeader .Container {
margin-inline: 0;
}
.custom_featured_collection .SectionHeader .view_all-link {
margin-right: 20px;
height: max-content;
}
@media screen and (max-width: 641px) {
.custom_featured_collection .SectionHeader .view_all-link {
margin-right: 8px;
}
}
@media screen and (max-width: 640px) {
.ProductItem__ImageWrapper {
cursor: pointer;
}
.ProductItem__ImageWrapper .swiper-button-prev:after,
.ProductItem__ImageWrapper .swiper-button-next:after {
content: unset;
}
.ProductItem__ImageWrapper:hover .swiper-button-prev,
.ProductItem__ImageWrapper:hover .swiper-button-next {
opacity: 50%;
}
}
.product-new-grid-items .swiper-button-prev:after,
.product-new-grid-items .swiper-button-next:after {
content: unset;
}
@media screen and (min-width: 641px) {
.product-new-grid-items .swiper-button-prev:after,
.product-new-grid-items .swiper-button-next:after {
content: unset;
}
.product-new-grid-items:hover .swiper-button-prev,
.product-new-grid-items:hover .swiper-button-next {
opacity: 50%;
}
.product-new-grid-items:hover .SizeSwatchList {
flex-wrap: wrap;
}
}
@media screen and (min-width: 641px) and (min-width: 641px) {
.product-new-grid-items:hover .SizeSwatchList {
opacity: 1;
height: auto;
text-align: center;
padding-top: 20px;
display: flex;
justify-content: center;
gap: 10px;
align-items: baseline;
}
.product-new-grid-items:hover .ProductItem__Title,
.product-new-grid-items:hover .product-price-text,
.product-new-grid-items:hover .color-swatch {
display: none;
}
.product-new-grid-items:hover .not-available {
display: block !important;
}
}
@media screen and (min-width: 641px) and (min-width: 1008px) {
.product-new-grid-items:hover .SizeSwatchList {
gap: 12px !important;
opacity: 1;
height: auto;
text-align: center;
padding-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
}
}
@media screen and (min-width: 1008px) {
.ProductList
.Grid__Cell:last-child
.product-new-grid-items:hover
.SizeSwatchList {
padding-bottom: 0;
}
}
.color-wrap {
margin-top: 8px;
line-height: 1;
overflow: hidden;
flex-wrap: wrap
}
@media screen and (max-width: 641px) {
.color-wrap {
margin-top: 9px;
gap: 3px;
align-items: center;
}
}
.color-wrap .color-swatch-new {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
display: block;
height: 12px;
align-items: flex-end;
color: #171717;
}
.color-wrap .color-swatch-new .swatch-color {
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid rgba(23, 23, 23, 1, 0.2);
}
@media screen and (max-width: 641px) {
.color-wrap .color-swatch-new .swatch-color {
width: 9px;
height: 9px;
}
}
.color-wrap .color-swatch-new.active .swatch-color {
border: 1px solid #171717;
}
@media screen and (max-width: 641px) {
.color-wrap .color-swatch-new {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
display: flex;
align-items: flex-end;
color: #171717;
}
}
.plus-icon,
.mob-img {
display: none;
}
@media screen and (max-width: 641px) {
.image-grid-gallery {
display: none !important;
}
.mob-img {
display: block;
}
.product-new-grid-items .plus-icon {
right: 3px;
top: 0;
display: flex;
justify-content: end;
z-index: 99;
}
.product-new-grid-items .SizeSwatchList {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
background: #fff;
z-index: 999999;
padding: 54px 10px 59px;
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 44px;
row-gap: 20px;
transform: translateY(100%);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-new-grid-items .SizeSwatchList.drag-swatch {
transform: translateY(0);
opacity: 1;
height: auto;
}
.product-new-grid-items .SizeSwatchList .HorizontalList__Item {
margin: 0;
}
.product-new-grid-items .SizeSwatchList .HorizontalList__Item a {
display: none;
}
.product-new-grid-items .SizeSwatchList .HorizontalList__Item label {
height: auto;
border: unset;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #171717;
width: auto;
height: 30px;
}
.product-new-grid-items .SizeSwatchList:after {
content: "";
position: absolute;
top: 12px;
left: 50%;
width: 34px;
border: 0.5px solid #171717;
transform: translate(-50%);
opacity: 0.6;
}
}
.cart-overlay {
background: #171717;
opacity: 0.2;
z-index: 99999;
}
.hide-arrow .swiper-button-prev,
.hide-arrow .swiper-button-next {
display: none !important;
}
.product--information .product-info-main_wrapper ul.SizeSwatchList.hide {
height: 49px;
}
.product--information.with-colors
.product-info-main_wrapper
ul.SizeSwatchList.hide {
height: fit-content;
background: white
}
.product-info-main_wrapper {
height: 100%;
min-height: 63px;
}
.shop-the-look-content .shop-the-look-items .product--information.with-colors {
min-height: 63px;
}
.product--information.with-colors.product-color-wrapper {
position: relative;
}
@media screen and (max-width: 1200px) {
.product--information .product-info-main_wrapper ul.SizeSwatchList.hide {
height: 45px;
}
.product-info-main_wrapper {
height: 100%;
min-height: 65px;
}
.product--information.with-colors
.product-info-main_wrapper
ul.SizeSwatchList.hide {
height: 55px;
}
}
@media screen and (max-width: 640px) {
.product-info-main_wrapper {
min-height: unset;
}
}
@media screen and (min-width: 642px) {
.product--information.with-colors.product-color-wrapper
.product-info-main_wrapper {
top: 0;
left: 0;
width: 100%;
}
}
#sidebar-cart-mobile {
height: 50vh;
bottom: 0;
top: auto;
background: #fff;
margin-top: 0 !important;
z-index: 9999999;
}
#sidebar-cart-mobile.Drawer--fromBottom {
transform: translateY(100%);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#sidebar-cart-mobile.Drawer--fromBottom:after {
content: "";
position: absolute;
top: 12px;
left: 50%;
width: 34px;
border: 0.5px solid #171717;
transform: translate(-50%);
opacity: 0.6;
z-index: 99;
}
#sidebar-cart-mobile .Drawer__Content {
height: calc(100% - var(--header-height));
max-height: calc(100% - var(--header-height));
}
#sidebar-cart-mobile .Drawer__Content .Drawer__Main {
overflow: unset;
}
#sidebar-cart-mobile .Drawer__Header {
padding-bottom: 6px;
padding-top: 26px;
}
#sidebar-cart-mobile .Drawer__Header .Drawer__Title {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #171717;
letter-spacing: -0.075em;
}
#sidebar-cart-mobile .CartItem__Title {
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 12px;
line-height: 15px;
color: #171717;
}
#sidebar-cart-mobile .CartItem__Meta,
#sidebar-cart-mobile .CartItem__Variant {
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 13px;
color: #171717;
}
#sidebar-cart-mobile .CartItem__Remove {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #171717;
}
#sidebar-cart-mobile .Cart__ShippingNotice {
display: none;
}
#sidebar-cart-mobile [data-drawer-animated-bottom] {
opacity: 1;
transform: translateY(0);
}
#sidebar-cart-mobile .Drawer__Footer {
box-shadow: none;
position: fixed;
bottom: 0;
width: 100%;
height: fit-content;
background: #fff;
display: inline;
}
#sidebar-cart-mobile .Drawer__Container .counts {
display: none;
}
#sidebar-cart-mobile .shadow_space {
padding: 15px 7px 0 8px;
box-shadow: 0 -1px #d9d9d9;
}
#sidebar-cart-mobile .shadow_space .cart-counts {
display: flex;
justify-content: space-between;
}
#sidebar-cart-mobile .shadow_space .cart-counts .card {
display: flex;
}
#sidebar-cart-mobile .shadow_space .cart-counts .Drawer__Title-new {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #171717;
display: flex;
flex-direction: column;
justify-content: unset;
gap: 5px;
}
@media screen and (max-width: 641px) {
#sidebar-cart-mobile .shadow_space .cart-counts .Drawer__Title-new {
font-size: 8px;
line-height: 10px;
}
}
#sidebar-cart-mobile .shadow_space .cart-counts .counts {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #171717;
text-transform: capitalize;
margin-bottom: 3px;
margin-top: 0;
display: block;
position: unset;
}
#sidebar-cart-mobile .shadow_space .cart-counts .subtotal_with_amount {
width: auto;
display: flex;
flex-direction: column;
gap: 5px;
font-weight: 400;
font-size: 8px;
line-height: 10px;
text-align: end;
}
#sidebar-cart-mobile .shadow_space .cart-counts .subtotal_with_amount span {
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #171717;
}
#sidebar-cart-mobile .shadow_space .Cart__Checkout {
background-color: #171717;
transition: none !important;
padding: 9px 0;
margin-top: 10px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #fff;
}
#sidebar-cart-mobile .shadow_space .CartItem__Title.shipping-text {
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-weight: 400;
font-size: 8px !important;
line-height: 10px;
color: #171717;
opacity: 0.5;
padding-top: 6px;
padding-bottom: 24px;
text-align: center;
}
#sidebar-cart-mobile.is-visible {
transform: translateY(0);
visibility: visible;
}
#collection-sort-popover:before {
right: 4px;
}
.Drawer__Close svg path {
stroke: #171717;
}
#footer-newsletter .Button--primary,
#footer-newsletter .shopify-payment-button__button--unbranded,
#footer-newsletter #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews #footer-newsletter .spr-summary-actions-newreview,
#footer-newsletter #shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews #footer-newsletter .spr-button-primary:not(input) {
background-color: #171717;
transition: none !important;
color: #fff;
line-height: 15px;
border-color: #171717;
}
.Footer__Newsletter .Form__Input,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-text,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-email,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-textarea {
border-color: #171717;
}
.product-new-grid-items .swiper-button-prev,
.product-new-grid-items .swiper-button-next {
color: #171717;
}
.product-new-grid-items .swiper-button-prev {
justify-content: left;
left: 8px;
}
.product-new-grid-items .swiper-button-next {
justify-content: right;
right: 8px;
}
.tp-stars--4 .tp-star:nth-of-type(-n + 4) .tp-star__canvas,
.tp-stars--4 .tp-star:nth-of-type(-n + 4) .tp-star__canvas--half {
fill: #171717 !important;
}
.swiper-slide.hide {
opacity: 0 !important;
}
.swiper-slide.swiper-slide-duplicate-active,
.swiper-slide.swiper-slide-active {
opacity: 1;
}
.ProductMeta__Description_top {
margin-top: 58px;
text-align: justify;
}
.product-info ul.SizeSwatchList {
padding-bottom: 22px;
border-bottom: 1px solid #1717171a;
padding-top: 15px;
}
header .you-may-also-like-heading {
padding-left: 18.88px;
padding-right: 18.88px;
}
.header .you-may-also-like-heading h3,
#recent--recently-viewed-products .Recent_View_Heading {
margin-top: 0;
}
.Product__InfoWrapper .variant-input-wrap {
padding-left: 8px;
}
.product-info ul.SizeSwatchList {
padding-left: 8px;
display: flex;
gap: 17.67px;
flex-wrap: wrap;
}
.Product__InfoWrapper .variant-input-wrap .swatch-image {
flex: none;
scroll-snap-align: center;
}
form .shopify-payment-button__more-options {
display: none;
line-height: 14px;
margin-bottom: 30px;
margin-top: 16px;
font-size: 14px;
text-transform: lowercase;
text-align: left;
}
.you-may-also-like-heading h3 {
margin: 0;
padding: 0 !important;
font-weight: 400;
text-align: left;
position: relative;
line-height: normal;
font-size: 16px;
min-height: 24px;
display: flex;
align-items: center;
}
.you-may-also-like-heading h3:after,
.shop-the-look-section h3:after {
border-bottom: 1px solid #171717;
width: 57px;
height: 1px;
position: absolute;
left: 0;
bottom: -8px;
display: block;
}
.you-may-also-like-products {
padding: 0 20px !important;
}
.custom-product-section .flex-control-nav li a.flex-active {
background: #171717;
}
.custom-product-section .flex-control-nav li a {
background: none;
border: 1px solid #171717;
box-shadow: none;
width: 6px;
height: 6px;
}
.custom-product-section .flex-control-nav li {
margin: 0 3.5px;
}
.ProductMeta__Description.ProductMeta__Description_mobile {
display: none;
text-align: justify;
}
.custom-product-section .Product__InfoWrapper .variant-input-wrap {
margin-top: 23px;
padding-top: 15px;
border-top: 1px solid #1717171a;
}
.ProductForm__Variants p.ProductForm__Inventory {
font-size: 12px;
line-height: 14px;
color: #171717;
opacity: 0.5;
margin-top: 15px;
}
.js-recommended-product {
padding: 0 20px !important;
}
.js-recently-viewd-product,
.categories-carousel-swiper {
padding: 0 18px !important;
}
.custom-product-section .Collapsible__Button {
padding: 21px 8px;
font-weight: 500;
}
.custom-product-section .Collapsible__Button .Collapsible__Plus:before {
position: unset;
padding: 0;
}
.custom-product-section .Collapsible__Button {
display: flex;
align-items: center;
justify-content: space-between;
}
.custom-product-section .Collapsible__Button .Collapsible__Plus:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.8' height='17' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M4.47944 3.71609V0.930092H2.98144V3.71609H0.195438V5.21409H2.98144V8.00009H4.47944V5.21409H7.26544V3.71609H4.47944Z' fill='%23452B1A'/%3E%3C/svg%3E");
line-height: 14px;
vertical-align: top;
}
.custom-product-section .Collapsible__Button {
line-height: 14.65px;
}
.custom-product-section .Collapsible__Button .product-content-que {
padding-top: 2px;
}
.custom-product-section
.Collapsible__Button[aria-expanded="true"]
.Collapsible__Plus:before {
content: url("data:image/svg+xml,%3Csvg width='9.8' height='17' viewBox='0 0 19 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.44 4.796H18.94V0.503999H0.44V4.796Z' fill='%23452B1A'/%3E%3C/svg%3E%0A");
margin-top: -4px;
}
span.ProductMeta__Price.Price {
display: block;
}
.ProductMeta__PriceList.Heading {
display: flex;
align-items: center;
}
button.ProductForm__AddToCart.Button.Button--secondary.Sold-out-button-secondorry.Button--full,
button.ProductForm__AddToCart.Button--secondary.Sold-out-button-secondorry.Button--full.shopify-payment-button__button--unbranded,
#shopify-product-reviews
button.ProductForm__AddToCart.Button--secondary.Sold-out-button-secondorry.Button--full.spr-summary-actions-newreview,
#shopify-product-reviews
button.ProductForm__AddToCart.Button--secondary.Sold-out-button-secondorry.Button--full.spr-button-primary:not(
input
) {
background: #fff;
color: #171717;
}
.custom-product-section
.Collapsible__Button
.Collapsible__Button[aria-expanded="true"]
.Collapsible__Plus:before {
top: 11px;
right: 9px;
}
.ProductList.recommended_product_mobile {
display: none;
}
.ProductMeta .ProductMeta__Title,
.ProductMeta__PriceList,
.ProductMeta__Description_top,
.ProductForm__Inventory,
.shopify-payment-button {
padding: 0 8px;
}
.custom-product-section .ProductForm__AddToCart {
margin-left: 8px;
margin-right: 0;
width: calc(100% - 16px);
}
.shopify-section--bordered .Product .product-swatches {
padding: 0 8px;
}
section.Gallery-gallery-carousel.Section {
padding: 79px 0 0;
}
section.Section.product-gallery-carousel.Gallery-gallery-carousel {
margin: 50px 0 0;
padding: 0;
}
#recent--recently-viewed-products header.SectionHeader.SectionHeader--center {
margin-bottom: 15px;
}
.ProductMeta__PriceList.Heading {
line-height: 21px;
}
.custom-product-section .Collapsible__Content .Rte {
font-size: 13px;
line-height: 1.65;
}
@media screen and (max-width: 1007px) {
.Product__Gallery {
padding: 0;
}
.custom-product-section .flex-control-nav {
bottom: 16px;
}
.Product__InfoWrapper {
padding: 0;
}
.Product__InfoWrapper .Product__Info .Container .ProductMeta {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.Product__Info .variant-wrapper {
order: 1;
}
.ProductForm {
order: 0;
margin-top: 0;
}
.Product__Aside {
order: 4;
margin: 0;
}
.ProductMeta__Description_top {
display: none;
}
.shopify-section--bordered .Product .Collapsible.Collapsible--large {
padding: 0;
}
.custom-product-section .Product__InfoWrapper .variant-input-wrap {
margin: 0;
padding: 23px 8px;
}
.ProductMeta__Description.ProductMeta__Description_mobile {
order: 3;
}
form .shopify-payment-button__more-options {
font-size: 12px;
margin-top: 12px;
margin-left: 8px;
margin-bottom: 20px;
}
.ProductMeta__Description.ProductMeta__Description_mobile {
display: block;
padding: 20px 16px;
margin: 0;
}
.ProductForm {
margin-top: 0;
}
.product-info ul.SizeSwatchList {
padding: 15px 8px;
}
.Product__Tabs {
margin-top: 0;
}
.ProductMeta__PriceList.Heading {
line-height: 17px;
}
}
@media screen and (max-width: 641px) {
.you-may-also-like-heading h3 {
line-height: normal;
font-size: 16px;
min-height: 24px;
display: flex;
align-items: center;
}
#shopify-section-gallery-carousel .carousel-cell {
margin-right: 8px;
}
.custom-product-section .Collapsible__Content .Rte {
font-size: 12px;
line-height: 1.65;
}
.custom-product-section .Collapsible__Button .product-content-que {
line-height: 18px;
padding: 0;
}
.shopify-section--bordered .Product .Collapsible__Inner {
padding: 0 16px;
}
.ProductMeta__PriceList {
margin-top: 2px;
}
.custom-product-section .Product__InfoWrapper .Product__Info .Container {
padding: 0;
}
.custom-product-section .Product__Wrapper .flexslider,
.custom-product-section .Product__Gallery {
margin-bottom: 8px;
}
.mobile-video-container {
position: relative;
}
.mobile-video-container video {
width: 100%;
}
.trustpilot-pdp {
margin-top: 0;
}
#recent--recently-viewed-products header.SectionHeader.SectionHeader--center {
margin-bottom: 22px;
}
.Product .SizeSwatch {
height: 38px;
width: 38px;
}
.Product__InfoWrapper .ProductMeta {
padding: 0;
}
.product-info ul.SizeSwatchList {
padding-right: 8px;
}
.ProductForm__Variants {
padding: 0;
margin: 0;
}
.product-info ul.SizeSwatchList {
padding: 15px 8px;
gap: 15.5px;
}
.product-info ul.SizeSwatchList .hover-animation {
width: 38px !important;
}
.custom-product-section .ProductMeta__Title.Heading.u-h4,
.custom-product-section .Rte h4.ProductMeta__Title.Heading,
.Rte .custom-product-section h4.ProductMeta__Title.Heading,
.ProductMeta__PriceList {
padding: 0 8px;
}
.custom-product-section .ProductForm__AddToCart {
margin-top: 0;
margin-left: 8px;
margin-right: 0;
width: calc(100% - 16px);
}
.custom-product-section #SI_trigger {
margin-left: 8px;
margin-right: 8px;
width: calc(100% - 16px) !important;
}
.shopify-payment-button {
margin-top: 12px;
padding: 0 8px;
}
.custom-product-section .Product__InfoWrapper .variant-input-wrap {
padding: 15px 8px;
}
.ProductForm__Variants p.ProductForm__Inventory {
margin-top: 20px;
font-size: 10px;
line-height: 12px;
}
.custom-product-section .Collapsible__Button {
padding: 17px 16px;
}
.shopify-section--bordered .Product {
margin-bottom: 50px !important;
}
#recent--recently-viewed-products .recommended-product-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-padding: 0 16px;
display: flex;
}
#recent--recently-viewed-products .recommended-product-items {
padding: 0 4px;
margin: 0;
flex-shrink: 0;
width: 167px;
}
.recommended-product-wrapper::-webkit-scrollbar {
display: none;
}
.recommended_product_desk {
display: none;
}
.ProductList.recommended_product_mobile {
display: block;
}
.js-recommended-product,
.js-recently-viewd-product {
padding: 0 !important;
}
header .you-may-also-like-heading {
padding: 0 8px;
}
#shopify-section-recommendation-section .SectionHeader,
.shop-the-look-section header.SectionHeader {
margin-bottom: 10px !important;
}
.you-may-also-like-heading h3:after,
.shop-the-look-section h3:after {
bottom: -3px;
}
section.Gallery-gallery-carousel.Section {
padding: 41px 0 0;
}
}
.variant-input-wrap .swatch-image {
width: 47px;
height: 56px;
}
button.fancybox-button.fancybox-button--zoom,
.fancybox-button fancybox-button--play,
.fancybox-button--thumbs,
.fancybox-button--play {
display: none !important;
}
.fancybox-toolbar {
left: 0 !important;
right: auto !important;
}
.fancybox-toolbar .fancybox-button-close {
background: transparent !important;
padding: 17px 21px;
line-height: 0;
}
@media screen and (max-width: 768px) {
.fancybox-toolbar .fancybox-button-close {
padding: 12px;
}
}
.custom-product-section
.horizontal-navigation-for-slider
.flex-control-nav.flex-control-paging {
display: inline-flex;
top: 0;
flex-direction: column;
left: 0;
gap: 7px;
padding: 0 8px;
justify-content: center;
width: auto;
bottom: 0 !important;
}
.fancybox-toolbar .fancybox-button-close svg {
width: 12px !important;
height: 12px !important;
fill: #171717;
}
div#header-main-wrapper {
position: fixed;
width: 100%;
transition-duration: 0.5s;
top: 0;
z-index: 999;
width: 100vw;
}
div#header-main-wrapper.scrolled-up {
top: calc(var(--header-parent-height) * -1) !important;
position: fixed;
}
main.rewards-page-main {
background-color: #fff9ef;
}
main.rewards-page-main .shopify-section:has(:not(.account-reward-menu)) {
position: relative;
z-index: 0;
}
main.rewards-page-main .shopify-section:has(.account-reward-menu) {
position: unset;
}
.template-index:has(.header-main-wrapper.scrolled-down-at-middle) main {
margin-top: calc(var(--header-parent-height-no-announce) - 1px) !important;
}
.template-product main,
.template-collection main {
margin-top: calc(var(--header-parent-height) - 1px) !important;
}
.shopify-section--header,
div#shopify-section-countdown {
position: unset !important;
}
#shopify-section-recommendation-section .SectionHeader .SectionHeader__Heading {
margin-top: 0 !important;
}
.pdp-hide__Color--swatches .product--information h2 {
margin-top: 6.5px;
}
.pdp-hide__Color--swatches .product-price-text {
margin-bottom: 8px;
}
.pdp-hide__Color--swatches .product-new-grid-items:hover .SizeSwatchList {
display: none;
}
.pdp-hide__Color--swatches .product-new-grid-items:hover .ProductItem__Title,
.pdp-hide__Color--swatches .product-new-grid-items:hover .product-price-text,
.pdp-hide__Color--swatches .product-new-grid-items:hover .color-swatch {
display: block;
}
.pdp-hide__Color--swatches .product-new-grid-items .plus-icon {
display: none;
}
.pdp-hide__Color--swatches .product--information.with-colors {
height: auto;
}
@media screen and (max-width: 641px) {
.pdp-hide__Color--swatches .product--information h2 {
margin-bottom: 0;
}
.pdp-hide__Color--swatches h2.ProductItem__Title.Heading a {
width: 100%;
}
}
afterpay-placement {
padding: 0 8px;
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #171717;
}
.afterpay-logo.white-on-black .afterpay-logo-badge-background {
fill: #171717 !important;
}
div#scalapay-product-text-widget {
padding: 0 8px;
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #171717;
}
.shopify-payment-button__button--branded {
min-height: 50px !important;
}
@media only screen and (min-width: 769px) {
picture.large--hide {
display: none;
}
}
@media only screen and (max-width: 769px) {
picture.small--hide {
display: none;
}
}
picture.large--hide,
picture.small--hide {
text-align: center;
}
picture.large--hide video,
picture.small--hide video {
max-width: 100%;
}
section.Section.shop-the-look-section,
#shopify-section-recommendation-section {
margin: 50px 0;
}
section.Section.shop-the-look-section.hide_section_forced {
display: none;
}
.shop-the-look-section h3.SectionHeader__Heading {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 14px;
line-height: 15px;
margin-top: 0;
text-align: left;
margin-bottom: 15px;
position: relative;
}
.shop-the-look-section .Container {
padding: 0 18px;
}
.shop-the-look-content {
display: flex;
align-items: end;
}
.shop-the-look-content .image-wrapper {
padding-left: 18px;
flex: 1;
}
.shop-the-look-content .image-wrapper picture {
width: 100%;
display: block;
}
.shop-the-look-content .image-wrapper picture img {
width: 100%;
object-fit: cover;
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='17px' viewBox='0 0 100 99' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill: %23452b1a;fill-opacity:1;' d='M 100 38.226562 L 100 60.601562 L 61.207031 60.601562 L 61.207031 98.992188 L 38.636719 98.992188 L 38.636719 60.601562 L 0 60.601562 L 0 38.226562 L 38.636719 38.226562 L 38.636719 0.0078125 L 61.207031 0.0078125 L 61.207031 38.226562 Z M 100 38.226562 '/%3E%3C/g%3E%3C/svg%3E")
17 17,
zoom-in;
}
.shop-the-look-product_wrapper {
width: calc((100% - 460px) / 2 + 460px);
padding-left: 8px;
}
.shop-the-look-product_wrapper .ProductList {
position: relative;
}
.shop-the-look-product_wrapper .js-shop-the-look-carousel {
padding-top: 30px;
padding-right: 18px;
}
.shop-the-look-product_wrapper .total-products {
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #171717;
}
.arrow-shop-look {
padding-right: 30px;
display: flex;
top: 0;
position: absolute;
right: 0;
align-items: center;
gap: 20px;
justify-content: space-between;
width: 100%;
}
.arrow-shop-look > div {
display: flex;
gap: 20px;
}
.shop-the-look-product_wrapper
.swiper-button-next.js-shop-the-look-next.swiper-button-disabled,
.shop-the-look-product_wrapper
.swiper-button-prev.js-shop-the-look-prev.swiper-button-disabled {
opacity: 0.3 !important;
}
.shop-the-look-product_wrapper .swiper-button-next.js-shop-the-look-next,
.shop-the-look-product_wrapper .swiper-button-prev.js-shop-the-look-prev {
position: unset;
margin: 0;
height: fit-content;
width: fit-content;
line-height: 0;
display: block !important;
}
.shop-the-look-product_wrapper .swiper-button-next.js-shop-the-look-next svg,
.shop-the-look-product_wrapper .swiper-button-prev.js-shop-the-look-prev svg {
height: 12px;
width: 6.75px;
}
.js-shop-the-look-next.swiper-button-next:after,
.js-shop-the-look-prev.swiper-button-prev:after {
content: none;
}
.js-shop-the-look-carousel-grid .swiper-slide.shop-the-look-items {
max-width: 33.333%;
margin-right: 8px;
}
.js-shop-the-look-carousel.js-shop-the-look-carousel-grid {
padding-left: 0;
margin-right: 8px;
}
.js-shop-the-look-carousel.js-shop-the-look-carousel-grid
.product--information.with-colors {
min-height: 63px;
}
.transform__none-item {
transform: none !important;
}
.shop-the-look-product_wrapper .swiper-button-next.js-shop-the-look-next svg {
rotate: 180deg;
}
.js-shop-the-look-carousel:not(.swiper-initialized)
.swiper-button-prev.js-shop-the-look-prev,
.js-shop-the-look-carousel:not(.swiper-initialized)
.swiper-button-next.js-shop-the-look-next {
display: none !important;
}
.shop-the-look-product_wrapper
.swiper-button-next.js-shop-the-look-next.swiper-button-lock,
.shop-the-look-product_wrapper
.swiper-button-prev.js-shop-the-look-prev.swiper-button-lock {
display: none !important;
}
.shop-the-look-section header.SectionHeader {
margin-bottom: 15px;
}
.Gallery-gallery-carousel header.SectionHeader {
margin-bottom: 15px;
}
.Gallery-gallery-carousel h3 {
font-size: 12px !important;
line-height: 15px !important;
margin: 0 !important;
}
@media only screen and (max-width: 1200px) {
.shop-the-look-product_wrapper {
width: calc((100% - 240px) / 2 + 240px);
}
.ProductItem__Title {
overflow: hidden;
}
}
@media only screen and (max-width: 769px) {
.shop-the-look-product_wrapper
.js-shop-the-look-carousel
.image-grid-gallery-new
.swiper-slide.other_image_slide {
display: none;
}
.shop-the-look-product_wrapper
.js-shop-the-look-carousel
.image-grid-gallery-new
.swiper-slide.first_image
.main_image {
opacity: 1 !important;
}
.shop-the-look-product_wrapper
.js-shop-the-look-carousel
.image-grid-gallery-new
.swiper-slide.first_image
.hover_image {
opacity: 0 !important;
}
.shop-the-look-product_wrapper {
width: 100%;
}
.shop-the-look-content {
flex-direction: column;
padding-left: 0 !important;
}
.shop-the-look-content .image-wrapper {
padding-left: 18px;
padding-right: 18px;
}
.shop-the-look-content .image-wrapper picture {
min-width: 100%;
}
.shop-the-look-product_wrapper .js-shop-the-look-carousel,
.arrow-shop-look {
padding-left: 18px;
}
.shop-the-look-product_wrapper {
width: 100%;
padding-top: 10px;
padding-left: 0;
}
.js-shop-the-look-carousel-grid .swiper-slide.shop-the-look-items {
max-width: 50%;
margin-right: 10px;
}
.ProductItem__Title {
height: auto;
}
}
@media only screen and (max-width: 641px) {
.shop-the-look-product_wrapper .total-products {
font-size: 10px;
}
.shop-the-look-product_wrapper .js-shop-the-look-carousel {
padding-top: 26px;
padding-right: 8px;
padding-left: 8px;
}
.shop-the-look-content .image-wrapper {
padding: 0 8px;
}
.js-shop-the-look-carousel.js-shop-the-look-carousel-grid {
margin-right: 8px;
}
.arrow-shop-look {
padding: 0 8px;
}
.shop-the-look-product_wrapper .swiper-button-next.js-shop-the-look-next svg,
.shop-the-look-product_wrapper .swiper-button-prev.js-shop-the-look-prev svg {
height: 7px;
width: 5px;
}
.shop-the-look-section .Container {
padding: 0 8px;
}
.shop-the-look-section h3.SectionHeader__Heading {
margin-bottom: 13px;
position: relative;
display: none;
}
.shop-the-look-section h3.SectionHeader__Heading:after {
border-bottom: 1px solid #171717;
width: 57px;
height: 1px;
position: absolute;
left: 0;
bottom: -3px;
display: block;
}
}
.AspectRatio > video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.flexslider .slides > li > video {
width: 100%;
}
.recommended-product-wrapper.recomedation_items {
padding-left: 18px;
padding-right: 18px;
display: flex;
flex-wrap: wrap;
margin: 0 -4px;
row-gap: 20px;
}
.recommended-product-wrapper .video.loaded {
width: 100%;
}
.recommended-product-wrapper.recomedation_items .recommended-product-items {
width: 20%;
padding: 0 4px;
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.recommended-product-wrapper.recomedation_items .recommended-product-items {
width: 25%;
}
}
@media screen and (max-width: 640px) {
.recommended-product-wrapper.recomedation_items .recommended-product-items {
width: 50%;
padding: 0 4px;
}
.recommended-product-wrapper.recomedation_items {
row-gap: 15px;
padding: 0 8px;
}
section.Section.shop-the-look-section,
#shopify-section-recommendation-section {
margin: 50px 0;
}
}
localization-form #CountryList {
position: absolute;
background: #fff;
max-height: 200px;
width: fit-content;
overflow: scroll;
list-style: none;
padding: 10px;
top: 25px;
z-index: 9999;
right: 0;
}
localization-form .disclosure {
position: relative;
}
localization-form .disclosure__item {
width: 100%;
display: block;
text-overflow: ellipsis;
margin-bottom: 5px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
}
localization-form button {
font-size: 11px;
margin-right: 20px;
}
localization-form .mobileCountrySelector #CountryList {
left: 0;
bottom: 25px;
top: revert;
}
localization-form .mobileCountrySelector .disclosure__item {
max-width: 180px;
}
body:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
span.ly-custom-dropdown-current,
body:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
ul#languagesSwitcherList-1,
body:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
ul#languagesSwitcherList-2 {
background-color: #fff !important;
color: #171717 !important;
}
span.ly-custom-dropdown-current,
ul#languagesSwitcherList-1,
ul#languagesSwitcherList-2 {
background-color: #fff !important;
color: #171717 !important;
}
body:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.ly-custom-dropdown-switcher.ly-is-open
.ly-arrow.ly-arrow-up
svg
path,
body:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.ly-arrow.ly-arrow-up
svg
path,
body:has(.Header__Wrapper .custom_desktop_menu > * li.parent_active)
.ly-custom-dropdown-switcher
.ly-arrow
svg
path {
stroke: #171717 !important;
}
.ly-custom-dropdown-switcher.ly-is-open .ly-arrow.ly-arrow-up svg path,
.ly-custom-dropdown-switcher .ly-arrow svg path,
.ly-arrow.ly-arrow-up svg path {
stroke: #171717 !important;
}
.contry-selector-popup span {
cursor: pointer;
margin: 0 10px;
}
.Drawer__Content .contry-selector-popup span {
font-size: 12px;
margin-right: 20px;
letter-spacing: -0.075em;
line-height: 1.65;
display: block;
}
.js-back-in-stock input#email::placeholder {
opacity: 0.5;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: normal;
}
.js-back-in-stock input#email {
width: 100%;
border: 1px solid #171717 !important;
padding: 10px 12px;
display: block;
text-align: center;
color: #171717;
font-size: 12px;
height: 46px;
font-style: italic;
font-weight: 400;
line-height: normal;
}
.js-back-in-stock .error-messgae {
color: #171717;
font-family: NeueHaasUnicaW1G-Regular;
font-size: 10px;
font-style: italic;
font-weight: 400;
line-height: normal;
margin-bottom: 8px;
opacity: 0.5;
}
button.Button.Button--full.klaviyo-submit-button,
button.Button--full.klaviyo-submit-button.shopify-payment-button__button--unbranded,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.spr-summary-actions-newreview,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.spr-button-primary:not(input) {
display: flex;
padding: 10px 30px;
justify-content: center;
align-items: center;
border: 1px solid #171717;
color: #fff;
background-color: #171717;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 16px;
font-family: NeueHaasUnicaW1G-Regular;
height: 46px;
letter-spacing: -0.075em;
}
button.Button.Button--full.klaviyo-submit-button.disabled,
button.Button--full.klaviyo-submit-button.disabled.shopify-payment-button__button--unbranded,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.disabled.spr-summary-actions-newreview,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.disabled.spr-button-primary:not(
input
) {
display: flex;
padding: 10px 30px;
justify-content: center;
align-items: center;
border: 1px solid #171717;
color: #171717;
font-family: NeueHaasUnicaW1G-Regular;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 16px;
height: 46px;
background: none;
pointer-events: none;
letter-spacing: -0.075em;
}
.js-back-in-stock.klaviyo-back-in-stock-form {
padding: 0 8px;
margin: 20px auto 0;
}
.js-back-in-stock.klaviyo-back-in-stock-form input {
display: block;
}
@media only screen and (max-width: 640px) {
button.Button.Button--full.klaviyo-submit-button,
button.Button--full.klaviyo-submit-button.shopify-payment-button__button--unbranded,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.spr-summary-actions-newreview,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.spr-button-primary:not(input),
button.Button.Button--full.klaviyo-submit-button.disabled,
button.Button--full.klaviyo-submit-button.disabled.shopify-payment-button__button--unbranded,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.disabled.spr-summary-actions-newreview,
#shopify-product-reviews
button.Button--full.klaviyo-submit-button.disabled.spr-button-primary:not(
input
) {
margin-top: 12px;
}
}
label.needsclick.kl-private-reset-css-Xuajs1 {
justify-content: flex-start !important;
}
.marketselector {
display: flex;
}
.ProductForm .ProductForm__Variants.shoes .ProductForm__Option--labelled {
margin-bottom: 27px;
}
.ProductForm .ProductForm__Variants.shoes .marketselector {
padding-inline: 10.5px;
padding-top: 15px;
}
.ProductForm
.ProductForm__Variants.shoes
.marketselector
.marketselector--label {
color: #171717;
opacity: 40%;
}
.ProductForm .ProductForm__Variants.shoes .marketselector-list {
display: flex;
justify-content: right;
gap: 15px;
}
.ProductForm
.ProductForm__Variants.shoes
.marketselector-list
.market-list-item {
display: flex;
}
.ProductForm
.ProductForm__Variants.shoes
.marketselector-list
li
input[type="radio"] {
-webkit-appearance: none;
appearance: none;
}
.ProductForm
.ProductForm__Variants.shoes
.marketselector-list
li
input[type="radio"]:checked
+ label {
font-weight: 700;
text-decoration: underline;
cursor: pointer;
}
.ProductForm
.ProductForm__Variants.shoes
.marketselector-list
li
input[type="radio"]
+ label {
cursor: pointer;
}
.ProductForm__Variants.shoes .marketselector--label,
.ProductForm__Variants.shoes .marketselector-list {
font-size: 10px;
line-height: 12px;
}
.ProductForm__Variants.shoes .SizeSwatchList li input[type="radio"] + label {
font-size: 12px !important;
line-height: 14px;
}
.ProductForm .ProductForm__Variants.shoes ul.SizeSwatchList {
gap: 18px;
}
.product-new-grid-items:hover .SizeSwatchList .no-size-variant {
line-height: 14px;
}
@media screen and (min-width: 769px) {
.CollectionMain
.CollectionInner
.product-new-grid-items:hover
.product-info-main_wrapper.shoes
.SizeSwatchList {
gap: 25px !important;
opacity: 1;
text-align: center;
padding-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
}
.CollectionMain
.CollectionInner
.product-new-grid-items
.product-info-main_wrapper.shoes
ul.SizeSwatchList
li.HorizontalList__Item
.SizeSwatch {
font-size: 14px !important;
line-height: 16.7px !important;
max-width: fit-content;
}
.ProductForm__Variants.shoes .SizeSwatch {
width: 46px;
height: 46px;
}
}
@media screen and (max-width: 768px) {
.CollectionMain
.CollectionInner
.product-new-grid-items
.product-info-main_wrapper.shoes
.SizeSwatchList {
display: flex;
padding: 54px 10px 59px;
justify-content: center;
flex-wrap: wrap;
column-gap: 44px;
row-gap: 20px;
}
.CollectionMain
.CollectionInner
.product-new-grid-items
.product-info-main_wrapper.shoes
.SizeSwatchList
.HorizontalList__Item
label {
height: 30px;
line-height: 17px !important;
font-weight: 400;
}
.ProductForm
.ProductForm__Variants.shoes
.marketselector-list
li
input[type="radio"]:checked
+ label {
font-weight: 400;
text-decoration: underline;
}
.ProductForm__Variants.shoes .SizeSwatchList li input[type="radio"] + label {
font-size: 14px !important;
line-height: 16px;
}
.ProductForm__Variants.shoes .SizeSwatchList .SizeSwatch {
height: fit-content;
padding-top: 12px;
padding-bottom: 9px;
}
.ProductForm__Variants.shoes .marketselector--label,
.ProductForm__Variants.shoes .marketselector-list {
line-height: 14px;
}
.ProductForm .ProductForm__Variants.shoes .marketselector {
padding-top: 20px;
padding-inline: 8px;
}
.ProductForm .ProductForm__Variants.shoes .marketselector-list {
gap: 20px;
}
.ProductForm .ProductForm__Variants.shoes ul.SizeSwatchList {
gap: 15px;
padding: 15px 8.5px;
}
.ProductForm .ProductForm__Variants.shoes .ProductForm__Option--labelled {
margin-bottom: 20px;
}
}
.market-list-items {
flex: 1;
}
.product__product-main-media__zoomed-wrapper {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 999;
background: #000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transform: scale(0);
pointer-events: none;
transition: all 0.5s ease-in-out;
}
.js-open-model-zoom {
cursor: pointer;
position: absolute;
top: 14px;
border: 1px solid;
border-left: 0;
left: -17px;
gap: 4px;
z-index: 10;
background: #fff;
padding: 5.5px 8px;
border-radius: 0 10px 10px 0;
display: flex;
justify-content: center;
align-items: center;
line-height: 20px;
}
.js-open-model-zoom .modale_text {
font-size: 12px;
line-height: 20px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.product__product-main-media__zoomed-wrapper--open {
opacity: 1;
pointer-events: all;
transform: scale(1);
}
.product__product-main-media__zoomed-wrapper model-viewer {
height: 100%;
width: 100%;
}
model-viewer.product__product-main-media__model {
height: 100%;
width: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
}
.Product__SlideItem--model {
position: relative;
}
.product__product-main-media__zoomed-wrapper .close-btn-wrapper {
position: absolute;
top: 0;
z-index: 10;
text-align: right;
height: 11px;
width: 11px;
right: 0;
padding: 20px;
}
.product__product-main-media__zoomed-wrapper
.close-btn-wrapper
.js-close-model-zoom {
height: 14px;
width: 14px;
position: absolute;
top: 0;
right: 0;
padding: 20px;
}
.js-open-model-zoom .model-icon {
display: flex;
justify-content: center;
align-items: center;
}
.js-close-model-zoom .model-icon .Icon {
position: fixed;
top: 12px;
right: 12px !important;
}
model-viewer.product__product-main-media__model {
height: 528px;
margin-top: 0;
}
.Product__Wrapper.shoes .flexslider .flex-viewport {
height: 528px !important;
}
@media screen and (min-width: 1000px) {
.Product__SlideItem--model {
padding-bottom: 536px !important;
}
model-viewer.product__product-main-media__model {
height: 528px;
margin-top: 17.71px;
}
}
@media screen and (max-width: 768px) {
.js-open-model-zoom {
left: 0;
gap: 6px;
}
.js-open-model-zoom .modale_text {
font-size: 10px;
}
.js-open-model-zoom .model-icon svg {
height: 13px !important;
width: 13px !important;
}
.js-close-model-zoom .model-icon .Icon {
left: 12px !important;
}
.product__product-main-media__zoomed-wrapper .close-btn-wrapper {
position: absolute;
top: 0;
z-index: 10;
height: 11px;
width: 11px;
left: 0;
}
}
.recently-viewed-section.look {
margin-block: 60px;
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.recently-viewed-section.look {
margin-top: 46px;
margin-bottom: 20px;
}
#recent--recently-viewed-products header.SectionHeader.SectionHeader--center {
margin-bottom: 10px;
}
}
.shop-the-look-section.margin-zero {
margin-top: 0;
padding-top: 18px;
}
.shop-the-look-content .Product__Slideshow.look-product-image {
padding-top: 0;
margin: 0;
}
.shop-the-look-content .Product__Slideshow img {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='17px' viewBox='0 0 100 99' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill: %23452b1a;fill-opacity:1;' d='M 100 38.226562 L 100 60.601562 L 61.207031 60.601562 L 61.207031 98.992188 L 38.636719 98.992188 L 38.636719 60.601562 L 0 60.601562 L 0 38.226562 L 38.636719 38.226562 L 38.636719 0.0078125 L 61.207031 0.0078125 L 61.207031 38.226562 Z M 100 38.226562 '/%3E%3C/g%3E%3C/svg%3E")
17 17,
zoom-in;
}
.shop-the-look-product_wrapper.look-product__wrapper
.js-shop-the-look-carousel {
padding-top: 25px;
}
@media screen and (min-width: 769px) {
.shop-the-look-product_wrapper.look-product__wrapper {
width: calc((100% - 440px) / 2 + 459px);
padding-left: 8px;
}
.shop-the-look-product_wrapper.look-product__wrapper
.js-shop-the-look-carousel {
padding-top: 33px;
}
}
.shop-the-look-product_wrapper.look-product__wrapper .total-products {
font-weight: 400;
}
section.Section.shop-the-look-section.look-product {
margin-top: 0;
padding-top: 18px;
}
section.Section.shop-the-look-section.look-product .shop-the-look-content,
.shop-the-look-content {
padding-left: 18px;
}
button.mfp-close .mobile-btn {
display: none;
}
button.mfp-close {
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
width: 11px;
height: 11px;
right: 12px;
top: 12px;
}
@media (max-width: 640px) {
button.mfp-close .desk-button {
display: none;
}
button.mfp-close .mobile-btn {
display: block;
line-height: 0;
}
button.mfp-close {
left: 12px;
margin: 0;
}
section.Section.shop-the-look-section.look-product .shop-the-look-content,
.shop-the-look-content {
padding-left: 0;
}
section.Section.shop-the-look-section.look-product {
padding: 0;
}
}
.fancybox-navigation button.fancybox-button {
background-color: transparent;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-clip: unset;
background-position: center;
height: 10px;
padding: 0;
top: calc(50% - 5px);
width: 7px;
left: 12px;
}
button.fancybox-button svg {
width: 5px;
height: 10px;
}
.fancybox-navigation button.fancybox-button div {
padding: 0;
height: auto;
}
.fancybox-navigation button.fancybox-button.fancybox-button--arrow_right {
left: auto;
right: 12px;
rotate: 180deg;
}
.Section.look--product_section {
margin-top: 62px;
}
@media screen and (max-width: 768px) {
.Section.look--product_section {
margin-top: 46px;
}
}
.categories-carousel-swiper {
padding-inline: 18px;
}
.categories-carousel-main .swiper-buttons .swiper-button {
position: unset;
margin: 0;
width: fit-content;
height: fit-content;
}
.categories-carousel-main .swiper-buttons {
display: flex;
align-items: center;
padding-right: 21px;
gap: 18px;
}
.categories-carousel-main .heading-button-wrapper {
display: flex;
justify-content: space-between;
align-items: end;
margin-bottom: 20px;
}
.categories-carousel-main .swiper-buttons .swiper-button.categories-n-arrow {
rotate: 180deg;
}
.categories-headder {
font-size: 12px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: 15px;
}
.categories-card-text {
font-size: 12px;
font-weight: 400;
position: absolute;
bottom: 8px;
left: 8px;
}
.ProductListWrapper .categories-carousel-swiper .swiper-slide,
.ProductListWrapper .categories-carousel-swiper .lookbook_wraper {
height: 100%;
}
@media only screen and (max-width: 768px) {
.swiper-button-prev.categories-p-arrow {
display: flex !important;
}
.categories-carousel-swiper {
padding-inline: 8px !important;
}
.categories-carousel-main .heading-button-wrapper {
align-items: center;
min-height: 24px;
margin-bottom: 12px;
}
.categories-carousel-main .swiper-buttons {
padding-right: 8px;
}
.categories-headder {
font-size: 11px;
line-height: 13px;
}
}
.Search__Results
.product-look-grid-item
.product--information.with-colors.product-color-wrapper {
height: 60px;
}
.product-look-grid-item
.product--information.with-colors.product-color-wrapper {
height: auto;
}
.product-look-grid-item
.product--information
.total-products.product-price-text {
margin: 0;
}
@media screen and (min-width: 641px) {
.\31\/4--tablet-and-up,
.\33\/12--tablet-and-up {
min-width: 25%;
}
}
.bottom_description_wraper .Collection_Heading,
.collection-menu.bottom_menu .Collection_Heading {
font-size: 14px !important;
line-height: 19px !important;
}
.bottom_description_wraper {
display: flex;
flex-direction: column;
align-items: baseline;
padding: 24px 18px 0;
margin-bottom: 24px;
}
.bottom-description .metafield-rich_text_field h1,
.bottom-description .metafield-rich_text_field h2 {
font-size: 10px;
line-height: 12.21px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
margin-block: 0;
}
.bottom-description .metafield-rich_text_field h3,
.bottom-description .metafield-rich_text_field h4 {
font-size: 9px;
line-height: 11px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
margin-block: 0;
}
.bottom-description .metafield-rich_text_field h5,
.bottom-description .metafield-rich_text_field h6 {
font-size: 8px;
line-height: 9.77px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
text-transform: normal;
margin-block: 0;
}
.bottom-description .metafield-rich_text_field {
font-size: 8px;
line-height: 9.54px;
display: flex;
flex-direction: column;
text-align: justify;
}
.bottom-description .metafield-rich_text_field p {
margin-block: 0;
}
.bottom-description .metafield-rich_text_field a {
text-decoration: underline;
cursor: pointer;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
.bottom-description .clamped {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bottom_description_wraper .bottom-description .view-more-link,
.bottom_description_wraper .bottom-description .view-less-link {
margin-top: 8px;
font-size: 10px !important;
line-height: 12.21px !important;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
text-decoration-line: underline;
}
#collection--collection-template
.CollectionMain
.Collection_Heading.bottom_description_heading {
font-size: 10px !important;
line-height: 12.21px !important;
display: flex;
}
.collection-menu.bottom_menu .Collection_Heading.bottom_description_heading {
margin-bottom: 2px;
display: flex;
}
.collection-menu.bottom_menu .swiper-slide {
max-width: fit-content;
}
.bottom_description_wraper .Collection_Heading.bottom_description_heading {
margin-bottom: 8px;
}
.swiper.collection-menu.bottom_menu {
padding-bottom: 60px;
}
.swiper.collection-menu.bottom_menu a.bottom_menu_link {
font-size: 12px !important;
line-height: 12px !important;
opacity: 1;
}
.swiper.collection-menu.bottom_menu .slide-active {
border-bottom: none;
}
section[data-section-type="collection"] .PageHeader {
margin-bottom: 0;
}
.CollectionToolbar .toogle_menu {
height: 24px;
display: flex;
gap: 8px;
border: none;
justify-content: end;
padding-right: 8px !important;
}
.CollectionToolbar .toogle_menu .grid_toogle_link svg {
margin: 5px;
}
.CollectionToolbar .toogle_menu .grid_toogle_link {
opacity: 20%;
}
.CollectionToolbar .toogle_menu .grid_toogle_link.active {
opacity: 100%;
}
.CollectionInner.product_grid_section .ProductList--grid > .Grid__Cell {
margin-bottom: 36px;
}
.CollectionMain .json_template_style .Collection_Heading {
line-height: 15px !important;
}
.swiper.collection-menu.json_template_style a {
font-size: 10px;
opacity: 1;
line-height: 12px;
}
.swiper.collection-menu.json_template_style {
margin-top: 3px;
}
.CollectionInner .CollectionInner__Products .Pagination {
margin-top: 22px !important;
}
.swiper.collection-menu.bottom_menu {
margin-top: 24px !important;
}
@media screen and (max-width: 641px) {
.bottom_description_wraper .bottom-description .view-more-link,
.bottom_description_wraper .bottom-description .view-less-link {
margin-top: 6px;
}
.bottom_description_wraper {
padding-inline: 8px 6px;
}
#collection--collection-template:has(.CollectionMain) .PageHeader {
margin: 0;
}
section[data-section-type="collection"]:has(.CollectionMain)
.CollectionToolbar {
padding-top: 8px;
}
.CollectionToolbar .toogle_menu .grid_toogle_link svg {
margin: 0;
}
.CollectionToolbar .toogle_menu {
gap: 20px;
height: unset;
align-items: end;
}
.CollectionInner.product_grid_section .ProductList--grid > .Grid__Cell {
margin-bottom: 15px;
}
.swiper.collection-menu.json_template_style {
margin-top: 8px;
}
}
.lookbook-section .lookbook-swiper .plus_title_wraper {
display: flex;
}
.lookbook-section .lookbook-swiper .plus_title_wraper .name-wraper {
display: flex;
flex-direction: column;
}
.lookbook-section .lookbook-swiper .look-plus-icon {
margin-top: 5px;
}
.look_related_products .look-product-image,
.look_related_products .SectionHeader,
.look_related_products .arrow-shop-look,
.look_related_products .plus-icon,
.look_related_products .product-info-main_wrapper .color-swatch,
.look_related_products .shop-the-look-content .Product__Slideshow {
display: none;
}
.look_related_products .product--information {
position: relative;
width: 100%;
}
.look_related_products:after {
content: "";
position: absolute;
top: 12px;
left: 50%;
width: 34px;
border: 0.5px solid #171717;
transform: translate(-50%);
opacity: 0.2;
}
.look_related_products .ProductList {
max-height: 477px;
overflow: scroll;
}
.look_related_products {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
background: #fff;
z-index: 999999;
display: flex;
justify-content: center;
flex-wrap: wrap;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 33px 7px 32px 8px;
transform: translateY(100%);
visibility: hidden;
}
.look_related_products.show {
transform: translateY(0);
visibility: visible;
border-top: 1px solid #171717;
}
.look_related_products .shop-the-look-wraper {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0;
}
.look_related_products .shop-the-look-wraper .shop-the-look-items {
max-width: 100vw;
}
.product-info-main_wrapper .look_product_title {
display: flex;
justify-content: space-between;
}
.look-plus-icon {
display: none;
cursor: pointer;
}
.no-scroll {
overflow: hidden;
}
.look-plus-icon.active svg {
display: none;
}
.look-plus-icon.active .loading {
display: block;
}
.loading {
display: none;
height: 16px;
width: 30px;
border: 0.2em solid currentcolor;
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader-03 linear infinite;
position: relative;
}
@keyframes loader-03 {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@media screen and (max-width: 640px) {
.look_related_products > div {
width: 100%;
}
.look_related_products .shop-the-look-product_wrapper {
padding-top: 0;
}
.look_related_products h2.ProductItem__Title.Heading {
margin: 0;
}
.look-plus-icon {
display: flex;
width: 16px;
}
.look_related_products .ProductItem__ImageWrapper {
min-width: 106.25px;
}
.look_related_products h2.ProductItem__Title.Heading a {
width: 100%;
overflow: unset;
white-space: wrap;
text-overflow: unset;
}
.look_related_products .product-image-wrapper-new_grid {
display: flex;
gap: 8px;
}
.look_related_products .product-new-grid-items .SizeSwatchList {
opacity: 1;
position: absolute;
height: fit-content;
bottom: 0;
background: transparent;
transform: unset;
column-gap: 25px;
row-gap: 10px;
justify-content: start;
padding: 0;
}
.look_related_products
.product--information.with-colors.product-color-wrapper {
flex: 1;
position: relative;
display: flex;
flex-direction: column;
height: auto;
}
.look_related_products
.product-new-grid-items
.SizeSwatchList
.HorizontalList__Item
label {
font-size: 12px;
line-height: 14px;
height: fit-content;
}
.look_related_products .product-new-grid-items .SizeSwatchList:after {
content: none;
}
}
iframe#chat-button {
z-index: 999 !important;
}
.Popover__ValueList .Popover__Value.is-selected {
display: none;
}
.Popover__ValueList .Popover__Value {
text-transform: lowercase;
}
.Sort_Mobile_Option:before {
content: none;
}
#collection-sort-popover .Popover__Value,
.Sort_Mobile_Option .selected-option,
.Sort_Mobile_Option {
color: #171717;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.075em;
}
.Sort_Mobile_Option .selected-option {
margin-left: 2px;
}
.Sort_Mobile_Option {
color: #171717;
}
.Sort_Mobile_Option svg {
margin-bottom: -5px;
margin-left: 4px;
}
.Sort_Mobile_Option svg.minus_sort {
margin-bottom: -6px;
margin-left: 6px;
}
.Sort_Mobile_Option[aria-expanded="true"] svg.plus_sort {
display: none;
}
.Sort_Mobile_Option[aria-expanded="false"] svg.plus_sort {
display: inline-flex;
}
.Sort_Mobile_Option[aria-expanded="false"] svg.minus_sort {
display: none;
}
.Sort_Mobile_Option[aria-expanded="true"] svg.minus_sort {
display: inline-flex;
}
.Popover {
box-shadow: none;
}
.Popover:before {
content: none;
}
#collection-sort-popover .Popover__Value {
line-height: 1;
font-weight: 400;
font-size: 14px;
padding-right: 0;
padding-left: 19px;
}
.swiper.collection-menu.bottom_menu {
flex-direction: column;
}
#collection-sort-popover[aria-hidden="false"],
#collection-sort-popover-mobile[aria-hidden="false"] {
z-index: 999;
}
.collection_sort_by_wrapper.mobile-only {
display: none;
}
@media screen and (max-width: 640px) {
#collection-sort-popover .Popover__Value,
.Sort_Mobile_Option .selected-option,
.Sort_Mobile_Option {
font-size: 14px;
}
#collection-sort-popover[aria-hidden="false"],
#collection-sort-popover-mobile[aria-hidden="false"],
#collection-sort-popover,
#collection-sort-popover-mobile {
margin-right: 0;
left: auto !important;
border-radius: 4px;
overflow: hidden;
}
.collection_sort_by_wrapper.mobile-only.box-present {
position: relative;
z-index: 2;
width: auto;
margin-inline: 8px;
margin-left: 65px;
}
#collection-sort-popover .Popover__Value {
padding-inline: 0;
padding-bottom: 7px;
}
.Popover__ValueList {
padding-top: 7px;
}
#collection-sort-popover-mobile .Popover__Value:not(:last-child) {
border-bottom: 1px solid #1717174d;
padding-top: 0;
padding-inline: 0px;
padding-bottom: 7px;
}
#collection-sort-popover-mobile .Popover__Value:last-child {
padding-top: 7px;
padding-inline: 0px;
padding-bottom: 0;
}
#collection-sort-popover-mobile .Popover__Value {
padding-right: 32px;
}
.collection_sort_by_wrapper {
justify-content: left;
width: calc(100% - 16px);
margin: 0;
}
.CollectionToolbar__Group {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (min-width: 641px) {
.PageHeader {
margin: 0px;
}
}
.quick-menus-and-sorting-idevv span.swiper-slide.collection_menu_wrap.slide-active.swiper-slide-active .hover-animation {
border-bottom: 1px solid #171717;
}
.hover-animation:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -2px;
left: 0;
background-color: #171717;
transition: transform 0.25s ease-out;
}
.hover-animation:hover:after {
transform: scaleX(1);
}
.hover-animation {
position: relative;
width: fit-content !important;
}
.hover-animation:hover {
color: currentcolor !important;
text-decoration: auto !important;
}
.collection_menu_wrap:has(.hover-animation:hover) {
border-bottom: 1px solid transparent !important;
}
.custom_desktop_menu .HorizontalList__Item.hover-animation .Heading {
font-weight: 400 !important;
}
.ProductForm__Variants .SizeSwatch.hover-animation:hover {
border-color: transparent;
}
.custom_mega_menu_hover .hover_title:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -2px;
left: 0;
background-color: #171717;
transition: transform 0.25s ease-out;
}
.custom_mega_menu_hover:hover .hover_title:after {
transform: scaleX(1);
}
.custom_mega_menu_hover .hover_title {
position: relative;
width: fit-content;
margin-inline: auto;
}
.custom_mega_menu_hover:hover {
color: currentcolor !important;
text-decoration: auto !important;
}
.acco_hover .hover_title:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -2px;
left: 0;
background-color: #171717;
transition: transform 0.25s ease-out;
}
.acco_hover:hover .hover_title:after {
transform: scaleX(1);
}
.acco_hover .hover_title {
position: relative;
}
.acco_hover:hover {
color: currentcolor !important;
text-decoration: auto !important;
}
.ProductForm__Variants .hover-animation:after,
.view_all-link.hover-animation:after {
bottom: -1px;
}
.view_all-link.hover-animation:hover {
border-bottom-color: transparent !important;
}
.product-look-grid-item
.product-image-wrapper-new_grid
.product--information.hover-animation
.product-info-main_wrapper:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -2px;
left: 0;
background-color: #171717;
transition: transform 0.25s ease-out;
}
.product-look-grid-item
.product-image-wrapper-new_grid:hover
.product--information.hover-animation
.product-info-main_wrapper:after {
transform: scaleX(1);
}
.product-look-grid-item
.product-image-wrapper-new_grid
.product--information.hover-animation
.product-info-main_wrapper {
position: relative;
}
.product-look-grid-item
.product-image-wrapper-new_grid
.product--information
.product-info-main_wrapper:after,
.product-look-grid-item
.product-image-wrapper-new_grid
.product--information.hover-animation:after {
content: none !important;
}
.product-look-grid-item
.product-image-wrapper-new_grid:hover
.product--information
.product-info-main_wrapper
.hover-animation-link.hover-animation:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -2px;
left: 0;
background-color: #171717;
transition: transform 0.25s ease-out;
}
.product-look-grid-item
.product-image-wrapper-new_grid:hover
.product--information.hover-animation
.product-info-main_wrapper
.hover-animation-link:after {
transform: scaleX(1);
}
.product-look-grid-item
.product-image-wrapper-new_grid
.product--information
.product-info-main_wrapper
.hover-animation-link {
position: relative;
max-width: fit-content;
}
@media screen and (max-width: 1024px) {
.product-look-grid-item
.product-image-wrapper-new_grid:hover
.product--information
.product-info-main_wrapper
.hover-animation-link.hover-animation:after {
bottom: 0;
}
}
@media screen and (max-width: 640px) {
.product-look-grid-item .product-image-wrapper-new_grid .hover-animation {
width: 100% !important;
}
}
.Collapsible__Button
+ .Collapsible__Inner
.Collapsible__Button:has(+ .Collapsible__Inner) {
font-weight: 700 !important;
}
h1.Form__Title.Heading.u-h1,
.Rte h1.Form__Title.Heading {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
letter-spacing: -0.075em;
line-height: normal;
margin-bottom: 10px;
font-family: NeueHaasUnicaW1G-Regular;
}
button.Form__Submit.Button.Button--primary.Button--full,
button.Form__Submit.Button--full.shopify-payment-button__button--unbranded,
#shopify-product-reviews
button.Form__Submit.Button--full.spr-summary-actions-newreview,
#shopify-product-reviews
button.Form__Submit.Button--full.spr-button-primary:not(input) {
padding-block: 14px;
font-family: NeueHaasUnicaW1G-Regular;
font-size: 12px;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: normal;
padding-inline: 0;
letter-spacing: -0.075em;
}
.relative {
position: relative;
}
.full-section-link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 5;
}
#recent--recently-viewed-products.Section.recently-viewed-section {
padding-left: 18px;
padding-right: 18px;
margin: 0 -4px;
}
.recently-viewed-section .recently-viewd-product .recommended-product-wrapper {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
}
.recently-viewed-section .recently-viewd-product .recommended-product-items {
width: 20% !important;
margin: 0 !important;
padding: 0 4px;
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.recently-viewed-section .recently-viewd-product .recommended-product-items {
width: 25% !important;
}
}
@media screen and (max-width: 640px) {
.recently-viewed-section .recently-viewd-product .recommended-product-items {
width: 50% !important;
}
#recent--recently-viewed-products.Section.recently-viewed-section {
padding-inline: 8px;
}
#recent--recently-viewed-products .recommended-product-wrapper {
row-gap: 15px;
}
}
.link-hover-simple:hover {
text-decoration: underline;
text-underline-offset: 1px;
}
.container-reward {
max-width: 945px;
padding-inline: 30px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
.container-reward {
padding-inline: 30px;
}
}
@media screen and (max-width: 375px) {
.tab-menu__container.container-reward {
padding-inline: 10px;
}
.tab-menu__container .tab-menu__content .tab-menu__content--inner {
gap: 7px;
}
}
.reward-points {
font-size: 14px;
line-height: 13px;
}
.hidden {
display: none !important;
}
.terms-condition-label {
font-size: 10px;
font-weight: 400;
letter-spacing: 0px;
}
.Header__Wrapper .navigation_icon {
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.Header__Wrapper .navigation_icon:has(.header_cart) {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.Header__Wrapper .Header__Icon:has(.navigation_icon .header_cart) {
display: flex;
justify-content: center;
align-items: center;
gap: 2px;
margin-block: auto;
}
@media screen and (max-width: 1239px) {
.Header__Wrapper .navigation_icon {
height: 16px;
width: 16px;
}
}
@media screen and (max-width: 768px) {
#shopify-section-header .desktop_icon_header .Header__Icon {
align-items: start;
}
}
.Footer {
padding: 55px 0 20px;
color: #452b1a;
}
.Footer .Footer__Block .Heading {
color: #452b1a;
}
@media screen and (max-width: 1239px) {
.Footer__Content + .Footer__Newsletter {
margin-left: 0;
}
.Footer__Block,
.Footer__Block:first-child {
margin-top: 20px;
}
}
@media screen and (max-width: 768px) {
.heading_country_selector {
display: none;
}
.Footer__Block,
.Footer__Block:first-child {
padding-inline: 40px;
}
.Footer .Container .Footer__Block--orbe .Footer__Title {
font-weight: 700;
}
.Footer__Block .Footer__Title {
margin-bottom: 14px;
}
.Footer__Content + .Footer__Newsletter {
margin-top: 22px;
}
.Footer__Block.Footer__Block--newsletter .Footer__Title {
margin-bottom: 18px;
}
.Footer__Block.Footer__Block--links .Linklist .Linklist__Item {
margin-bottom: 5px;
}
.Footer__Newsletter .Form__Input,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-text,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-email,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-textarea {
height: auto;
max-width: 158px;
}
#footer-newsletter .Button--primary,
#footer-newsletter .shopify-payment-button__button--unbranded,
#footer-newsletter #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews #footer-newsletter .spr-summary-actions-newreview,
#footer-newsletter #shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews #footer-newsletter .spr-button-primary:not(input) {
text-transform: capitalize;
}
}
@media screen and (max-width: 640px) {
.Footer {
padding: 0;
}
}
@media screen and (min-width: 769px) {
.Footer .Container {
padding-inline: 105px;
}
.Footer__Block {
min-width: 51px;
}
.Footer__Inner {
margin-inline: 0;
}
.Footer {
padding: 80px 0 23px;
}
#footer-newsletter .Button--primary,
#footer-newsletter .shopify-payment-button__button--unbranded,
#footer-newsletter #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews #footer-newsletter .spr-summary-actions-newreview,
#footer-newsletter #shopify-product-reviews .spr-button-primary:not(input),
#shopify-product-reviews #footer-newsletter .spr-button-primary:not(input) {
max-width: min-content;
width: 100%;
height: 32px;
padding: 8.5px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 12px;
line-height: 100%;
letter-spacing: normal;
text-transform: uppercase;
font-family: NeueHaasUnicaW1G-Regular;
margin-left: 4px;
}
.Footer__Newsletter .Form__Input,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-text,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-text,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-email,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-email,
.Footer__Newsletter #shopify-product-reviews .spr-form-input-textarea,
#shopify-product-reviews .Footer__Newsletter .spr-form-input-textarea {
width: 100%;
font-weight: 400;
line-height: 100%;
letter-spacing: normal;
padding: 9px;
height: 32px;
font-family: NeueHaasUnicaW1G-Regular;
}
.heading_country_selector {
font-family: NeueHaasUnicaW1G-Regular;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.075em;
margin-bottom: 8px;
}
.Footer__Block.Footer__Block--orbe .Footer__Title {
font-weight: 400;
display: flex;
height: 18px;
line-height: 18px;
}
.Footer__Block--orbe .Footer__Title {
font-family: NeueHaasUnicaW1G-Regular;
}
.Footer__Block.Footer__Block--newsletter .Footer__Title {
font-family: NeueHaasUnicaW1G-Regular;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-size: 12px;
line-height: 18px;
letter-spacing: normal;
margin-bottom: 8px;
letter-spacing: -0.075em;
}
.Footer__Block--newsletter {
padding-inline: 0;
}
.Footer__Block--newsletter .Footer__Content {
font-family: NeueHaasUnicaW1G-Regular;
font-weight: 400;
line-height: 18px;
letter-spacing: normal;
}
.Footer__Content + .Footer__Newsletter {
margin-top: 28px;
margin-right: 0;
margin-left: auto;
}
.Footer__Content + .Footer__Newsletter .footer-email-wrapper {
max-width: unset;
margin-right: 0;
width: 100%;
}
.Footer__Block:first-child {
margin: 0;
padding-left: 0;
}
}
#shopify-section-collection-template:has(.EmptyState)
.collection_sort_by_wrapper,
#shopify-section-collection-template:has(.EmptyState)
#collection-sort-popover-mobile {
display: none;
}
#shopify-section-collection-template:has(.EmptyState)
.collection-menu
.swiper-wrapper {
min-height: 25px;
}
#shopify-section-collection-template:has(.EmptyState) .CollectionToolbar {
padding-top: 15px;
}
#shopify-section-collection-template:has(.EmptyState)
.swiper.collection-menu
a {
font-size: 14px;
opacity: 0.5;
}
#shopify-section-collection-template:has(.EmptyState)
.swiper.collection-menu
.slide-active {
border-bottom: 1px solid #171717;
}
#shopify-section-collection-template:has(.EmptyState)
.swiper.collection-menu
a.active {
opacity: 1;
font-weight: 500;
}
#shopify-section-collection-template:has(.EmptyState)
.swiper.collection-menu
.collection_menu_wrap
.hover-animation:after {
bottom: -4px;
}
#shopify-section-collection-template:has(.EmptyState)
.swiper.collection-menu
.swiper-slide {
width: auto;
display: inline-block;
}
@media screen and (max-width: 641px) {
#shopify-section-collection-template:has(.EmptyState) .CollectionToolbar {
padding-top: 8px;
}
}
.product-with-section .Product__Gallery {
margin-left: 0;
}
.product-with-section .ProductForm__AddToCart {
margin-left: 8px;
margin-right: 8px;
width: calc(100% - 16px);
}
.plp-banner {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.plp-banner .media-wrapper-main img {
height: 100%;
object-fit: cover;
width: 100%;
}
.plp-banner-image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.plp-banner-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
display: flex;
flex-direction: column;
pointer-events: none;
}
.plp-banner-overlay .plp-banner-cta {
pointer-events: auto;
}
.plp-banner-title {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-style: normal;
letter-spacing: -0.07em;
}
.plp-banner-cta {
text-decoration: none;
position: relative;
display: inline-block;
color: #fff;
}
.plp-banner-cta:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -4px;
left: 0;
background-color: #fff;
transform: scaleX(1);
transform-origin: center;
transition: transform 0.25s ease-out;
}
.plp-banner-cell:hover .plp-banner-cta:after {
transform: scaleX(0);
animation: underline-expand 0.25s forwards;
}
@keyframes underline-expand {
0% {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
.plp-banner-overlay.portrait.has-cta {
padding-bottom: 80px;
}
.plp-banner-overlay.portrait {
align-items: center;
gap: 16px;
padding-bottom: 125px;
}
.plp-banner-overlay.portrait .plp-banner-title {
font-size: 40px;
line-height: 40px;
text-align: center;
}
.plp-banner-overlay.portrait .plp-banner-cta {
font-size: 16px;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.07em;
}
.plp-banner-overlay.landscape.has-cta {
padding-bottom: 52px;
}
.plp-banner-overlay.landscape {
align-items: start;
gap: 8px;
padding-left: 20px;
padding-bottom: 85px;
}
.plp-banner-overlay.landscape .plp-banner-title {
font-size: 30px;
line-height: 35px;
}
.plp-banner-overlay.landscape .plp-banner-cta {
font-size: 14px;
font-weight: 400;
line-height: 25px;
letter-spacing: -0.07em;
}
@media (max-width: 767px) {
.plp-banner-overlay.landscape .plp-banner-title,
.plp-banner-overlay.portrait .plp-banner-title {
font-size: 16px;
line-height: 18.15px;
}
.plp-banner-overlay {
left: 10px;
}
.plp-banner-overlay.portrait.has-cta {
padding-bottom: 24.09px;
}
.plp-banner-overlay.portrait {
align-items: center;
gap: 4.15px;
padding-bottom: 43.23px;
}
.plp-banner-overlay.portrait .plp-banner-cta {
font-size: 10px;
line-height: 12.97px;
}
.plp-banner-overlay.landscape.has-cta {
padding-bottom: 24px;
}
.plp-banner-overlay.landscape {
gap: 4px;
padding-left: 10px;
padding-bottom: 43px;
}
.plp-banner-overlay.landscape .plp-banner-cta {
font-size: 10px;
line-height: 12.97px;
}
.plp-banner {
height: auto;
position: static;
}
.plp-banner-image {
height: auto;
aspect-ratio: auto;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.medium-hide {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.small-hide {
display: none !important;
}
}
@media screen and (min-width: 1025px) {
.large-up-hide {
display: none !important;
}
}
.Search__Results .image-grid-gallery-new .hover_image {
opacity: 1;
}
.recommended-product-wrapper .swiper-slide img {
width: 100%;
}
@media screen and (max-width: 767px) {
.recommended-product-wrapper .swiper-slide {
margin-right: 8px;
}
}
.gallery-section .gallery-image-wrapper video {
width: 100%;
}
.gallery-section .gallery-image-wrapper .media-wrapper-main {
line-height: 0;
}
.you-may-also-like-heading .SectionHeader__Heading.SectionHeader__Heading {
margin-top: 0;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
min-height: 15px;
}
.collection-grid.desktop-grid-collection-hide {
display: none;
}
@media screen and (max-width: 640px) {
.collection-grid.desktop-grid-collection-hide {
display: grid;
}
.collection-grid.mobile-grid-collection-hide {
display: none;
}
}
@media screen and (max-width: 768px) {
header .you-may-also-like-heading {
padding: 0 8px;
}
}
.image-for-hover {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
.ProductItem__ImageWrapper {
position: relative;
}
@media screen and (max-width: 1008px) {
.image-for-hover {
display: none;
}
.shop-the-look-content .image-for-hover {
display: block;
}
}
#recent--recently-viewed-products .you-may-also-like-heading h3 {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
min-height: 15px;
}
.recently-viewed-section .you-may-also-like-heading {
padding-left: 4px;
padding-right: 4px;
}
.shopify-section
.product-swiper-component.product-with-section.recently-viewed-section {
padding-inline: 18px;
margin: 0 -4px;
}
.ProductListWrapper .categories-carousel-swiper .swiper-slide {
width: 333px;
overflow: hidden;
}
.ProductListWrapper .categories-carousel-swiper .swiper-slide:not(:last-child) {
margin-right: 6px;
}
.ProductListWrapper .categories-carousel-swiper .swiper-slide video {
width: 100%;
}
.gallery-section .gallery-image-wrapper {
flex: 1;
}
@media screen and (max-width: 640px) {
.shopify-section
.product-swiper-component.product-with-section.recently-viewed-section {
padding-inline: 8px;
}
.ProductListWrapper .categories-carousel-swiper .swiper-slide {
width: 292px;
}
.ProductListWrapper
.categories-carousel-swiper
.swiper-slide:not(:last-child) {
margin-right: 8px;
}
}
.categories-carousel-swiper .swiper-slide video {
pointer-events: none;
}
summary::-webkit-details-marker {
display: none;
}
.ProductItem__Image[src*="gif"] + .Image__Loader {
display: block;
}
.ProductItem__Image[data-loaded="true"] + .Image__Loader {
display: none;
}
html,
body {
overscroll-behavior: none;
}
main:has(.SizeSwatchList.drag-swatch) {
position: unset;
}
body:has(.SizeSwatchList.drag-swatch) .footer-parallax {
z-index: -111111111;
}
.Grid__Cell.\31\/2--phone.\31\/3--tablet-and-up.\31\/4--lap-and-up,
.Grid__Cell.\31\/2--phone.\31\/2--tablet.\31\/4--lap-and-up {
position: relative !important;
}
.recommended-product-items {
position: relative;
}
button.swym-wishlist-collections-v2 {
transform: unset !important;
}
.swym-wishlist-collections-v2-container {
right: 0 !important;
left: unset !important;
}
.swym-storefront-layout-notification-progress-bar.swym-storefront-notification-animated {
color: #171717 !important;
}
button.swym-storefront-layout-notification-action {
background-color: #171717 !important;
border-radius: 0 !important;
padding: 8px 18px !important;
font-weight: 400 !important;
font-size: 12px !important;
}
.klaviyo-form-button-wrapper,
.ProductForm__AddToCartWrapper {
display: flex;
gap: 1px;
margin-right: 8px;
}
.klaviyo-form-button-wrapper swymcs-wishlist-button,
.ProductForm__AddToCartWrapper swymcs-wishlist-button {
position: relative;
display: flex;
right: unset;
top: unset;
height: 46px;
min-width: 46px;
align-items: center;
justify-content: center;
margin-top: 20px;
background: #171717;
cursor: pointer;
}
.klaviyo-form-button-wrapper swymcs-wishlist-button {
margin-top: 16px !important;
}
@media screen and (min-width: 1024px) {
.klaviyo-form-button-wrapper swymcs-wishlist-button:hover,
.ProductForm__AddToCartWrapper swymcs-wishlist-button:hover {
background: #fff;
border: 1px solid #171717;
}
.klaviyo-form-button-wrapper swymcs-wishlist-button:hover #swymUnFilled svg,
.ProductForm__AddToCartWrapper swymcs-wishlist-button:hover #swymUnfilled svg,
.klaviyo-form-button-wrapper swymcs-wishlist-button:hover #swymFilled svg,
.ProductForm__AddToCartWrapper swymcs-wishlist-button:hover #swymFilled svg {
color: #171717;
stroke: #171717;
}
.swymcs-wishlist-button:hover #swymUnfilled svg {
color: #171717 !important;
}
}
.klaviyo-form-button-wrapper swymcs-wishlist-button #swymUnfilled,
.klaviyo-form-button-wrapper swymcs-wishlist-button #swymFilled,
.klaviyo-form-button-wrapper swymcs-wishlist-button #swymUnfilled svg,
.klaviyo-form-button-wrapper swymcs-wishlist-button #swymFilled svg,
.ProductForm__AddToCartWrapper swymcs-wishlist-button #swymUnfilled,
.ProductForm__AddToCartWrapper swymcs-wishlist-button #swymFilled,
.ProductForm__AddToCartWrapper swymcs-wishlist-button #swymUnfilled svg,
.ProductForm__AddToCartWrapper swymcs-wishlist-button #swymFilled svg {
color: #fff;
stroke: #fff;
}
.klaviyo-form-button-wrapper swymcs-wishlist-button #swymFilled svg,
.ProductForm__AddToCartWrapper swymcs-wishlist-button #swymFilled svg {
fill: #fff;
}
.ProductForm__AddToCartWrapper swymcs-wishlist-button {
min-width: 55px;
height: 52px;
}
.Product__Info
.swym-atw-btn-wrapper:has(.Sold-out-button-secondorry.hide)
.swym-atw-button-container,
.Product__Info
.ProductForm__AddToCartWrapper:has(
.swym-atw-btn-wrapper .Sold-out-button-secondorry.hide
) {
display: none;
}
.custom-wishlist-button {
display: flex;
gap: 4px;
justify-content: space-between;
}
.custom-wishlist-button swymcs-wishlist-button {
position: relative;
display: flex;
right: unset;
top: unset;
height: 20px;
min-width: 20px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.COLOUR.swym-filter-option-name.swym-vs-anim-slide-in {
display: none;
}
h1.swym-collections-variant-popup-header-title {
font-size: 12px !important;
color: #171717 !important;
font-weight: 700;
text-transform: capitalize;
}
span#swym-vs-close-popup {
background: none !important;
color: #171717 !important;
}
span#swym-vs-close-popup svg path {
fill: #171717 !important;
stroke-width: 10 !important;
}
.swym-collections-variant-popup-parent {
border-radius: 0 !important;
}
.swym-collections-variant-popup-header {
padding: 8px 0 !important;
width: 100%;
border-bottom: 1px solid #171717 !important;
}
.swym-vs-popup-content-scroll {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 10px 20px 40px;
}
.swym-collections-variant-popup-content {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 !important;
}
.swym-collection-title-detail {
order: -1;
}
label.swym-filter-labels {
background: none !important;
color: #171717 !important;
border-radius: 0 !important;
border: none !important;
transition: none !important;
font-size: 14px !important;
height: 38px !important;
width: 38px !important;
}
label.swym-filter-labels:hover {
box-shadow: inset 0 -1px #171717;
text-decoration: none !important;
}
label.swym-filter-labels.selected {
box-shadow: inset 0 -1px #171717;
}
.swym-collection-title-detail {
font-size: 14px !important;
color: #171717;
}
.swym-collection-title-detail h2#swym-custom-product-title {
font-size: 14px !important;
color: #171717 !important;
}
div#swymOptionName {
display: none;
}
img#swym-custom-image-blob {
border-radius: 0 !important;
}
button#swym-vs-add-to-wishlist-single {
font-size: 14px;
background: #171717;
transition: color 0.2s, background-color 0.2s;
height: 37px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
outline: 1px solid #171717;
}
button#swym-vs-add-to-wishlist-single:hover {
background: #fff;
color: #171717;
}
div.swym-variant-selector-modal-background:after {
background-color: #171717 !important;
opacity: 0.5 !important;
}
.klaviyo-form-button-wrapper {
margin-right: unset !important;
}
swym-storefront-layout-notification#swym-storefront-layout-notification {
border-radius: 0 !important;
}
.swym-storefront-layout-notification-progress-bar.swym-storefront-notification-animated {
border-radius: 0 !important;
background: #171717 !important;
}
.swym-storefront-layout-notification-container {
padding: 0 15px 0 0 !important;
height: 60px;
}
.swym-storefront-layout-notification-message {
color: #171717 !important;
font-weight: 200;
letter-spacing: unset !important;
font-size: 12px !important;
}
.swym-storefront-layout-notification-image-container {
height: 60px !important;
width: 48px !important;
}
@media only screen and (max-width: 480px) {
.swym-storefront-layout-notification-action {
width: unset !important;
}
}
img.swym-storefront-layout-notification-image {
border-radius: 0 !important;
}
.swym-storefront-layout-notification-title {
color: #171717 !important;
}
span.swym-wishlist-header-counter {
position: relative;
top: 0.5px;
}
button#swymcs-close-add-to-wishlist-popup {
top: 2px !important;
}
swym-header-icon .counter-wrapper {
display: flex;
position: relative;
top: -2px;
min-width: 11px;
}
swym-header-icon .counter-wrapper.hidden {
display: none;
}
swym-header-icon .counter-wrapper,
swym-header-icon .counter-wrapper span {
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 1;
letter-spacing: -0.075em;
}
swym-header-icon svg {
flex: 1;
}
@media screen and (max-width: 1023px) {
swym-header-icon .counter-wrapper {
top: -1px;
}
}
@media screen and (max-width: 767px) {
.custom-wishlist-button {
gap: 10px;
}
}
.swym-button-bar {
margin: 0 !important;
display: block !important;
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/theme.scss.css.map?v=29386875373341079131761040793 */
:root {
--ot-text-size-banner-title: calc(var(--ot-text-size) + 5px);
--ot-text-size-popup-title: calc(var(--ot-text-size) + 5px);
--ot-text-size-category-title: calc(var(--ot-text-size) + 2px);
--ot-text-size-button: calc(var(--ot-text-size) + 2px);
}
.otCookiesNotification button.cookies-btn,
.otCookiesNotification span.ot-cookie {
padding: 8px 16px;
cursor: pointer;
border-radius: var(--ot-border-radius);
min-width: 110px;
text-align: center;
box-sizing: border-box;
width: auto;
align-items: center;
display: flex;
justify-content: center;
word-break: break-word;
font-weight: 700;
}
.otCookiesNotification #cookies-popup .cookies-btn,
.otCookiesNotification #cookies-wrapper .cookies-btn,
.otCookiesNotification #cookies-wrapper .ot-cookie {
font-size: var(--ot-text-size-button) !important;
}
.otCookiesNotification button.cookies-btn:hover,
.otCookiesNotification span.ot-cookie:hover {
opacity: 0.85;
}
.otCookiesNotification .cst-privacy-wrapper {
display: flex;
align-items: center;
justify-content: var(--cst-element-align);
column-gap: 20px;
margin-bottom: 14px;
flex-wrap: wrap;
}
.otCookiesNotification .cst-privacy-wrapper a {
text-decoration: underline;
text-decoration-color: var(--ot-more-textcolor);
text-decoration-thickness: 1px;
}
.otCookiesNotification .cst-banner-header {
display: flex;
flex-direction: column;
align-items: var(--cst-element-align);
justify-content: center;
}
.otCookiesNotification .otCookies-title-banner {
display: flex;
flex-direction: column;
align-items: var(--cst-element-align);
justify-content: center;
}
.otCookiesNotification .ot-group-btn-corner {
display: flex;
justify-content: space-around;
gap: 12px;
align-items: stretch;
max-width: 100%;
}
.otCookiesNotification #cookies-popup {
z-index: 9999;
display: none;
border-radius: 8px;
width: auto;
max-width: 700px;
left: 0;
right: 0;
top: 11%;
position: fixed;
margin: auto;
min-width: 35%;
min-height: 35%;
box-shadow: -9px -9px 10px -5px rgba(161, 161, 161, 0.39);
-webkit-box-shadow: -9px -9px 10px -5px rgba(161, 161, 161, 0.39);
-moz-box-shadow: -9px -9px 10px -5px rgba(161, 161, 161, 0.39);
padding: 20px;
background: var(--ot-banner-bgcolor);
color: var(--ot-banner-textcolor);
-webkit-backdrop-filter: var(--ot-banner-filter-blur);
backdrop-filter: var(--ot-banner-filter-blur);
border: var(--ot-banner-border);
}
.otCookiesNotification #cookies-popup:has(.cst-close-popup) {
padding-top: 30px;
}
.otCookiesNotification
#cookies-body
.accordion-item
button[aria-expanded="true"] {
border-bottom: 1px solid #000;
}
.otCookiesNotification
#cookies-body
.accordion-item
button[aria-expanded="true"]
svg {
transform: rotate(90deg);
}
.otCookiesNotification div#cookies-description-header p {
font-size: var(--ot-text-size);
margin: 0;
text-align: var(--cst-text-align);
}
.otCookiesNotification .accordion-content::-webkit-scrollbar,
.otCookiesNotification .cst-category-detail-content::-webkit-scrollbar {
width: 5px;
}
.otCookiesNotification .accordion-content::-webkit-scrollbar-track,
.otCookiesNotification .cst-category-detail-content::-webkit-scrollbar-track {
background: #ffffff57;
}
.otCookiesNotification .accordion-content::-webkit-scrollbar-thumb,
.otCookiesNotification .cst-category-detail-content::-webkit-scrollbar-thumb {
background: var(--ot-banner-textcolor);
border-radius: 5px;
}
.otCookiesNotification .accordion-content::-webkit-scrollbar-thumb:hover,
.otCookiesNotification
.cst-category-detail-content::-webkit-scrollbar-thumb:hover {
background: var(--ot-banner-textcolor);
opacity: 0.8;
}
#cookies-body button[aria-expanded="true"] + .accordion-content {
visibility: unset;
overflow: auto;
max-height: 300px;
will-change: max-height;
padding: 0 8px 8px;
height: auto;
}
.otCookiesNotification #cookies-body .accordion-content {
visibility: hidden;
overflow: hidden;
transition: all 0.2s linear;
will-change: max-height;
height: 0;
}
.otCookiesNotification #cookies-body .accordion-content p {
font-weight: 400;
font-size: var(--ot-text-size);
margin: 0;
}
.otCookiesNotification #cookies-body .accordion-item button.header-accord {
display: flex;
width: 100%;
background: 0 0;
border: none;
justify-content: space-between;
cursor: pointer;
align-items: center;
padding: 0;
padding-right: 5px;
}
.omgCookie-switch input.omgCookie-input-switch[type="checkbox"] {
height: 0;
width: 0;
visibility: hidden;
display: none;
}
.otCookiesNotification #cookies-action {
display: flex;
justify-content: center;
padding-top: 10px;
gap: 10px;
}
.otCookiesNotification .cookies-btn {
padding: 6px;
border: none;
font-family: var(--ot-font-family);
box-sizing: border-box;
align-items: center;
text-align: center;
max-width: 50%;
}
.otCookiesNotification #cookies-body {
max-height: 420px;
overflow-y: auto;
flex: 1;
scrollbar-width: none;
}
.otCookiesNotification #cookies-body::-webkit-scrollbar {
display: none;
}
input[type="checkbox"].cst-quick-checkbox {
display: none;
}
label.cst-quick-label {
cursor: pointer;
text-indent: -9999px;
width: 32px;
height: 15px;
background: var(--ot-banner-textcolor-fade);
display: block;
border-radius: 100px;
position: relative;
}
label.cst-quick-label:after {
content: "";
position: absolute;
top: 0;
left: 2px;
width: 15px;
height: 15px;
background: #fff;
border-radius: 18px;
transition: all 0.1s;
}
.otCookiesNotification #cookies-popup .cst-close-popup,
.otCookiesNotification #cookies-wrapper .ot-close-icon,
.otCookiesNotification .cookies-privacy-popup .ot-close-icon {
position: relative;
width: 20px;
text-align: right;
cursor: pointer;
}
.otCookiesNotification #cookies-popup .cst-close-popup:hover,
.otCookiesNotification #cookies-wrapper .ot-close-icon:hover,
.otCookiesNotification .cookies-privacy-popup .ot-close-icon:hover {
opacity: 0.85;
cursor: pointer;
}
.otCookiesNotification #opacityBackground {
width: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #444;
opacity: 0.3;
z-index: 999;
}
div.ot-block-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--cst-block-interaction-bg);
backdrop-filter: blur(var(--cst-block-interaction-blur));
-webkit-backdrop-filter: blur(var(--cst-block-interaction-blur));
width: 100vw;
height: 100vh;
z-index: 9998;
user-select: none;
cursor: not-allowed;
}
body:has(.ot-block-overlay[show="true"]),
html:has(.ot-block-overlay[show="true"]) {
overflow: hidden !important;
}
body:has(.ot-block-overlay[show="false"]) #opacityBackground {
visibility: hidden;
}
.ot-icon-banner-wrapper {
display: flex;
align-items: center;
text-align: center;
margin-bottom: 10px;
}
select.ot-lang-selector {
padding: 4px;
border: none;
border-radius: 4px;
cursor: pointer;
color: var(--ot-banner-textcolor);
background: 0 0;
height: auto;
margin: 0;
}
.ot-lang-selector-wrapper {
text-align: center;
display: flex;
justify-content: end;
align-items: center;
width: auto;
}
select.ot-lang-selector:hover {
opacity: 0.85;
}
select.ot-lang-selector:focus-visible {
outline: 0;
outline-offset: 0;
box-shadow: none;
color: var(--ot-banner-textcolor);
background: 0 0;
height: auto;
margin: 0;
}
.cst-reopener-wrapper {
z-index: 99999999 !important;
position: fixed;
display: none;
}
.cst-position-bottom-right.cst-reopener-icon {
bottom: var(--cst-ro-btn-vtc-margin);
right: var(--cst-ro-btn-hrz-margin);
left: unset;
top: unset;
}
.cst-position-top-right.cst-reopener-icon {
top: var(--cst-ro-btn-vtc-margin);
right: var(--cst-ro-btn-hrz-margin);
left: unset;
bottom: unset;
}
.cst-position-top-left.cst-reopener-icon {
top: var(--cst-ro-btn-vtc-margin);
left: var(--cst-ro-btn-hrz-margin);
right: unset;
bottom: unset;
}
.cst-position-bottom-left.cst-reopener-icon {
bottom: var(--cst-ro-btn-vtc-margin);
left: var(--cst-ro-btn-hrz-margin);
right: unset;
top: unset;
}
.cst-position-bottom-right.cst-reopener-text {
bottom: 0;
right: var(--cst-ro-btn-hrz-margin);
left: unset;
top: unset;
}
.cst-position-top-right.cst-reopener-text {
top: 0;
right: var(--cst-ro-btn-hrz-margin);
left: unset;
bottom: unset;
}
.cst-position-top-left.cst-reopener-text {
top: 0;
left: var(--cst-ro-btn-hrz-margin);
right: unset;
bottom: unset;
}
.cst-position-bottom-left.cst-reopener-text {
bottom: 0;
left: var(--cst-ro-btn-hrz-margin);
right: unset;
top: unset;
}
.cst-position-bottom-left .cst-cookie-btn-text,
.cst-position-bottom-right .cst-cookie-btn-text {
border-radius: 8px 8px 0 0;
}
.cst-position-top-left .cst-cookie-btn-text,
.cst-position-top-right .cst-cookie-btn-text {
border-radius: 0 0 8px 8px;
}
img.cst-cookie-btn-icon.cst-reopen-trigger {
max-width: 40px;
height: auto;
cursor: pointer;
display: inline-block;
}
.cst-reopen-trigger:hover {
opacity: 0.9;
}
.cst-cookie-btn-icon-wrapper {
display: flex;
align-items: center;
border-radius: 6px;
padding: 4px;
background-color: #fff;
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
transition: all 0.3s ease-in-out;
}
.cst-cookie-btn-icon-wrapper:hover {
transform: scale(1.08);
}
.otCookiesNotification #cst-quick-categories {
display: flex;
justify-content: var(--cst-element-align);
align-items: center;
margin: 10px 0;
gap: 20px;
}
#cst-quick-categories .cst-quick-item {
display: flex;
flex-direction: column-reverse;
align-items: center;
flex: 0 1 auto;
gap: 10px;
}
#cst-quick-categories .cst-quick-pair {
display: flex;
gap: 10px 20px;
flex-wrap: wrap;
justify-content: center;
}
.otCookiesNotification #cst-quick-categories .cst-quick-label--text {
font-size: var(--ot-text-size-category-title) !important;
}
span.cst-cookie-btn-text.cst-reopen-trigger {
background: var(--cst-ro-btn-bg);
color: var(--cst-ro-btn-color);
padding: 5px 10px;
cursor: pointer;
font-size: var(--ot-text-size);
display: inline-block;
}
.omgCookie-switch label.omgCookie,
label.cst-quick-label {
cursor: pointer;
text-indent: -9999px;
width: 28px;
height: 17px;
background: var(--ot-banner-textcolor-fade);
display: block;
border-radius: 5px;
position: relative;
}
.omgCookie-switch input.omgCookie-input-switch[checked="checked"] + label:after,
.omgCookie-switch input.omgCookie-input-switch[checked="true"] + label:after {
left: calc(100% - 3px);
transform: translateX(-100%);
}
.omgCookie-switch label.omgCookie:after,
label.cst-quick-label:after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 11px;
height: 11px;
background: var(--cst-active-switch-color);
border-radius: 3px;
transition: all 0.1s;
}
.omgCookie-switch label.omgCookie:active:after {
width: 26px;
}
input.cst-quick-checkbox[checked="checked"] + label.cst-quick-label:after,
input.cst-quick-checkbox[checked="true"] + label.cst-quick-label:after {
left: calc(100% - 3px);
transform: translateX(-100%);
}
.otCookiesNotification #cookies-wrapper .otCookies-title-banner p {
color: var(--ot-banner-textcolor);
font-size: var(--ot-text-size-banner-title) !important;
margin-block: 6px;
text-align: var(--cst-text-align);
}
.otCookiesNotification #cookies-popup *,
.otCookiesNotification #cookies-wrapper * {
font-size: var(--ot-text-size) !important;
font-family: var(--ot-font-family);
}
.otCookiesNotification #cookies-wrapper {
background: var(--ot-banner-bgcolor);
color: var(--ot-banner-textcolor);
gap: 10px;
display: none;
align-items: center;
justify-content: space-between;
border-radius: 5px;
box-shadow: -7px 7px 12px -1px rgba(115, 115, 115, 0.3);
-webkit-box-shadow: -7px 7px 12px -1px rgba(115, 115, 115, 0.3);
-moz-box-shadow: -9px -9px 10px -5px rgba(115, 115, 115, 0.3);
-webkit-backdrop-filter: var(--ot-banner-filter-blur);
backdrop-filter: var(--ot-banner-filter-blur);
border: var(--ot-banner-border);
z-index: 9999;
}
.otCookiesNotification #cookies-wrapper[arial-preferences="true"] {
background: var(--ot-banner-bgcolor);
color: var(--ot-banner-textcolor);
}
.otCookiesNotification #cookies-wrapper.ot-sidebar-layout {
background: var(--ot-banner-bgcolor);
color: var(--ot-banner-textcolor);
}
.ot-translation-icon {
fill: var(--ot-banner-textcolor);
}
option.ot-lang-item {
color: var(--ot-banner-textcolor);
background: var(--ot-banner-bgcolor);
}
.otCookiesNotification #cookies-body h4,
.otCookiesNotification #cookies-title h2 {
color: var(--ot-banner-textcolor);
}
.otCookiesNotification #cookies-body,
.otCookiesNotification #cookies-body label,
.otCookiesNotification .cookies-description {
color: var(--ot-banner-textcolor);
}
.otCookiesNotification #cookies-message-context {
margin-top: 0;
text-align: var(--cst-text-align);
}
.otCookiesNotification #cookies-more-info,
.otCookiesNotification #cst-google-privacy-link,
.otCookiesNotification #cst-imprint-link {
color: var(--ot-more-textcolor);
}
.otCookiesNotification #cookies-body button .accordion-title {
color: var(--ot-banner-textcolor);
font-family: var(--ot-font-family);
font-size: var(--ot-text-size-category-title) !important;
margin: 10px 0;
align-items: center;
display: flex;
gap: 5px;
}
.otCookiesNotification #cookies-body button .accordion-title svg.category-icon {
stroke: var(--ot-banner-textcolor);
}
.otCookiesNotification #cookies-dismiss,
.otCookiesNotification #cookies-preferences,
.otCookiesNotification #cookies-selected,
.otCookiesNotification #cookies-submit {
font-size: var(--ot-text-size);
font-family: var(--ot-font-family);
}
.otCookiesNotification #cookies-submit,
.otCookiesNotification .btn-all {
color: var(--ot-submit-textcolor);
background: var(--ot-submit-bgcolor);
border: 1px solid var(--cst-submit-border-color, transparent);
}
.otCookiesNotification #cookies-preferences,
.otCookiesNotification #cookies-selected,
.otCookiesNotification .btn-select {
color: var(--ot-prefrences-textcolor);
background: var(--ot-prefrences-bgcolor);
border: 1px solid var(--cst-preferences-border-color, transparent);
}
#cookies-action .cookies-btn.decline-btn,
.cst-btn-group .cookies-btn.decline-btn,
.otCookiesNotification #cookies-dismiss {
color: var(--ot-dismiss-textcolor);
background: var(--ot-dismiss-bgcolor);
border: 1px solid var(--cst-dismiss-border-color, transparent);
}
#cookies-body button[aria-expanded="true"] {
color: var(--ot-title-color-popup);
}
.omgCookie-switch input.omgCookie-input-switch[checked="checked"] + label,
.omgCookie-switch input.omgCookie-input-switch[checked="true"] + label {
background: var(--ot-banner-textcolor);
}
input.cst-quick-checkbox[checked="checked"] + label.cst-quick-label,
input.cst-quick-checkbox[checked="true"] + label.cst-quick-label {
background: var(--ot-banner-textcolor);
}
.otCookiesNotification #cookies-title {
text-align: var(--cst-text-align);
margin-bottom: 10px;
}
.otCookiesNotification #cookies-title p {
font-size: var(--ot-text-size-popup-title) !important;
font-weight: 600;
margin: 0;
}
.otCookiesNotification .cst-corner,
.otCookiesNotification .cst-corner-popup {
position: absolute;
right: 10px;
top: 5px;
display: flex;
align-items: center;
}
#cookies-wrapper:has(.ot-lang-selector) div#ot-cookie-banner {
margin-top: 25px;
}
.otCookiesNotification div#ot-dns-data {
align-items: center;
display: flex;
gap: 5px;
justify-content: center;
margin: 5px auto;
}
.otCookiesNotification .ot-preference-categories {
margin-block: 14px 10px;
}
.otCookiesNotification #cookies-body div#ot-dns-data {
justify-content: flex-start;
}
.ot-dns-data-label {
display: flex;
align-items: center;
gap: 5px;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ot-dns-data-checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.ot-dns-data-checkbox:checked ~ .ot-dns-data-check-mark {
background-color: var(--ot-banner-textcolor);
}
.ot-dns-data-checkbox:checked ~ .ot-dns-data-check-mark:after {
opacity: 1;
}
.ot-dns-data-label:hover input ~ .ot-dns-data-check-mark {
background-color: #abababce;
}
.ot-dns-data-label:hover input:checked ~ .ot-dns-data-check-mark {
background-color: var(--ot-banner-textcolor);
}
.ot-dns-data-label .ot-dns-data-check-mark {
position: relative;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: transparent;
transition: background-color 0.25s ease;
border-radius: 4px;
display: block;
border: 2px solid var(--ot-banner-textcolor);
}
.ot-dns-data-label .ot-dns-data-check-mark:after {
content: "";
position: absolute;
left: 4px;
top: 0;
width: 4px;
height: 8px;
border: solid 2px var(--ot-banner-bgcolor);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.25s ease;
}
.ot-dns-data-label .ot-dns-data-body {
color: var(--ot-banner-textcolor);
line-height: 1.4;
font-size: 16px;
}
ul.cst-cookies-detail-list {
margin: 5px 0;
display: none;
background: var(--ot-banner-bg-fade);
padding: 10px;
}
li.cst-cookie-detail-item {
list-style-type: none;
padding-block: 5px;
border-bottom: 1px solid var(--ot-banner-textcolor-fade);
}
li.cst-cookie-detail-item:last-child {
border-bottom: none;
}
.cst-cookie-detail-item .cst-cookie-info-item {
display: flex;
gap: 20px;
flex-wrap: nowrap;
font-weight: 500;
line-height: 1.375;
margin-bottom: 5px;
}
.cst-cookie-info-item span:first-child {
display: inline-block;
flex: 0 1 30%;
max-width: 200px;
}
.cst-cookie-info-item span:last-child {
display: inline-block;
flex: 1;
}
span.cst-cookie-detail-trigger {
font-size: var(--ot-text-size);
cursor: pointer;
text-decoration: underline;
}
span.cst-cookie-detail-trigger:hover {
opacity: 0.9;
}
.otCookiesNotification #cookies-title p,
.otCookiesNotification div#cookies-description-header p,
.otCookiesNotification p#cookies-message-context {
color: var(--ot-banner-textcolor);
}
.otCookiesNotification .cookies-privacy-popup {
display: none;
position: fixed;
background: var(--ot-privacy-popup-bg);
color: var(--ot-privacy-popup-text);
max-width: 25%;
border-radius: 5px;
box-shadow: 0 0 8px 0 var(--ot-privacy-popup-border);
font-size: var(--ot-text-size);
z-index: 9999;
}
.otCookiesNotification .cookies-privacy-popup * {
font-family: var(--ot-font-family);
word-break: break-word;
text-wrap: wrap;
}
.cst-position-bottom-right.cookies-privacy-popup {
bottom: var(--ot-privacy-popup-vertical-margin);
right: var(--ot-privacy-popup-horizontal-margin);
}
.cst-position-top-right.cookies-privacy-popup {
top: var(--ot-privacy-popup-vertical-margin);
right: var(--ot-privacy-popup-horizontal-margin);
}
.cst-position-bottom-left.cookies-privacy-popup {
bottom: var(--ot-privacy-popup-vertical-margin);
left: var(--ot-privacy-popup-horizontal-margin);
}
.cst-position-top-left.cookies-privacy-popup {
top: var(--ot-privacy-popup-vertical-margin);
left: var(--ot-privacy-popup-horizontal-margin);
}
.otCookiesNotification .cookies-privacy-popup > :not(:first-child) {
padding-inline: 20px;
}
.otCookiesNotification
.cookies-privacy-popup
> :not(:first-child):not(:last-child) {
border-bottom: 1px solid var(--ot-privacy-popup-border);
}
.cookies-privacy-popup .privacy-popup-header > * {
font-weight: 600;
font-size: calc(var(--ot-text-size) + 3px);
color: inherit;
}
.cookies-privacy-popup .privacy-popup-header h3 {
margin-block: 18px;
}
.cookies-privacy-popup .privacy-popup-content > * {
margin-block: 10px 0;
}
.cookies-privacy-popup .privacy-popup-visitor {
padding: 20px;
border-radius: 8px;
background: var(--ot-privacy-popup-secondary-bg);
}
.cookies-privacy-popup .privacy-popup-visitor p {
margin: 0;
}
.cookies-privacy-popup .privacy-popup-categories {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-inline: 20px;
}
.cookies-privacy-popup .privacy-popup-category {
width: 40%;
margin: 14px 0;
}
.cookies-privacy-popup .privacy-popup-category.consent {
color: var(--ot-privacy-popup-highlight);
}
.cookies-privacy-popup .privacy-popup-footer {
display: flex;
padding-block: 16px;
gap: 16px;
}
.cookies-privacy-popup .privacy-popup-footer > button {
flex: 1;
border: 1px solid var(--ot-privacy-popup-highlight);
background-color: var(--ot-privacy-popup-bg);
color: var(--ot-privacy-popup-highlight);
padding: 8px 16px;
cursor: pointer;
border-radius: var(--ot-border-radius);
min-width: 110px;
text-align: center;
box-sizing: border-box;
width: auto;
align-items: center;
display: flex;
justify-content: center;
word-break: break-word;
font-weight: 700;
}
.cookies-privacy-popup .privacy-popup-footer button.primary {
background-color: var(--ot-privacy-popup-highlight);
color: var(--ot-privacy-popup-bg);
}
.otCookiesNotification #logo-cookie {
width: var(--cst-icon-size);
height: auto;
}
.otCookiesNotification .cst-category-item {
border-radius: 6px;
border: 1px solid var(--cst-border-color-category);
}
.otCookiesNotification .cst-category-item + .cst-category-item {
margin-top: 12px;
}
.otCookiesNotification .cst-category-arrow {
transition: all 0.2s linear;
display: flex;
justify-content: center;
align-items: center;
}
.cst-category-item:has(.cst-category-item-content[aria-expanded="true"])
.cst-category-arrow {
transform: rotate(90deg);
}
.otCookiesNotification .cst-category-item-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 12px;
cursor: pointer;
}
.otCookiesNotification .cst-category-detail-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.otCookiesNotification .cst-category-name {
font-size: var(--ot-text-size-category-title) !important;
display: flex;
align-items: center;
gap: 6px;
}
.otCookiesNotification .cst-category-detail-back {
color: var(--ot-banner-textcolor);
display: flex;
justify-content: center;
align-items: center;
padding: 4px 4px 4px 0;
cursor: pointer;
font-size: var(--ot-text-size);
}
.otCookiesNotification .cst-category-detail-back:hover {
opacity: 0.8;
}
.otCookiesNotification .cst-category-item-content {
padding-inline: 12px;
padding-bottom: 10px;
}
.otCookiesNotification .cst-category-detail-content {
max-height: 360px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--ot-banner-textcolor) #ffffff57;
}
.otCookiesNotification .cst-category-item-description {
margin-block: 0 6px;
}
.otCookiesNotification .cst-cookies-table {
margin: 14px 0 0;
background: var(--ot-banner-bg-fade);
padding: 10px;
}
.cst-blocked-element {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid rgba(from var(--color-border, #121212) r g b / 1);
padding-top: 20px;
font-size: var(--ot-text-size);
font-family: var(--ot-font-family);
row-gap: 10px;
padding-inline: 20px;
}
.cst-blocked-element .cst-blocked-message {
text-align: center;
}
.cst-blocked-element .cst-block-element-trigger {
text-decoration: underline;
cursor: pointer;
color: -webkit-link;
user-select: none;
text-underline-offset: 2.2px;
}
.cst-blocked-element .cst-block-element-trigger:hover {
opacity: 0.8;
}
@media screen and (max-width: 1400px) {
.otCookiesNotification .cookies-privacy-popup {
max-width: 28%;
}
}
@media screen and (max-width: 1200px) {
.otCookiesNotification .cookies-privacy-popup {
max-width: 35%;
}
}
@media screen and (max-width: 992px) {
.otCookiesNotification .cookies-privacy-popup {
max-width: 50%;
}
}
@media screen and (max-width: 576px) {
.otCookiesNotification .cookies-privacy-popup {
max-width: 100%;
left: 0;
right: 0;
margin-inline: 8px;
}
}
.otCookiesNotification #cookies-action > button {
flex: 1;
}
@media screen and (max-width: 576px) {
.otCookiesNotification #cookies-action {
flex-direction: column;
}
.otCookiesNotification .cookies-btn {
max-width: 100%;
}
}
@charset "UTF-8";
#loyaltylion,
.lion-isolator {
--lion-primary-color: #4d384b;
--lion-secondary-color: #793592;
--lion-primary-color-darker1: #473445;
--lion-primary-color-darker2: #412f3f;
--lion-primary-color-darker3: #362735;
--lion-secondary-color-lighter1: #8c3da9;
--lion-secondary-color-darker1: #6f3186;
--lion-secondary-color-darker2: #662d7b;
--lion-button-border-radius: 4px;
--lion-button-padding: 7px 18px;
--lion-button-font-size: 1em;
--lion-button-primary-background-color: #4d384b;
--lion-button-primary-text-color: #ffffff;
--lion-button-primary-hover-background-color: #5e455c;
--lion-button-primary-hover-text-color: #ffffff;
--lion-button-primary-active-background-color: #5e455c;
--lion-button-primary-active-text-color: #ffffff;
--lion-button-primary-active-shadow-color: #453244;
--lion-button-tile-background-color: transparent;
--lion-button-tile-border-color: var(--lion-button-primary-background-color);
--lion-button-tile-border-style: solid;
--lion-button-tile-border-width: 1px;
--lion-button-tile-text-color: #322431;
--lion-button-tile-hover-background-color: var(
--lion-button-primary-background-color
);
--lion-button-tile-hover-text-color: #ffffff;
--lion-button-neutral-background-color: #757575;
--lion-button-neutral-text-color: white;
--lion-button-neutral-hover-background-color: gray;
--lion-button-neutral-hover-text-color: white;
--lion-button-neutral-active-background-color: gray;
--lion-button-neutral-active-text-color: white;
--lion-button-neutral-active-shadow-color: dimgray;
--lion-icon-color: var(--lion-secondary-color);
--lion-section-heading-text-color: #777;
--lion-section-heading-font-size: 28px;
--lion-section-heading-text-align: center;
--lion-section-heading-font: inherit;
--lion-section-heading-margin: 0 0 10px 0;
--lion-section-heading-line-color: #e3e3e3;
--lion-section-heading-line-size: 1px;
--lion-section-grid-gap: 20px;
--lion-section-grid-columns: 5;
--lion-section-grid-min-width: 220px;
--lion-section-list-gap: 20px;
--lion-section-margin: 0 0 50px 0;
--lion-section-border-radius: 6px;
--lion-section-border-style: solid;
--lion-section-border-width: 0;
--lion-section-border-color: #e0e3e5;
--lion-section-background-color: #fafafa;
--lion-tile-border-color: #e0e3e5;
--lion-tile-border-width: 0;
--lion-tile-background-color: #ffffff;
--lion-header-background-color: #fdfdfd;
--lion-header-border-radius: 0;
--lion-header-text-color: #555;
--lion-header-nav-link-accent-color: #4d384b;
--lion-header-nav-link-border-color: rgba(77, 56, 75, 0.1);
--lion-header-nav-link-hover-background-color: rgba(77, 56, 75, 0.03);
--lion-header-nav-link-hover-border-color: rgba(77, 56, 75, 0.3);
--lion-header-nav-link-hover-icon-color: #4d384b;
--lion-header-nav-link-hover-text-color: #362735;
--lion-header-nav-link-icon-display: inline-block;
--lion-rule-item-icon-color: var(--lion-icon-color);
--lion-rules-grid-gap: var(--lion-section-grid-gap);
--lion-rules-grid-columns: var(--lion-section-grid-columns);
--lion-rules-grid-min-width: var(--lion-section-grid-min-width);
--lion-rules-padding: var(--lion-rules-grid-gap);
--lion-rules-margin: var(--lion-section-margin);
--lion-rules-background-color: var(--lion-section-background-color);
--lion-rules-border-radius: var(--lion-section-border-radius);
--lion-rules-border-style: var(--lion-section-border-style);
--lion-rules-border-width: var(--lion-section-border-width);
--lion-rules-border-color: var(--lion-section-border-color);
--lion-rules-tile-background-color: var(--lion-tile-background-color);
--lion-rules-tile-border-color: var(--lion-tile-border-color);
--lion-rules-tile-border-style: solid;
--lion-rules-tile-border-width: var(--lion-tile-border-width);
--lion-rules-tile-border-radius: 6px;
--lion-reward-item-icon-color: var(--lion-icon-color);
--lion-rewards-grid-gap: var(--lion-section-grid-gap);
--lion-rewards-grid-columns: var(--lion-section-grid-columns);
--lion-rewards-grid-min-width: var(--lion-section-grid-min-width);
--lion-rewards-padding: var(--lion-rewards-grid-gap);
--lion-rewards-margin: var(--lion-section-margin);
--lion-rewards-background-color: var(--lion-section-background-color);
--lion-rewards-border-radius: var(--lion-section-border-radius);
--lion-rewards-border-style: var(--lion-section-border-style);
--lion-rewards-border-width: var(--lion-section-border-width);
--lion-rewards-border-color: var(--lion-section-border-color);
--lion-rewards-tile-background-color: var(--lion-tile-background-color);
--lion-rewards-tile-border-color: var(--lion-tile-border-color);
--lion-rewards-tile-border-style: solid;
--lion-rewards-tile-border-width: var(--lion-tile-border-width);
--lion-rewards-tile-border-radius: 6px;
--lion-claimed-reward-hover-shadow-color: rgba(121, 53, 146, 0.1);
--lion-claimed-reward-hover-shadow: 0 0 1px 2px
var(--lion-claimed-reward-hover-shadow-color);
--lion-claimed-rewards-grid-gap: var(--lion-section-grid-gap);
--lion-claimed-rewards-grid-columns: var(--lion-section-grid-columns);
--lion-claimed-rewards-grid-min-width: var(--lion-section-grid-min-width);
--lion-claimed-rewards-padding: var(--lion-claimed-rewards-grid-gap);
--lion-claimed-rewards-margin: var(--lion-section-margin);
--lion-claimed-rewards-background-color: var(--lion-section-background-color);
--lion-claimed-rewards-border-radius: var(--lion-section-border-radius);
--lion-claimed-rewards-border-style: var(--lion-section-border-style);
--lion-claimed-rewards-border-width: var(--lion-section-border-width);
--lion-claimed-rewards-border-color: var(--lion-section-border-color);
--lion-claimed-rewards-tile-background-color: var(
--lion-tile-background-color
);
--lion-claimed-rewards-tile-border-color: var(--lion-tile-border-color);
--lion-claimed-rewards-tile-border-width: 0;
--lion-claimed-rewards-tile-border-radius: var(--lion-tile-border-width);
--lion-tier-accent-color: var(--lion-primary-color);
--lion-tier-background-color: #ffffff;
--lion-tier-header-background-color: var(--lion-tier-background-color);
--lion-tier-purchase-points-background-color: rgba(77, 56, 75, 0.04);
--lion-tier-purchase-points-border-color: rgba(77, 56, 75, 0.2);
--lion-tier-current-tier-highlight-background-color: var(
--lion-tier-accent-color
);
--lion-tier-current-tier-highlight-text-color: #ffffff;
--lion-tier-current-box-shadow-color: rgba(77, 56, 75, 0.1);
--lion-tier-current-box-shadow: 0 0 5px 4px
var(--lion-tier-current-box-shadow-color);
--lion-tier-hover-box-shadow-color: rgba(77, 56, 75, 0.15);
--lion-tier-hover-box-shadow: 0 0 3px 2px
var(--lion-tier-hover-box-shadow-color);
--lion-tier-title-color: #555555;
--lion-tier-progress-bar-background-color: #f0f0f0;
--lion-tier-progress-bar-indicator-color: var(--lion-secondary-color);
--lion-tier-progress-bar-height: 8px;
--lion-faq-list-gap: var(--lion-section-list-gap);
--lion-faq-background-color: var(--lion-section-background-color);
--lion-faq-padding: var(--lion-section-list-gap);
--lion-faq-border-radius: var(--lion-section-border-radius);
--lion-faq-border-style: var(--lion-section-border-style);
--lion-faq-border-width: var(--lion-section-border-width);
--lion-faq-border-color: var(--lion-section-border-color);
--lion-faq-margin: var(--lion-section-margin);
--lion-faq-question-background-color: #ffffff;
--lion-faq-question-vertical-padding: 20px;
--lion-faq-question-horizontal-padding: 16px;
--lion-faq-question-vertical-border-width: 0;
--lion-faq-question-horizontal-border-width: 0;
--lion-faq-question-border-color: var(--lion-section-border-color);
--lion-faq-question-border-radius: 0;
--lion-faq-question-header-font-weight: normal;
--lion-faq-accordion-icon-size: 20px;
--lion-tier-progress-padding: var(--lion-section-list-gap);
--lion-tier-progress-text-primary-color: #555;
--lion-tier-progress-text-secondary-color: #737373;
--lion-tier-progress-text-tier-name-color: var(
--lion-tier-progress-text-primary-color
);
--lion-tier-progress-text-tier-description-color: var(
--lion-tier-progress-text-secondary-color
);
--lion-tier-progress-text-tier-bound-color: var(
--lion-tier-progress-text-secondary-color
);
--lion-tier-progress-text-tier-value-color: var(
--lion-tier-progress-text-primary-color
);
--lion-tier-progress-text-tier-cta-color: var(
--lion-tier-progress-text-primary-color
);
--lion-tier-progress-text-tier-expiration-color: var(
--lion-tier-progress-text-secondary-color
);
--lion-tier-progress-bar-vertical-padding: 60px;
--lion-tier-progress-bar-horizontal-padding: 60px;
--lion-tier-progress-bar-unfilled-color: #f0f0f0;
--lion-tier-progress-bar-fill-color: var(--lion-secondary-color);
--lion-tier-progress-bar-track-height: 8px;
--lion-tier-progress-bar-track-radius: 8px;
--lion-tier-progress-bar-fill-radius: var(
--lion-tier-progress-bar-track-radius
);
--lion-tier-progress-bar-step-marker-height: 20px;
--lion-tier-progress-bar-step-marker-width: 20px;
--lion-tier-progress-bar-step-marker-radius: 50%;
--lion-tier-progress-bar-step-marker-vertical-offset: 0px;
--lion-tier-progress-bar-step-marker-horizontal-offset: 0px;
--lion-tier-progress-bar-step-label-vertical-offset: 20px;
--lion-tier-progress-bar-step-label-horizontal-offset: 0px;
--lion-tier-progress-bar-step-label-max-width: 120px;
--lion-tier-progress-bar-current-value-padding: 0px;
--lion-tier-progress-bar-current-value-radius: 0px;
--lion-tier-progress-bar-current-value-background-color: #00000000;
--lion-tier-progress-bar-current-value-vertical-offset: 10px;
--lion-tier-progress-bar-current-value-horizontal-offset: 0px;
--lion-tier-progress-bar-current-status-marker-height: 12px;
--lion-tier-progress-bar-current-status-marker-width: 2px;
--lion-tier-progress-bar-current-status-marker-radius: 0px;
--lion-tier-progress-bar-current-status-marker-vertical-offset: 0px;
--lion-tier-progress-bar-current-status-marker-horizontal-offset: 0px;
}
#loyaltylion .lion-action-button {
padding: var(--lion-button-padding);
font-size: var(--lion-button-font-size);
border-radius: var(--lion-button-border-radius);
cursor: pointer;
display: inline-block;
text-decoration: none;
border: none;
opacity: 1;
background-color: var(--lion-button-primary-background-color);
color: var(--lion-button-primary-text-color);
}
#loyaltylion .lion-action-button:hover {
background-color: var(--lion-button-primary-hover-background-color);
color: var(--lion-button-primary-hover-text-color);
}
#loyaltylion .lion-action-button:active {
background-color: var(--lion-button-primary-active-background-color);
color: var(--lion-button-primary-active-text-color);
box-shadow: inset 0 1px 4px 2px var(--lion-button-primary-active-shadow-color);
}
#loyaltylion .lion-action-button--neutral {
background: var(--lion-button-neutral-background-color);
color: var(--lion-button-neutral-text-color);
}
#loyaltylion .lion-action-button--neutral:hover {
background: var(--lion-button-neutral-hover-background-color);
color: var(--lion-button-neutral-hover-text-color);
}
#loyaltylion .lion-action-button--neutral:active {
background: var(--lion-button-neutral-active-background-color);
color: var(--lion-button-neutral-active-text-color);
box-shadow: inset 0 1px 4px 2px var(--lion-button-neutral-active-shadow-color);
}
#loyaltylion .lion-action-button--fixed-width {
min-width: 100px;
}
#loyaltylion .lion-action-button--disabled {
background-color: rgba(153, 153, 153, 0.5);
pointer-events: none;
}
#loyaltylion .lion-action-button--loading {
color: transparent;
position: relative;
pointer-events: none;
}
#loyaltylion .lion-action-button--loading:after {
box-sizing: border-box;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
margin: -1em 0 0 -1em;
text-indent: -9999em;
border: 0.25em solid rgba(255, 255, 255, 0.2);
border-left-color: #fff;
transform: translateZ(0);
animation: 1.1s linear infinite lion-rotate-360;
border-radius: 50%;
width: 2em;
height: 2em;
content: "";
}
#loyaltylion .lion-action-button--tile {
background: var(--lion-button-tile-background-color);
border: 1px solid var(--lion-button-tile-border-color);
color: var(--lion-button-tile-text-color);
}
#loyaltylion .lion-action-button--tile:hover {
background: var(--lion-button-tile-hover-background-color);
color: var(--lion-button-tile-hover-text-color);
}
#loyaltylion .lion-action-button--tile.lion-action-button--completed,
#loyaltylion .lion-action-button--tile.lion-action-button--disabled {
background: 0 0;
box-shadow: none;
border: 1px solid rgba(187, 187, 187, 0.5);
color: #888;
}
#loyaltylion .lion-action-button--tile.lion-action-button--loading {
color: transparent;
}
#loyaltylion .lion-action-button--tile.lion-action-button--loading:after {
border-color: rgba(150, 150, 150, 0.2);
border-left-color: var(--lion-button-tile-border-color);
}
#loyaltylion .lion-modal {
font-size: 10px;
color: #444;
position: fixed;
left: 50%;
top: 50%;
width: 100%;
max-width: 600px;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 6px;
box-shadow: 0 1px 9px rgba(50, 50, 50, 0.15);
z-index: 1000000004;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
#loyaltylion .lion-modal--small {
max-width: 400px;
}
@media (max-width: 600px) {
#loyaltylion .lion-modal {
width: 90%;
transform: translate(-50%, -50%);
}
}
#loyaltylion .lion-modal__header {
cursor: default;
background-color: #fcfcfc;
border-bottom: 1px solid #efefef;
border-radius: 6px 6px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
#loyaltylion .lion-modal__close-button {
cursor: pointer;
font-size: 0;
width: 50px;
height: 50px;
background: url(../img/icons/cross.svg) 50% 50%/20px no-repeat;
text-align: center;
opacity: 0.35;
transition: opacity 0.2s;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
#loyaltylion .lion-modal__close-button:hover {
opacity: 1;
}
#loyaltylion .lion-modal__title {
flex-grow: 1;
font-size: 2em;
color: #555;
padding: 12px 15px;
}
#loyaltylion .lion-modal__content {
padding: 25px 15px;
font-size: 1.6em;
text-align: center;
}
#loyaltylion .lion-modal__content--no-padding {
padding: 0;
}
#loyaltylion .lion-modal__description {
font-size: 1.2em;
}
#loyaltylion .lion-screen {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
z-index: 1000000002;
display: block;
}
#loyaltylion .lion-screen--dark {
background-color: rgba(0, 0, 0, 0.6);
}
#loyaltylion .lion-screen--light {
background-color: rgba(255, 255, 255, 0.3);
}
#loyaltylion .lion-modal-and-screen--enter .lion-screen {
opacity: 0.01;
}
#loyaltylion .lion-modal-and-screen--enter .lion-modal {
opacity: 0.01;
top: 47%;
}
#loyaltylion .lion-modal-and-screen--enter-active .lion-screen {
opacity: 1;
transition: opacity 0.1s ease-in;
}
#loyaltylion .lion-modal-and-screen--enter-active .lion-modal {
opacity: 1;
top: 50%;
transition: opacity 0.15s ease-in, top 0.15s;
}
#loyaltylion .lion-modal-and-screen--exit .lion-screen {
opacity: 1;
}
#loyaltylion .lion-modal-and-screen--exit .lion-modal {
opacity: 1;
top: 50%;
}
#loyaltylion .lion-modal-and-screen--exit-active .lion-screen {
opacity: 0.01;
transition: opacity 0.1s ease-in;
}
#loyaltylion .lion-modal-and-screen--exit-active .lion-modal {
opacity: 0.01;
top: 47%;
transition: opacity 0.15s ease-in, top 0.15s;
}
#loyaltylion .lion-reward-code {
display: flex;
align-items: center;
justify-content: center;
}
#loyaltylion .lion-reward-code__code {
background-color: #ffecb3;
border: 2px dashed #ffdf80;
border-radius: 5px;
color: #444;
font-size: 1em;
font-family: Menlo, Consolas, Courier, monospace;
padding: 3px 10px;
margin-right: 8px;
text-align: center;
display: inline-block;
}
#loyaltylion .lion-copy-to-clipboard-button {
width: 32px;
height: 32px;
cursor: pointer;
border-radius: 5px;
padding: 2px 7px;
background: rgba(243, 243, 243, 0.3);
transition: background 0.15s;
border: none;
outline: 0;
display: flex;
align-items: center;
justify-content: center;
}
#loyaltylion .lion-copy-to-clipboard-button:hover {
background: #e7e7e7;
}
#loyaltylion .lion-copy-to-clipboard-button:after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
-webkit-mask: url(../img/icons/copy.svg) no-repeat center/100%;
mask: url(../img/icons/copy.svg) no-repeat center/100%;
background-color: #555;
}
#loyaltylion .lion-copy-to-clipboard-button:active:after {
-webkit-mask-size: 12px;
mask-size: 12px;
}
#loyaltylion .lion-copy-to-clipboard-button--success,
#loyaltylion .lion-copy-to-clipboard-button--success:hover {
background: rgba(131, 188, 53, 0.2);
}
#loyaltylion .lion-copy-to-clipboard-button--success:after,
#loyaltylion .lion-copy-to-clipboard-button--success:hover:after {
-webkit-mask-image: url(../img/icons/copy-success.svg);
mask-image: url(../img/icons/copy-success.svg);
}
#loyaltylion .lion-copy-to-clipboard-button--error,
#loyaltylion .lion-copy-to-clipboard-button--error:hover {
background: rgba(217, 83, 79, 0.2);
}
#loyaltylion .lion-copy-to-clipboard-button--error:after,
#loyaltylion .lion-copy-to-clipboard-button--error:hover:after {
-webkit-mask-image: url(../img/icons/copy-fail.svg);
mask-image: url(../img/icons/copy-fail.svg);
}
#loyaltylion .lion-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
padding: 7px 30px 7px 9px;
background: url(../img/icons/chevron-down.svg) right 12px center no-repeat,
#fff;
background-size: 10px;
}
#loyaltylion .lion-select--error {
border-color: #d9534f;
}
#loyaltylion .lion-select:active,
#loyaltylion .lion-select:focus {
border-color: var(--lion-secondary-color);
outline: 0;
}
@keyframes lion-rotate-360 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
#loyaltylion #loyaltylion .lion-standalone-spinner,
#loyaltylion .lion-standalone-spinner {
pointer-events: none;
box-sizing: border-box;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
margin: -1.5em 0 0 -1.5em;
text-indent: -9999em;
border: 0.5em solid rgba(0, 0, 0, 0.2);
border-left-color: #000;
transform: translateZ(0);
animation: 1.1s linear infinite lion-rotate-360;
border-radius: 50%;
width: 3em;
height: 3em;
content: "";
}
#loyaltylion .lion-history-state-bubble {
display: inline-block;
padding: 4px 12px;
border-radius: 14px;
box-sizing: border-box;
font-weight: 700;
cursor: default;
}
#loyaltylion .lion-history-state-bubble--approved {
color: #03543f;
background-color: #def7ec;
}
#loyaltylion .lion-history-state-bubble--declined,
#loyaltylion .lion-history-state-bubble--void {
color: #9b1c1c;
background-color: #fde8e8;
}
#loyaltylion .lion-history-state-bubble--pending {
background-color: #feebc8;
color: #ed8936;
}
#loyaltylion .lion-history-state-bubble--expired {
background-color: #f3f5f7;
}
#loyaltylion .lion-step-section {
display: flex;
flex-direction: row;
gap: 8px;
}
#loyaltylion .lion-step-section__number {
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
height: 30px;
width: 30px;
border-radius: 30px;
background-color: #444;
color: #fff;
}
#loyaltylion .lion-step-section__content {
padding-top: 5px;
}
#loyaltylion .lion-step-section__content a {
text-decoration: underline;
}
#loyaltylion .lion-integrated-page {
overflow-x: hidden;
}
#loyaltylion .lion-integrated-page-section {
margin: var(--lion-section-margin);
}
#loyaltylion .lion-integrated-page-section__heading {
margin: var(--lion-section-heading-margin);
text-align: var(--lion-section-heading-text-align);
}
#loyaltylion .lion-integrated-page-section__heading-text {
font-family: var(--lion-section-heading-font);
font-size: var(--lion-section-heading-font-size);
color: var(--lion-section-heading-text-color);
margin: 0;
display: inline-block;
position: relative;
}
#loyaltylion .lion-integrated-page-section__heading-text:after,
#loyaltylion .lion-integrated-page-section__heading-text:before {
content: "";
position: absolute;
top: 51%;
height: var(--lion-section-heading-line-size);
width: 400px;
background: var(--lion-section-heading-line-color);
}
#loyaltylion .lion-integrated-page-section__heading-text:before {
right: 100%;
margin-right: 20px;
}
#loyaltylion .lion-integrated-page-section__heading-text:after {
left: 100%;
margin-left: 20px;
}
#loyaltylion .lion-header {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
background: var(--lion-header-background-color);
border-radius: var(--lion-header-border-radius);
color: var(--lion-header-text-color);
padding: 20px 0;
}
#loyaltylion .lion-header__hero {
font-size: 42px;
padding: 0 20px;
margin-bottom: 40px;
text-align: center;
}
#loyaltylion .lion-header__intro-text,
#loyaltylion .lion-header__join-today {
max-width: 450px;
text-align: center;
margin: 0 0 30px;
}
#loyaltylion .lion-header__join-buttons {
display: flex;
}
#loyaltylion .lion-header__join-buttons .lion-action-button:first-child {
margin-right: 25px;
}
#loyaltylion .lion-header__nav {
padding: 40px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#loyaltylion .lion-header__nav-link {
text-decoration: none;
border: none;
flex-shrink: 0;
display: inline-flex;
align-items: center;
padding: 10px 20px;
opacity: 1;
color: var(--lion-header-text-color);
cursor: pointer;
border-bottom: 2px solid var(--lion-header-nav-link-border-color);
}
#loyaltylion .lion-header__nav-link:before {
content: "";
margin-right: 7px;
width: 13px;
height: 13px;
display: var(--lion-header-nav-link-icon-display);
-webkit-mask: none no-repeat 0 0 / auto;
mask: none no-repeat 0 0 / auto;
background-color: var(--lion-header-text-color);
}
#loyaltylion .lion-header__nav-link--earn:before {
-webkit-mask-image: url(../img/icons/star.svg);
mask-image: url(../img/icons/star.svg);
}
#loyaltylion .lion-header__nav-link--available-rewards:before {
-webkit-mask-image: url(../img/icons/heart.svg);
mask-image: url(../img/icons/heart.svg);
}
#loyaltylion .lion-header__nav-link--redeem:before {
-webkit-mask-image: url(../img/icons/present.svg);
mask-image: url(../img/icons/present.svg);
}
#loyaltylion .lion-header__nav-link--tiers-overview:before {
-webkit-mask-image: url(../img/icons/layers.svg);
mask-image: url(../img/icons/layers.svg);
}
#loyaltylion .lion-header__nav-link--account-history:before {
-webkit-mask-image: url(../img/icons/history.svg);
mask-image: url(../img/icons/history.svg);
}
#loyaltylion .lion-header__nav-link--faq:before {
-webkit-mask-image: url(../img/icons/question.svg);
mask-image: url(../img/icons/question.svg);
}
#loyaltylion .lion-header__nav-link:active,
#loyaltylion .lion-header__nav-link:hover {
background: var(--lion-header-nav-link-hover-background-color);
border-bottom: 2px solid var(--lion-header-nav-link-hover-border-color);
color: var(--lion-header-nav-link-hover-text-color);
}
#loyaltylion .lion-header__nav-link:active::before,
#loyaltylion .lion-header__nav-link:hover::before {
background-color: var(--lion-header-nav-link-hover-icon-color);
}
#loyaltylion .lion-rules-list {
display: grid;
padding: var(--lion-rules-padding);
border-radius: var(--lion-rules-border-radius);
background-color: var(--lion-rules-background-color);
border-style: var(--lion-rules-border-style);
border-width: var(--lion-rules-border-width);
border-color: var(--lion-rules-border-color);
--gap-count: calc(var(--lion-rules-grid-columns) - 1);
--total-gap-width: calc(var(--gap-count) * var(--lion-rules-grid-gap));
--grid-item-max-width: calc(
(100% - var(--total-gap-width)) / var(--lion-rules-grid-columns)
);
gap: var(--lion-rules-grid-gap);
grid-template-columns: repeat(
auto-fill,
minmax(
max(var(--lion-rules-grid-min-width), var(--grid-item-max-width)),
1fr
)
);
}
#loyaltylion .lion-rewards-list {
display: grid;
padding: var(--lion-rewards-padding);
border-radius: var(--lion-rewards-border-radius);
background-color: var(--lion-rewards-background-color);
border-style: var(--lion-rewards-border-style);
border-width: var(--lion-rewards-border-width);
border-color: var(--lion-rewards-border-color);
--gap-count: calc(var(--lion-rewards-grid-columns) - 1);
--total-gap-width: calc(var(--gap-count) * var(--lion-rewards-grid-gap));
--grid-item-max-width: calc(
(100% - var(--total-gap-width)) / var(--lion-rewards-grid-columns)
);
gap: var(--lion-rewards-grid-gap);
grid-template-columns: repeat(
auto-fill,
minmax(
max(var(--lion-rewards-grid-min-width), var(--grid-item-max-width)),
1fr
)
);
}
#loyaltylion .lion-claimed-rewards-list {
display: grid;
padding: var(--lion-claimed-rewards-padding);
border-radius: var(--lion-claimed-rewards-border-radius);
background-color: var(--lion-claimed-rewards-background-color);
border-style: var(--lion-claimed-rewards-border-style);
border-width: var(--lion-claimed-rewards-border-width);
border-color: var(--lion-claimed-rewards-border-color);
--gap-count: calc(var(--lion-claimed-rewards-grid-columns) - 1);
--total-gap-width: calc(
var(--gap-count) * var(--lion-claimed-rewards-grid-gap)
);
--grid-item-max-width: calc(
(100% - var(--total-gap-width)) / var(--lion-claimed-rewards-grid-columns)
);
gap: var(--lion-claimed-rewards-grid-gap);
grid-template-columns: repeat(
auto-fill,
minmax(
max(
var(--lion-claimed-rewards-grid-min-width),
var(--grid-item-max-width)
),
1fr
)
);
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media (max-width: 480px) {
#loyaltylion .lion-rules-list {
gap: calc(var(--lion-rules-grid-gap) / 2);
padding: calc(var(--lion-rules-padding) / 2);
}
#loyaltylion .lion-rewards-list {
gap: calc(var(--lion-rewards-grid-gap) / 2);
padding: calc(var(--lion-rewards-padding) / 2);
}
#loyaltylion .lion-claimed-rewards-list {
gap: calc(var(--lion-claimed-rewards-grid-gap) / 2);
padding: calc(var(--lion-claimed-rewards-padding) / 2);
grid-template-columns: 1fr;
}
}
#loyaltylion .lion-reward-item,
#loyaltylion .lion-rule-item {
display: flex;
box-sizing: border-box;
}
#loyaltylion .lion-reward-item__content,
#loyaltylion .lion-rule-item__content {
width: 100%;
padding: 30px 0;
min-height: 200px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#loyaltylion .lion-reward-item__title,
#loyaltylion .lion-rule-item__title {
font-weight: 700;
padding: 10px 0 0;
font-size: 105%;
color: #555;
text-align: center;
}
#loyaltylion .lion-reward-item__actions:not(:empty),
#loyaltylion .lion-rule-item__actions:not(:empty) {
margin-top: 25px;
flex-grow: 1;
display: flex;
align-items: flex-end;
}
#loyaltylion .lion-rule-item__content {
background-color: var(--lion-rules-tile-background-color);
color: #777;
border-radius: var(--lion-rules-tile-border-radius);
border-style: var(--lion-rules-tile-border-style);
border-width: var(--lion-rules-tile-border-width);
border-color: var(--lion-rules-tile-border-color);
}
#loyaltylion .lion-rule-item__icon {
width: 42px;
height: 42px;
display: inline-block;
-webkit-mask: url(../img/icons/bubble-star.svg) no-repeat center/auto;
mask: url(../img/icons/bubble-star.svg) no-repeat center/auto;
background-color: var(--lion-rule-item-icon-color);
}
#loyaltylion .lion-reward-item__content {
background-color: var(--lion-rewards-tile-background-color);
color: #777;
border-radius: var(--lion-rewards-tile-border-radius);
border-style: var(--lion-rewards-tile-border-style);
border-width: var(--lion-rewards-tile-border-width);
border-color: var(--lion-rewards-tile-border-color);
}
#loyaltylion .lion-reward-item__cost {
display: inline-flex;
align-items: center;
gap: 8px;
}
#loyaltylion .lion-reward-item__cost-original {
text-decoration: line-through;
}
#loyaltylion .lion-reward-item__icon {
width: 42px;
height: 42px;
display: inline-block;
-webkit-mask: url(../img/icons/bubble-star.svg) no-repeat center/auto;
mask: url(../img/icons/bubble-star.svg) no-repeat center/auto;
background-color: var(--lion-reward-item-icon-color);
}
#loyaltylion .lion-earn {
padding-top: 20px;
}
#loyaltylion .lion-earn__header {
margin-bottom: 60px;
}
#loyaltylion .lion-rule-item__completed {
display: flex;
align-items: center;
}
#loyaltylion .lion-rule-item__completed:before {
width: 16px;
height: 16px;
display: inline-block;
-webkit-mask: url(../img/icons/checkmark-circle-hollow.svg) no-repeat
center/auto;
mask: url(../img/icons/checkmark-circle-hollow.svg) no-repeat center/auto;
background-color: #666;
content: "";
margin-right: 3px;
}
#loyaltylion .lion-rule-item__limit-reached {
display: flex;
align-items: center;
}
#loyaltylion .lion-rule-item__limit-reached:before {
width: 14px;
height: 14px;
display: inline-block;
-webkit-mask: url(../img/icons/clock.svg) no-repeat center/auto;
mask: url(../img/icons/clock.svg) no-repeat center/auto;
background-color: #888;
content: "";
margin-right: 5px;
}
#loyaltylion .lion-rule-item .lion-newsletter-signup-action__help {
display: none;
}
#loyaltylion .lion-redeem {
padding-top: 20px;
}
#loyaltylion .lion-redeem__header {
margin-bottom: 60px;
}
#loyaltylion .lion-reward-item__product-image {
display: none;
}
#loyaltylion .lion-reward-item__links {
text-align: center;
padding-top: 15px;
}
#loyaltylion .lion-reward-item__links a {
text-decoration: none;
border: none;
color: #777;
cursor: pointer;
font-size: 85%;
}
#loyaltylion .lion-reward-item__links a:hover {
color: #111;
text-decoration: underline;
}
#loyaltylion .lion-reward-item__requirements {
text-align: center;
}
#loyaltylion .lion-reward-item__requirements div {
color: #777;
font-size: 85%;
padding-top: 4px;
}
#loyaltylion .lion-reward-item__more-info-url {
line-height: 1.2;
}
#loyaltylion .lion-reward-item__more-info-url--external-link a:after {
content: " »";
}
#loyaltylion .lion-reward-item__cost:not(:first-child)::before,
#loyaltylion .lion-reward-item__min-spend::before {
content: "·";
display: inline-block;
margin: 0 5px;
}
#loyaltylion .lion-reward-item--checkout-redemption {
grid-row-start: 1;
grid-column: 1/-1;
}
#loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content {
min-height: auto;
display: grid;
grid-template-areas: "icon title" "icon meta";
}
#loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__icon {
grid-area: icon;
width: 50px;
height: 50px;
margin-right: 10px;
}
#loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__title {
grid-area: title;
padding: 0;
}
#loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__meta {
grid-area: meta;
}
#loyaltylion .lion-available-rewards {
padding-top: 20px;
}
#loyaltylion .lion-available-rewards__header {
margin-bottom: 60px;
}
#loyaltylion .lion-claimed-rewards-list--empty {
display: block;
font-size: 1.1em;
background: #fff;
color: #444;
border: var(--lion-section-grid-gap) solid
var(--lion-section-background-color);
padding: 20px;
text-align: center;
}
#loyaltylion .lion-claimed-reward-item {
padding: 10px;
display: flex;
flex: 1 0 auto;
box-sizing: border-box;
background-color: var(--lion-tile-background-color);
border-radius: var(--lion-section-border-radius);
justify-content: space-between;
cursor: pointer;
transition: box-shadow 0.3s;
}
#loyaltylion .lion-claimed-reward-item:hover {
box-shadow: var(--lion-claimed-reward-hover-shadow);
}
#loyaltylion .lion-claimed-reward-item__left {
display: grid;
grid-template-areas: "icon title" "icon date" "icon use-at";
}
#loyaltylion .lion-claimed-reward-item__icon {
grid-area: icon;
width: 32px;
height: 32px;
display: inline-block;
-webkit-mask: url(../img/icons/bubble-star.svg) no-repeat 0 0 / auto;
mask: url(../img/icons/bubble-star.svg) no-repeat 0 0 / auto;
background-color: var(--lion-icon-color);
flex-basis: 100%;
align-self: center;
margin: 0 14px 0 10px;
}
#loyaltylion .lion-claimed-reward-item__title {
grid-area: title;
font-weight: 700;
font-size: 105%;
color: #555;
}
#loyaltylion .lion-claimed-reward-item__date {
grid-area: date;
font-size: 95%;
color: #888;
}
#loyaltylion .lion-claimed-reward-item__use-at {
grid-area: use-at;
}
#loyaltylion .lion-claimed-reward-item__right {
display: flex;
align-items: center;
}
#loyaltylion .lion-claimed-reward-item__chevron {
width: 32px;
height: 32px;
display: inline-block;
-webkit-mask: url(../img/icons/chevron-right.svg) no-repeat center/8px;
mask: url(../img/icons/chevron-right.svg) no-repeat center/8px;
background-color: #ccc;
transition: -webkit-mask-position 0.3s;
transition: mask-position 0.3s;
transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
#loyaltylion
.lion-claimed-reward-item:hover
.lion-claimed-reward-item__chevron {
background-color: --var(--lion-secondary-color);
-webkit-mask-position: 60% 50%;
mask-position: 60% 50%;
}
#loyaltylion .lion-tiers-overview {
padding-top: 20px;
}
#loyaltylion .lion-tiers-overview__header {
margin-bottom: 60px;
}
#loyaltylion .lion-tier-overview {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
padding: var(--lion-section-grid-gap);
border-radius: var(--lion-section-border-radius);
background-color: var(--lion-section-background-color);
border-style: var(--lion-section-border-style);
border-width: var(--lion-section-border-width);
border-color: var(--lion-section-border-color);
}
#loyaltylion .lion-tier-box {
background-color: var(--lion-tier-background-color);
display: flex;
flex-direction: column;
transition: box-shadow 0.15s;
border-radius: var(--lion-section-grid-border-radius);
z-index: 1;
}
#loyaltylion .lion-tier-box:hover {
box-shadow: var(--lion-tier-hover-box-shadow);
z-index: 2;
}
#loyaltylion .lion-tier-box--current,
#loyaltylion .lion-tier-box--current:hover {
box-shadow: var(--lion-tier-current-box-shadow);
z-index: 2;
}
#loyaltylion .lion-tier-box__header {
background-color: var(--lion-tier-header-background-color);
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
padding: 40px 0;
position: relative;
border-radius: var(--lion-section-border-radius)
var(--lion-section-border-radius) 0 0;
}
#loyaltylion .lion-tier-box__title {
color: var(--lion-tier-title-color);
font-weight: 700;
font-size: 110%;
padding: 12px 0;
}
#loyaltylion .lion-tier-box__sub-title:empty {
display: initial;
}
#loyaltylion .lion-tier-box__sub-title:empty::after {
content: "N/A";
visibility: hidden;
}
#loyaltylion .lion-tier-box__accent {
display: none;
}
#loyaltylion .lion-tier-box__purchase-rule {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 15px 0;
color: #666;
background-color: var(--lion-tier-purchase-points-background-color);
border: 1px solid var(--lion-tier-purchase-points-border-color);
border-left: none;
border-right: none;
}
#loyaltylion .lion-tier-box__benefits-list {
flex-grow: 1;
margin: 0;
padding: 20px;
text-align: center;
}
#loyaltylion .lion-tier-box__benefit {
list-style: none;
margin: 0 0 5px;
}
#loyaltylion .lion-tier-box__benefit:last-child {
margin-bottom: 0;
}
#loyaltylion .lion-tier-box__benefit--link {
cursor: pointer;
text-decoration: underline;
}
#loyaltylion .lion-tier-box__footer {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#loyaltylion .lion-tier-box__footer--current .lion-progress-bar__container {
width: 100%;
height: var(--lion-tier-progress-bar-height);
background-color: var(--lion-tier-progress-bar-background-color);
}
#loyaltylion .lion-tier-box__footer--current .lion-progress-bar__fill {
height: var(--lion-tier-progress-bar-height);
background-color: var(--lion-tier-progress-bar-indicator-color);
}
#loyaltylion .lion-tier-box__you-are-here {
display: inline-block;
color: var(--lion-tier-current-tier-highlight-text-color);
background: var(--lion-tier-current-tier-highlight-background-color);
text-align: center;
padding: 6px 12px;
width: 100%;
}
#loyaltylion .lion-tier-box__condition-text,
#loyaltylion .lion-tier-box__expiry,
#loyaltylion .lion-tier-box__value-to-next {
padding: 12px 6px;
color: #888;
font-size: 90%;
}
#loyaltylion .lion-tier-benefits-list {
font-size: 95%;
}
#loyaltylion .lion-tier-benefits-compare {
width: 100%;
}
#loyaltylion .lion-tier-benefits-compare * {
box-sizing: border-box;
}
#loyaltylion .lion-tier-benefits-compare table {
border-collapse: collapse;
}
#loyaltylion .lion-tier-benefits-compare td,
#loyaltylion .lion-tier-benefits-compare th {
border: none;
text-align: center;
vertical-align: middle;
padding: 10px 14px;
}
#loyaltylion .lion-tier-benefits-compare td:first-child,
#loyaltylion .lion-tier-benefits-compare th:first-child {
border-right: 1px solid var(--lion-primary-color-darker1);
}
#loyaltylion .lion-tier-benefits-compare td:nth-child(2),
#loyaltylion .lion-tier-benefits-compare th:nth-child(2) {
padding-left: 30px;
}
#loyaltylion .lion-tier-benefits-compare__benefit-status-circle {
border-radius: 50%;
display: block;
margin: auto;
width: 18px;
height: 18px;
background-color: #888;
}
#loyaltylion .lion-tier-benefits-compare__benefit-text {
text-align: left;
}
#loyaltylion .lion-tier-benefits-modal__content {
padding: 12px;
}
#loyaltylion .lion-tier-benefits-modal__content p {
margin-bottom: 12px;
}
#loyaltylion .lion-tier-benefits-modal__content p:last-child {
margin-bottom: 0;
}
#loyaltylion .lion-tier-benefits-modal__content p:first-child {
margin-top: 0;
}
#loyaltylion .lion-tier-rewards-compare {
width: 100%;
}
#loyaltylion .lion-tier-rewards-compare * {
box-sizing: border-box;
}
#loyaltylion .lion-tier-rewards-compare table {
border-collapse: collapse;
}
#loyaltylion .lion-tier-rewards-compare td,
#loyaltylion .lion-tier-rewards-compare th {
border: none;
text-align: center;
vertical-align: middle;
padding: 10px 14px;
}
#loyaltylion .lion-tier-rewards-compare td:first-child,
#loyaltylion .lion-tier-rewards-compare th:first-child {
border-right: 1px solid var(--lion-primary-color-darker1);
}
#loyaltylion .lion-tier-rewards-compare td:nth-child(2),
#loyaltylion .lion-tier-rewards-compare th:nth-child(2) {
padding-left: 30px;
}
#loyaltylion .lion-tier-rewards-compare__reward-title {
text-align: left;
}
#loyaltylion .lion-tier-rules-compare {
width: 100%;
}
#loyaltylion .lion-tier-rules-compare * {
box-sizing: border-box;
}
#loyaltylion .lion-tier-rules-compare table {
border-collapse: collapse;
}
#loyaltylion .lion-tier-rules-compare td,
#loyaltylion .lion-tier-rules-compare th {
border: none;
text-align: center;
vertical-align: middle;
padding: 10px 14px;
}
#loyaltylion .lion-tier-rules-compare td:first-child,
#loyaltylion .lion-tier-rules-compare th:first-child {
border-right: 1px solid var(--lion-primary-color-darker2);
}
#loyaltylion .lion-tier-rules-compare td:nth-child(2),
#loyaltylion .lion-tier-rules-compare th:nth-child(2) {
padding-left: 30px;
}
#loyaltylion .lion-tier-rules-compare__rule-title {
text-align: left;
}
#loyaltylion .lion-account-history__header {
margin-bottom: 50px;
}
#loyaltylion .lion-account-history__points-expiration {
text-align: center;
margin-bottom: 16px;
}
#loyaltylion .lion-account-history__points-expiration p {
line-height: 28px;
margin-bottom: 0;
}
#loyaltylion .lion-history-table {
color: #333;
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
font-size: 14px;
border: var(--lion-section-grid-gap) solid
var(--lion-section-background-color);
border-radius: var(--lion-section-border-radius);
table-layout: auto;
padding: 0;
margin: 0;
}
#loyaltylion .lion-history-table__header-cell {
background: #f8f8f8;
color: #555;
text-align: left;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 700;
padding: 10px 0 10px 14px;
border-bottom: 1px solid #f1f1f1;
}
#loyaltylion .lion-history-table td,
#loyaltylion .lion-history-table th {
border: none;
}
#loyaltylion .lion-history-table__row {
background-color: #fff;
}
#loyaltylion .lion-history-table__row:nth-child(even) {
background-color: #f8f8f8;
}
#loyaltylion .lion-history-table__row-cell {
padding: 10px 10px 10px 14px;
font-size: 110%;
}
#loyaltylion .lion-history-table__row-cell--empty-state {
padding: 20px;
text-align: center;
}
#loyaltylion .lion-history-table__bubble {
border-radius: 12px;
font-size: 0.9em;
cursor: pointer;
opacity: 0.65;
transition: opacity 0.15s;
}
#loyaltylion .lion-history-table__row:hover .lion-history-table__bubble {
opacity: 1;
}
@media (max-width: 480px) {
#loyaltylion .lion-history-table {
border-width: 0;
}
#loyaltylion .lion-history-table__header-cell {
padding: 8px 5px;
font-size: 80%;
text-align: center;
}
#loyaltylion .lion-history-table__row-cell {
padding: 8px 5px 8px 9px;
font-size: 90%;
text-align: center;
}
#loyaltylion .lion-history-table__header-cell:nth-child(2),
#loyaltylion .lion-history-table__row-cell:nth-child(2) {
display: none;
}
}
@media (max-width: 340px) {
#loyaltylion .lion-history-table {
display: block;
overflow-x: scroll;
}
#loyaltylion .lion-history-table__row-cell {
padding-left: 4px;
padding-right: 4px;
font-size: 80%;
}
}
#loyaltylion .lion-faq .lion-faq__heading {
margin-bottom: 20px;
}
#loyaltylion
.lion-faq:has(.lion-faq-list__description:not(:empty))
.lion-faq__heading {
margin-bottom: 4px;
}
#loyaltylion
.lion-faq:has(.lion-faq-list__description:not(:empty))
.lion-faq-list__description {
margin-bottom: 20px;
}
#loyaltylion .lion-faq-list {
padding: var(--lion-faq-padding);
background-color: var(--lion-faq-background-color);
border-style: var(--lion-faq-border-style);
border-width: var(--lion-faq-border-width);
border-color: var(--lion-faq-border-color);
border-radius: var(--lion-faq-border-radius);
display: flex;
flex-direction: column;
gap: 20px;
font-style: normal;
}
#loyaltylion .lion-faq-list__description {
text-align: center;
font-weight: 400;
margin-bottom: var(--lion-faq-margin);
}
#loyaltylion .lion-faq-list__item {
list-style: none;
background: var(--lion-faq-question-background-color);
padding-top: var(--lion-faq-question-vertical-padding);
padding-bottom: var(--lion-faq-question-vertical-padding);
padding-left: var(--lion-faq-question-horizontal-padding);
padding-right: var(--lion-faq-question-horizontal-padding);
border-radius: var(--lion-faq-question-border-radius);
border-style: solid;
border-color: var(--lion-faq-question-border-color);
border-top-width: var(--lion-faq-question-vertical-border-width);
border-bottom-width: var(--lion-faq-question-vertical-border-width);
border-left-width: var(--lion-faq-question-horizontal-border-width);
border-right-width: var(--lion-faq-question-horizontal-border-width);
}
#loyaltylion .lion-faq-list__question[open] .lion-faq-list__question-icon {
background-image: url(../img/icons/faq/chevron-up.svg);
}
#loyaltylion .lion-faq-list__question[open] .lion-faq-list__question-header {
margin-bottom: 24px;
}
#loyaltylion .lion-faq-list__question-answer {
padding: 0;
margin: 0;
}
#loyaltylion .lion-faq-list__question-answer p:last-child {
margin-bottom: 0;
}
#loyaltylion .lion-faq-list__question-answer p:first-child {
margin-top: 0;
}
#loyaltylion .lion-faq-list__question-answer ul {
list-style-type: disc;
}
#loyaltylion .lion-faq-list__question-icon {
display: block;
width: var(--lion-faq-accordion-icon-size);
height: var(--lion-faq-accordion-icon-size);
background-color: transparent;
background-image: url(../img/icons/faq/chevron-down.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
#loyaltylion .lion-faq-list__question-summary {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: flex-start;
}
#loyaltylion .lion-faq-list__question-header {
font-size: 105%;
font-weight: var(--lion-faq-question-header-font-weight);
margin: 0;
color: #555;
}
#loyaltylion .lion-faq-list__wrapper {
display: flex;
flex-direction: column;
gap: var(--lion-faq-list-gap);
padding: 0;
margin: 0;
}
#loyaltylion .lion-tier-progress {
padding: var(--lion-tier-progress-padding);
color: var(--lion-tier-progress-text-primary-color);
}
#loyaltylion .lion-tier-progress--conditional,
#loyaltylion .lion-tier-progress--single {
display: flex;
flex-direction: column;
}
#loyaltylion .lion-tier-progress--conditional-multi {
align-items: center;
}
#loyaltylion .lion-tier-progress--manual {
display: flex;
flex-direction: column;
}
#loyaltylion .lion-tier-progress--manual-multi {
align-items: center;
}
#loyaltylion .lion-tier-progress p {
margin: 0;
}
#loyaltylion .lion-tier-progress__tier-name {
color: var(--lion-tier-progress-text-tier-name-color);
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
#loyaltylion .lion-tier-progress__tier-bound {
color: var(--lion-tier-progress-text-tier-bound-color);
word-break: break-word;
}
#loyaltylion .lion-tier-progress__tier-value {
color: var(--lion-tier-progress-text-tier-value-color);
}
#loyaltylion .lion-tier-progress__tier-description {
color: var(--lion-tier-progress-text-tier-description-color);
}
#loyaltylion .lion-tier-progress__conditional__tier-name,
#loyaltylion .lion-tier-progress__manual__tier-name {
font-size: 1.2em;
margin-bottom: 12px;
}
#loyaltylion .lion-tier-progress__header {
display: flex;
gap: 16px;
justify-content: space-between;
font-size: 1.2em;
margin-bottom: 4px;
}
#loyaltylion .lion-tier-progress__header__tier-name {
margin: 0;
line-height: 1.1;
font-weight: 600;
font-size: inherit;
}
#loyaltylion .lion-tier-progress__header__tier-value {
font-weight: 600;
}
#loyaltylion .lion-tier-progress__bar__track {
margin-bottom: 8px;
display: block;
border-radius: var(--lion-tier-progress-bar-track-radius);
position: relative;
width: 100%;
height: var(--lion-tier-progress-bar-track-height);
background-color: var(--lion-tier-progress-bar-unfilled-color);
}
#loyaltylion .lion-tier-progress__bar__fill {
display: block;
position: relative;
border-radius: var(--lion-tier-progress-bar-track-radius)
var(--lion-tier-progress-bar-fill-radius)
var(--lion-tier-progress-bar-fill-radius)
var(--lion-tier-progress-bar-track-radius);
height: 100%;
background-color: var(--lion-tier-progress-bar-fill-color);
}
#loyaltylion .lion-tier-progress__bar__context {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 16px;
}
#loyaltylion .lion-tier-progress__bar-container {
display: flex;
flex-direction: row;
padding: var(--lion-tier-progress-bar-vertical-padding)
var(--lion-tier-progress-bar-horizontal-padding);
}
#loyaltylion .lion-tier-progress__bar-section {
position: relative;
flex: 1 1 auto;
}
#loyaltylion .lion-tier-progress__bar-section:last-of-type {
flex: unset;
}
#loyaltylion .lion-tier-progress__bar-section__tier-name {
text-align: center;
line-height: 1.1;
font-size: 1.1em;
margin: 0;
}
#loyaltylion .lion-tier-progress__bar-section__tier-name--current {
font-weight: 600;
}
#loyaltylion .lion-tier-progress__bar-section__track {
height: var(--lion-tier-progress-bar-track-height);
background: var(--lion-tier-progress-bar-unfilled-color);
}
#loyaltylion .lion-tier-progress__bar-section__fill {
position: relative;
display: block;
height: 100%;
background: var(--lion-tier-progress-bar-fill-color);
}
#loyaltylion .lion-tier-progress__bar-section__step-marker {
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(
calc(-50% + var(--lion-tier-progress-bar-step-marker-horizontal-offset)),
calc(-50% - var(--lion-tier-progress-bar-step-marker-vertical-offset))
);
height: var(--lion-tier-progress-bar-step-marker-height);
width: var(--lion-tier-progress-bar-step-marker-width);
border-radius: var(--lion-tier-progress-bar-step-marker-radius);
background: var(--lion-tier-progress-bar-unfilled-color);
}
#loyaltylion .lion-tier-progress__bar-section__step-marker--filled-in {
background: var(--lion-tier-progress-bar-fill-color);
}
#loyaltylion .lion-tier-progress__bar-section__step-label {
width: var(--lion-tier-progress-bar-step-label-max-width);
position: absolute;
transform: translateX(
calc(-50% + var(--lion-tier-progress-bar-step-label-horizontal-offset))
);
top: calc(100% + var(--lion-tier-progress-bar-step-label-vertical-offset));
display: flex;
flex-direction: column;
align-items: center;
}
#loyaltylion .lion-tier-progress__bar-section__tier-bound {
margin: 0;
}
#loyaltylion .lion-tier-progress__bar-current-status__marker {
position: absolute;
right: 0;
top: 50%;
transform: translate(
calc(
50% +
var(--lion-tier-progress-bar-current-status-marker-horizontal-offset)
),
calc(
-50% - var(--lion-tier-progress-bar-current-status-marker-vertical-offset)
)
);
display: block;
height: var(--lion-tier-progress-bar-current-status-marker-height);
width: var(--lion-tier-progress-bar-current-status-marker-width);
border-radius: var(--lion-tier-progress-bar-current-status-marker-radius);
background: var(--lion-tier-progress-bar-fill-color);
}
#loyaltylion .lion-tier-progress__bar-current-status__value-container {
position: absolute;
z-index: 2;
right: 0;
padding: var(--lion-tier-progress-bar-current-value-padding);
border-radius: var(--lion-tier-progress-bar-current-value-radius);
background: var(--lion-tier-progress-bar-current-value-background-color);
transform: translateX(
calc(50% + var(--lion-tier-progress-bar-current-value-horizontal-offset))
);
bottom: calc(
100% + var(--lion-tier-progress-bar-current-value-vertical-offset)
);
font-size: 1.1em;
line-height: 1.1;
font-weight: 700;
}
#loyaltylion .lion-tier-progress__context {
display: flex;
flex-direction: column;
font-size: 0.9em;
line-height: normal;
}
#loyaltylion .lion-tier-progress__context:empty {
margin-bottom: 0;
}
#loyaltylion .lion-tier-progress__context--single {
gap: 24px;
}
#loyaltylion .lion-tier-progress__context--multi {
text-align: center;
margin-top: 36px;
gap: 8px;
}
#loyaltylion .lion-tier-progress__cta-container {
display: flex;
flex-direction: column;
gap: 4px;
}
#loyaltylion .lion-tier-progress__cta-reach,
#loyaltylion .lion-tier-progress__cta-stay {
color: var(--lion-tier-progress-text-tier-cta-color);
}
#loyaltylion .lion-tier-progress__expiration {
text-align: center;
color: var(--lion-tier-progress-text-tier-expiration-color);
}
@media (max-width: 480px) {
#loyaltylion .lion-tier-progress {
--lion-tier-progress-padding: 10px;
--lion-tier-progress-bar-horizontal-padding: 30px;
--lion-tier-progress-bar-step-label-max-width: 70px;
}
#loyaltylion .lion-tier-progress__tier-bound,
#loyaltylion .lion-tier-progress__tier-name,
#loyaltylion .lion-tier-progress__tier-value {
font-size: 0.9em;
}
}
#loyaltylion .lion-modal--history-info {
max-width: 500px;
}
#loyaltylion .lion-history-info-modal-content__basic {
padding: 20px;
text-align: left;
position: relative;
font-size: 1.1em;
}
#loyaltylion .lion-history-info-modal-content__state-bubble {
position: absolute;
top: 15px;
right: 15px;
font-weight: 700;
font-size: 0.8em;
}
#loyaltylion .lion-history-info-modal-content__date,
#loyaltylion .lion-history-info-modal-content__points {
display: flex;
align-items: center;
}
#loyaltylion .lion-history-info-modal-content__date:before,
#loyaltylion .lion-history-info-modal-content__points:before {
width: 12px;
height: 12px;
display: inline-block;
-webkit-mask: url(../img/icons/star.svg) no-repeat center/auto;
mask: url(../img/icons/star.svg) no-repeat center/auto;
background-color: #333;
content: "";
margin-right: 8px;
}
#loyaltylion .lion-history-info-modal-content__points {
margin-bottom: 8px;
}
#loyaltylion .lion-history-info-modal-content__date:before {
width: 12px;
height: 12px;
display: inline-block;
-webkit-mask: url(../img/icons/clock.svg) no-repeat center/auto;
mask: url(../img/icons/clock.svg) no-repeat center/auto;
background-color: #333;
}
#loyaltylion .lion-history-info-modal-content__comment {
padding: 20px;
border-top: 1px solid #efefef;
background-color: #fcfcfc;
border-radius: 0 0 5px 5px;
font-size: 1.1em;
}
#loyaltylion .lion-history-info-modal-content__comment--left {
text-align: left;
}
#loyaltylion
.lion-history-info-modal-content__comment--fulfilment-instructions {
padding-top: 15px;
}
#loyaltylion .lion-history-info-modal-content__comment .lion-reward-code {
margin-top: 12px;
}
#loyaltylion .lion-history-info-modal-content__comment-balance {
font-size: 1.1em;
margin-bottom: 4px;
line-height: normal;
}
#loyaltylion .lion-history-info-modal-content__comment-expiry {
font-size: 0.9em;
}
#loyaltylion .lion-history-info-modal-content__comment-min-spend {
font-size: 1.1em;
margin-bottom: 15px;
}
#loyaltylion .lion-history-info-modal-content__comment-subscription-discount {
margin-bottom: 15px;
}
#loyaltylion .lion-history-info-modal-content__actions {
padding: 20px;
background-color: #fff;
border-radius: 0 0 5px 5px;
font-size: 1.1em;
}
#loyaltylion .lion-manage-subscriptions-link {
padding: 20px 30px 0;
text-align: center;
text-decoration: underline;
}
#loyaltylion .lion-pending-points-help-modal-content {
font-size: 1.1em;
}
#loyaltylion .lion-pending-points-help-modal-content__heading {
font-weight: 700;
margin-bottom: 10px;
}
#loyaltylion .lion-preview-explainer-modal {
text-align: left;
padding: 0 10px;
color: #333;
font-size: 1.1em;
}
#loyaltylion .lion-preview-explainer-modal p {
margin-bottom: 20px;
}
#loyaltylion .lion-preview-explainer-modal ul {
margin-bottom: 30px;
}
#loyaltylion .lion-preview-explainer-modal li {
list-style: disc;
margin-left: 40px;
margin-bottom: 6px;
}
#loyaltylion .lion-preview-explainer-modal li,
#loyaltylion .lion-preview-explainer-modal p {
color: #333;
}
#loyaltylion .lion-preview-explainer-modal__actions {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-top: 1px solid #eee;
padding-top: 25px;
}
#loyaltylion .lion-preview-explainer-modal__show-again {
display: flex;
flex-direction: row;
align-items: center;
gap: 5px;
color: #666;
}
#loyaltylion
.lion-redeem-reward-modal--subscription-buy-with-points
.lion-redeem-reward-modal__confirm-summary {
padding: 10px 0;
}
#loyaltylion .lion-redeem-reward-modal__confirm-summary {
margin-bottom: 20px;
}
#loyaltylion .lion-redeem-reward-modal__campaign-offer {
background-color: #f5f5f5;
border-radius: 4px;
padding: 12px 16px;
margin-bottom: 16px;
text-align: center;
}
#loyaltylion .lion-redeem-reward-modal__campaign-message {
font-size: 90%;
line-height: 1.4;
color: #333;
}
#loyaltylion .lion-redeem-reward-modal__description {
margin-bottom: 25px;
font-size: 90%;
padding: 0 10px 20px;
border-bottom: 1px solid #efefef;
}
#loyaltylion .lion-redeem-reward-modal__confirm-summary-extra,
#loyaltylion .lion-redeem-reward-modal__cross-store-extra,
#loyaltylion .lion-redeem-reward-modal__minimum-spend {
color: #777;
font-size: 90%;
padding: 0 10%;
display: flex;
align-items: center;
justify-content: center;
white-space: pre-wrap;
}
#loyaltylion .lion-redeem-reward-modal__usage-instructions {
padding-top: 15px;
}
#loyaltylion .lion-redeem-reward-modal__summary-link {
text-decoration: underline;
}
#loyaltylion .lion-redeem-reward-modal__spacer {
display: inline;
}
#loyaltylion .lion-redeem-reward-modal__free-product-variant-selector,
#loyaltylion .lion-redeem-reward-modal__reward-option-selector {
padding-top: 20px;
}
#loyaltylion .lion-redeem-reward-modal__free-product-variant-selector select,
#loyaltylion .lion-redeem-reward-modal__reward-option-selector select {
width: 100%;
border: 1px solid #eee;
}
#loyaltylion .lion-redeem-reward-modal__option {
margin-bottom: 20px;
}
#loyaltylion .lion-redeem-reward-modal__reward-select-options {
margin: 10px -15px 0;
padding: 25px;
text-align: left;
background: #fcfcfc;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
}
#loyaltylion
.lion-redeem-reward-modal__reward-select-options
.lion-redeem-reward-modal__option:last-of-type {
margin-bottom: 0;
}
#loyaltylion .lion-redeem-reward-modal__success-message a {
display: block;
margin-top: 5px;
text-decoration: underline;
cursor: pointer;
}
#loyaltylion .lion-redeem-reward-modal__success-message a:hover {
color: #111;
text-decoration: underline;
}
#loyaltylion .lion-redeem-reward-modal__minimum-spend:before {
width: 13px;
height: 13px;
display: inline-block;
-webkit-mask: url(../img/icons/info-circle.svg) no-repeat center/auto;
mask: url(../img/icons/info-circle.svg) no-repeat center/auto;
background-color: #999;
content: "";
margin-right: 6px;
}
#loyaltylion .lion-redeem-reward-modal__button-container {
margin-top: 25px;
}
#loyaltylion .lion-redeem-reward-modal__button {
margin: 5px;
}
#loyaltylion .lion-redeem-reward-modal__code-container {
padding-top: 20px;
}
#loyaltylion .lion-redeem-reward-modal__expiration-message--post-redeem {
font-size: 0.9em;
margin-top: 8px;
}
#loyaltylion .lion-referral-discount-applied-modal--header {
position: relative;
padding: 10px 0 20px;
}
#loyaltylion .lion-referral-discount-applied-modal--header h1 {
text-align: center;
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 0;
}
#loyaltylion .lion-referral-discount-applied-modal--content {
text-align: center;
margin-bottom: 40px;
}
#loyaltylion .lion-referral-discount-applied-modal--content--message {
font-size: 18px;
margin-bottom: 20px;
padding: 0 25px;
}
#loyaltylion .lion-referral-discount-applied-modal--continue {
bottom: 20px;
left: 20px;
right: 20px;
}
@media only screen and (max-width: 600px) {
#loyaltylion .lion-referral-discount-applied-modal--continue {
position: static;
padding: 15px;
}
}
#loyaltylion .lion-referral-discount-applied-modal--continue--button {
display: block;
}
#loyaltylion .lion-referral-modal--header {
position: relative;
padding: 10px 0 20px;
}
#loyaltylion .lion-referral-modal--header h1 {
text-align: center;
font-size: 30px;
font-weight: 600;
padding: 0;
margin: 0;
}
#loyaltylion .lion-referral-modal--incentive {
text-align: center;
margin-bottom: 20px;
}
#loyaltylion .lion-referral-modal--incentive .lion-standalone-spinner {
position: static;
top: auto;
left: auto;
margin: auto;
}
#loyaltylion .lion-referral-modal--incentive--message {
font-size: 18px;
margin-bottom: 20px;
padding: 0 25px;
}
#loyaltylion .lion-referral-modal--incentive--code {
background-color: #ffecb3;
border: 2px dashed #ffd65c;
border-left: none;
border-right: none;
color: #444;
padding: 10px 15px;
font-size: 22px;
font-weight: 600;
margin: 0 -15px;
min-height: 77px;
display: flex;
justify-content: center;
align-items: center;
}
#loyaltylion .lion-referral-modal--more {
margin: 20px 0;
padding: 0 20px;
}
#loyaltylion .lion-referral-modal--more--title {
font-weight: 600;
margin: 0 0 10px;
color: #333;
}
#loyaltylion .lion-referral-modal--more--text {
margin: 0;
}
#loyaltylion .lion-referral-modal__collection-restriction-text {
margin: 10px 0;
padding: 0 20px;
font-style: italic;
}
#loyaltylion .lion-referral-modal--continue {
bottom: 20px;
left: 20px;
right: 20px;
}
@media only screen and (max-width: 600px) {
#loyaltylion .lion-referral-modal--continue {
position: static;
padding: 15px;
}
}
#loyaltylion .lion-referral-modal--continue--button {
display: block;
}
#loyaltylion .lion-referral-widget-modal {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 5px;
box-shadow: 0 3px 18px rgba(0, 0, 0, 0.25);
z-index: 1000000002;
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}
#loyaltylion .lion-referral-widget-modal__header {
display: none;
}
#loyaltylion .lion-referral-widget-modal__close-button {
cursor: pointer;
font-size: 0;
width: 50px;
height: 50px;
background: url(../img/icons/cross.svg) 50% 50% no-repeat
rgba(255, 255, 255, 0.35);
background-size: 20px;
opacity: 0.75;
transition: opacity 0.2s, background-color 0.2s;
position: absolute;
top: 0;
right: 0;
}
#loyaltylion .lion-referral-widget-modal__close-button:hover {
opacity: 1;
background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 530px) {
#loyaltylion .lion-referral-widget-modal {
width: 100%;
left: 0;
top: 0;
border-radius: 0;
transform: none;
}
}
@media (min-width: 531px) {
#loyaltylion .lion-modal-and-screen--enter .lion-referral-widget-modal {
opacity: 0.01;
top: 47%;
}
#loyaltylion
.lion-modal-and-screen--enter-active
.lion-referral-widget-modal {
opacity: 1;
top: 50%;
transition: opacity 0.15s ease-in, top 0.15s;
}
#loyaltylion .lion-modal-and-screen--exit .lion-referral-widget-modal {
opacity: 1;
top: 50%;
}
#loyaltylion .lion-modal-and-screen--exit-active .lion-referral-widget-modal {
opacity: 0.01;
top: 47%;
transition: opacity 0.15s ease-in, top 0.15s;
}
}
@media (max-height: 700px), (max-width: 530px) {
#loyaltylion .lion-referral-widget-modal {
height: 100%;
overflow-y: auto;
border-radius: 0;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget {
height: 100%;
flex-direction: column;
align-items: center;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-email-form,
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main {
flex: 1 0 100%;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels {
height: 100%;
width: 100%;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide {
margin-top: unset;
}
#loyaltylion
.lion-referral-widget-modal
.lion-referral-widget-panels--slide
.lion-referral-widget-main {
margin-top: -100vh;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__heading {
font-size: 30px;
}
}
@media (max-width: 340px) {
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide {
margin-top: unset;
}
#loyaltylion
.lion-referral-widget-modal
.lion-referral-widget-panels--slide
.lion-referral-widget-main {
display: none;
}
}
#loyaltylion .lion-referral-widget {
display: flex;
height: 500px;
overflow-y: hidden;
}
#loyaltylion .lion-referral-widget-picture {
display: none;
}
#loyaltylion .lion-referral-widget-panels {
flex-shrink: 1;
height: 1000px;
width: 400px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: margin-top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#loyaltylion .lion-referral-widget-panels--slide {
margin-top: -500px;
}
#loyaltylion .lion-referral-widget-panel {
flex: 1 0 500px;
overflow: auto;
}
#loyaltylion .lion-referral-widget-main {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 0 40px;
}
#loyaltylion .lion-referral-widget-main__heading {
font-size: 28px;
position: relative;
width: -moz-fit-content;
width: fit-content;
line-height: 1.2;
margin-left: auto;
margin-right: auto;
}
#loyaltylion .lion-referral-widget-main__heading:after {
content: "";
display: block;
height: 1px;
width: 170px;
background: #e7e7e7;
margin: 24px auto;
}
#loyaltylion .lion-referral-widget-main__intro {
font-size: 18px;
}
#loyaltylion .lion-referral-widget-main__share-buttons {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 26px 0;
}
#loyaltylion .lion-referral-widget-main__share-buttons > a {
margin: 8px;
}
#loyaltylion .lion-referral-widget-main__share-link-text {
font-size: 18px;
}
#loyaltylion .lion-referral-widget-main__current-reward-amount {
font-size: 13px;
padding-top: 25px;
}
#loyaltylion .lion-referral-widget-main__share-link-container {
display: flex;
justify-content: center;
align-items: center;
padding-top: 14px;
}
#loyaltylion .lion-referral-widget-main__share-link-url {
padding: 6px 12px;
border: 1px solid #eee;
background: #fcfcfc;
border-radius: 6px;
margin-right: 8px;
}
#loyaltylion .lion-referral-email-form {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 40px;
height: 100%;
box-sizing: border-box;
}
#loyaltylion .lion-referral-email-form__field {
margin-bottom: 25px;
}
#loyaltylion .lion-referral-email-form__field--message {
flex-grow: 1;
display: flex;
flex-direction: column;
}
#loyaltylion .lion-referral-email-form__field--message > textarea {
flex-grow: 1;
min-height: 100px;
}
#loyaltylion .lion-referral-email-form__label {
display: block;
color: #6d6d6d;
font-size: 16px;
margin: 0 0 7px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#loyaltylion .lion-referral-email-form__input {
width: 100%;
font-size: 15px;
padding: 9px 7px;
background-color: #fefefe;
border: 1px solid #b4becc;
border-radius: 4px;
box-shadow: inset 0 0 4px 1px rgba(130, 137, 150, 0.15);
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
transition: box-shadow 0.15s, border-color 0.15s;
}
#loyaltylion .lion-referral-email-form__input:focus {
outline: 0;
border-color: var(--lion-secondary-color);
box-shadow: inset 0 0 4px 2px rgba(70, 123, 181, 0.15);
}
#loyaltylion .lion-referral-email-form__input--error,
#loyaltylion .lion-referral-email-form__input--error:focus {
outline: 0;
border-color: #ff7076;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(255, 0, 0, 0.5);
}
#loyaltylion .lion-referral-email-form__buttons {
display: flex;
flex-direction: row;
align-items: center;
}
#loyaltylion .lion-referral-email-form__submit-button {
margin-right: 15px;
}
#loyaltylion .lion-referral-email-form__success-message {
flex-grow: 1;
text-align: right;
color: #155724;
transition: visibility 0.2s, opacity 0.2s;
visibility: hidden;
opacity: 0;
}
#loyaltylion .lion-referral-email-form__success-message--visible {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
#loyaltylion .lion-native-share-button {
margin: 8px;
}
#loyaltylion .lion-referral-share-button {
cursor: pointer;
width: 48px;
height: 48px;
display: flex;
flex-direction: column;
font-size: 0;
background-color: #f1f1f1;
border-radius: 10px;
transition: box-shadow 0.1s;
}
#loyaltylion .lion-referral-share-button:after {
content: "";
}
#loyaltylion .lion-referral-share-button--facebook {
background: #3b5998;
}
#loyaltylion .lion-referral-share-button--facebook:hover {
box-shadow: 0 0 1px 5px rgba(56, 85, 144, 0.2);
}
#loyaltylion .lion-referral-share-button--facebook:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/facebook.svg) no-repeat center/22px;
mask: url(../img/icons/social/facebook.svg) no-repeat center/22px;
background-color: #fff;
}
#loyaltylion .lion-referral-share-button--facebook-messenger {
background: #0084ff;
}
#loyaltylion .lion-referral-share-button--facebook-messenger:hover {
box-shadow: 0 0 1px 5px rgba(0, 125, 242, 0.2);
}
#loyaltylion .lion-referral-share-button--facebook-messenger:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/facebook-messenger.svg) no-repeat
center/24px;
mask: url(../img/icons/social/facebook-messenger.svg) no-repeat center/24px;
background-color: #fff;
}
#loyaltylion .lion-referral-share-button--whatsapp {
background: #25d366;
}
#loyaltylion .lion-referral-share-button--whatsapp:hover {
box-shadow: 0 0 1px 5px rgba(35, 200, 97, 0.2);
}
#loyaltylion .lion-referral-share-button--whatsapp:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/whatsapp.svg) no-repeat center/28px;
mask: url(../img/icons/social/whatsapp.svg) no-repeat center/28px;
background-color: #fff;
}
#loyaltylion .lion-referral-share-button--twitter {
background: #000;
}
#loyaltylion .lion-referral-share-button--twitter:hover {
box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.2);
}
#loyaltylion .lion-referral-share-button--twitter:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/twitter.svg) no-repeat center/24px;
mask: url(../img/icons/social/twitter.svg) no-repeat center/24px;
background-color: #fff;
}
#loyaltylion .lion-referral-share-button--email {
background: #888;
}
#loyaltylion .lion-referral-share-button--email:hover {
box-shadow: 0 0 1px 5px rgba(129, 129, 129, 0.2);
}
#loyaltylion .lion-referral-share-button--email:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/envelope.svg) no-repeat center/22px;
mask: url(../img/icons/envelope.svg) no-repeat center/22px;
background-color: #fff;
}
#loyaltylion .lion-referral-share-button:focus,
#loyaltylion .lion-referral-share-button:hover {
opacity: 1;
}
#loyaltylion .lion-referral-widget--guest {
display: flex;
flex-direction: column;
overflow-y: hidden;
text-align: center;
border-radius: 5px;
box-shadow: 0 3px 18px rgba(0, 0, 0, 0.05);
height: 100%;
max-width: 400px;
padding: 40px;
}
#loyaltylion .lion-referral-widget-modal__close-button {
margin: 10px;
}
#loyaltylion .lion-referral-widget .lion-modal__header {
background-color: transparent;
border-bottom: none;
margin: 15px 0;
}
#loyaltylion .lion-referral-widget .lion-modal__title {
padding: 0;
}
#loyaltylion .lion-referral-widget__title--guest {
line-height: 1.1;
}
#loyaltylion .lion-referral-widget-needs-auth__help {
font-size: 1.1em;
margin-bottom: 50px;
padding: 0 20px;
}
#loyaltylion .lion-referral-widget-needs-auth__buttons {
margin: 15px 0;
}
#loyaltylion .lion-referral-widget-needs-auth__button-spacer {
margin: 0 20px;
font-size: 1.4em;
color: #ccc;
}
#loyaltylion .lion-referral-widget .lion-action-button {
padding: 10px 22px;
font-size: 1.2em;
}
#loyaltylion .lion-birthday-action__help {
padding-bottom: 25px;
}
#loyaltylion .lion-birthday-entry-form {
text-align: center;
margin-bottom: 0;
}
#loyaltylion .lion-birthday-entry-form__inputs {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#loyaltylion .lion-birthday-entry-form__inputs > * {
margin: 4px;
}
#loyaltylion .lion-birthday-entry-form__select {
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../img/icons/chevron-down.svg) right 12px center no-repeat;
padding: 7px 30px 7px 9px;
background-size: 10px;
}
#loyaltylion .lion-birthday-entry-form__select--month {
width: 150px;
height: 42px;
}
#loyaltylion .lion-birthday-entry-form__input {
padding: 7px 9px;
border-radius: 3px;
border: 1px solid #ccc;
height: 42px;
display: inline-block;
}
#loyaltylion .lion-birthday-entry-form__input--day {
width: 60px;
}
#loyaltylion .lion-birthday-entry-form__input--year {
width: 100px;
}
#loyaltylion .lion-birthday-entry-form__input--error,
#loyaltylion .lion-birthday-entry-form__select--error {
border-color: #d9534f;
}
#loyaltylion .lion-birthday-entry-form__input:active,
#loyaltylion .lion-birthday-entry-form__input:focus,
#loyaltylion .lion-birthday-entry-form__select:active,
#loyaltylion .lion-birthday-entry-form__select:focus {
border-color: var(--lion-secondary-color);
outline: 0;
}
#loyaltylion .lion-birthday-entry-form__invalid-message {
color: #d9534f;
padding-top: 15px;
display: none;
}
#loyaltylion .lion-birthday-entry-form__invalid-message--visible {
display: block;
}
#loyaltylion .lion-birthday-entry-form__submit-button {
margin-top: 20px;
font-size: 1em;
}
#loyaltylion .lion-advanced-social-rule-guide {
text-align: left;
display: flex;
flex-direction: column;
gap: 30px;
}
#loyaltylion .lion-advanced-social-rule-guide__steps {
display: flex;
flex-direction: column;
gap: 20px;
}
#loyaltylion .lion-advanced-social-rule-guide__username-request {
display: flex;
flex-direction: column;
gap: 10px;
}
#loyaltylion .lion-advanced-social-rule-guide__username-form {
display: flex;
flex-direction: row;
gap: 8px;
}
#loyaltylion .lion-advanced-social-rule-guide__input {
padding: 7px 9px;
border-radius: 3px;
border: 1px solid #ccc;
height: 42px;
display: inline-block;
width: 100%;
}
#loyaltylion .lion-advanced-social-rule-guide__current-username {
display: flex;
flex-direction: row;
gap: 8px;
}
#loyaltylion .lion-advanced-social-rule-guide__edit-username {
text-decoration: underline;
}
#loyaltylion .lion-advanced-social-rule-guide__footer {
background-color: #f8f8f8;
padding: 10px 15px;
border-radius: 5px;
}
#loyaltylion .lion-facebook-like__unavailable,
#loyaltylion .lion-twitter-follow__unavailable {
display: flex;
align-items: center;
justify-content: center;
}
#loyaltylion .lion-facebook-like__unavailable:before,
#loyaltylion .lion-twitter-follow__unavailable:before {
width: 16px;
height: 16px;
display: inline-block;
-webkit-mask: url(../img/icons/cross-circle.svg) no-repeat center/auto;
mask: url(../img/icons/cross-circle.svg) no-repeat center/auto;
background-color: #d34848;
content: "";
margin-right: 6px;
}
#loyaltylion .lion-facebook-like__wrapper {
position: relative;
min-height: 60px;
}
#loyaltylion .lion-facebook-like__wrapper .lion-standalone-spinner {
z-index: -1;
}
#loyaltylion .lion-twitter-follow__wrapper {
position: relative;
min-height: 30px;
}
#loyaltylion .lion-newsletter-signup-action__help {
margin-bottom: 25px;
}
#loyaltylion .lion-in-cart-rewards-widget--disabled {
opacity: 0.5;
pointer-events: none;
}
#loyaltylion .lion-in-cart-rewards-widget__rewards-slider {
display: flex;
position: relative;
transition: left 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
#loyaltylion .lion-in-cart-rewards-widget__navigator {
display: block;
position: absolute;
border-radius: 100%;
width: 30px;
height: 30px;
line-height: 24px;
font-size: 42px;
color: #333;
top: 50%;
margin-top: -15px;
cursor: pointer;
}
#loyaltylion .lion-in-cart-rewards-widget__navigator--back {
left: -5px;
}
#loyaltylion .lion-in-cart-rewards-widget__navigator--forward {
right: -5px;
}
#loyaltylion .lion-in-cart-rewards-widget__navigator--hidden {
display: none;
}
#loyaltylion .lion-in-cart-rewards-widget-item {
flex: 0 0 100%;
display: flex;
flex-direction: column;
padding: 20px 10px;
}
#loyaltylion .lion-in-cart-rewards-widget-item__picture img {
height: 100px;
box-shadow: 0 0 14px 0 rgba(201, 201, 201, 0.3);
margin-bottom: 5px;
}
#loyaltylion .lion-in-cart-rewards-widget-item__name {
flex-grow: 1 0 auto;
font-weight: 700;
font-size: 1.1em;
margin-bottom: 15px;
}
#loyaltylion .lion-in-cart-rewards-widget-item__variant-selector {
margin: 0 30px 15px;
}
#loyaltylion .lion-in-cart-rewards-widget-item__cost {
margin-bottom: 12px;
display: none;
}
#loyaltylion .lion-in-cart-rewards-widget-item__requirements {
margin-top: 8px;
font-size: 0.9em;
color: #555;
}
#loyaltylion .lion-referral-share__button {
cursor: pointer;
width: 36px;
height: 36px;
display: flex;
background-color: #f1f1f1;
border-radius: 100px;
transition: box-shadow 0.1s;
}
#loyaltylion .lion-referral-share__button:after {
content: "";
}
#loyaltylion .lion-referral-share__button--facebook {
background: #fff;
}
#loyaltylion .lion-referral-share__button--facebook:hover {
background: #e7e7e7;
box-shadow: 0 0 1px 5px #e7e7e7;
}
#loyaltylion .lion-referral-share__button--facebook:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/facebook.svg) no-repeat center/22px;
mask: url(../img/icons/social/facebook.svg) no-repeat center/22px;
background-color: #444;
}
#loyaltylion .lion-referral-share__button--whatsapp {
background: #fff;
}
#loyaltylion .lion-referral-share__button--whatsapp:hover {
background: #e7e7e7;
box-shadow: 0 0 1px 5px #e7e7e7;
}
#loyaltylion .lion-referral-share__button--whatsapp:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/whatsapp-solid.svg) no-repeat
center/21px;
mask: url(../img/icons/social/whatsapp-solid.svg) no-repeat center/21px;
background-color: #444;
}
#loyaltylion .lion-referral-share__button--twitter {
background: #fff;
}
#loyaltylion .lion-referral-share__button--twitter:hover {
background: #e7e7e7;
box-shadow: 0 0 1px 5px #e7e7e7;
}
#loyaltylion .lion-referral-share__button--twitter:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/twitter.svg) no-repeat center/24px;
mask: url(../img/icons/social/twitter.svg) no-repeat center/24px;
background-color: #444;
}
#loyaltylion .lion-referral-share__button--native-share {
transition: background 0.15s;
background: rgba(255, 255, 255, 0.3);
border-radius: 5px;
padding: 2px 7px;
align-items: center;
justify-content: center;
}
#loyaltylion .lion-referral-share__button--native-share:hover {
background: #f2f2f2;
}
#loyaltylion .lion-referral-share__button--native-share:after {
width: 100%;
height: 100%;
display: inline-block;
-webkit-mask: url(../img/icons/social/share.svg) no-repeat center/16px;
mask: url(../img/icons/social/share.svg) no-repeat center/16px;
background-color: #444;
}
#loyaltylion .lion-referral-share__button:focus,
#loyaltylion .lion-referral-share__button:hover {
opacity: 1;
}
#loyaltylion .lion-notification-container {
z-index: 1000000003;
position: fixed;
width: 335px;
max-width: calc(100% - 48px);
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
color: inherit;
letter-spacing: normal;
}
#loyaltylion .lion-notification-container input {
font-family: inherit;
}
#loyaltylion .lion-notification-container a {
color: inherit;
}
#loyaltylion .lion-notification-container a.lion-action-button {
color: #fff;
}
#loyaltylion .lion-notification-container--on-widget {
width: 240px;
position: relative;
}
#loyaltylion .lion-notification-container--top {
top: 24px;
left: 50%;
transform: translateX(-50%);
}
#loyaltylion .lion-notification-container--top-left {
top: 24px;
left: 0;
margin-left: 24px;
}
#loyaltylion .lion-notification-container--top-center {
top: 24px;
left: 50%;
transform: translateX(-50%);
}
#loyaltylion .lion-notification-container--top-right {
top: 24px;
right: 0;
margin-right: 24px;
}
#loyaltylion .lion-notification-container--middle-left {
top: 50%;
left: 0;
margin-left: 24px;
transform: translateY(-50%);
}
#loyaltylion .lion-notification-container--middle-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#loyaltylion .lion-notification-container--middle-right {
top: 50%;
right: 0;
margin-right: 24px;
transform: translateY(-50%);
}
#loyaltylion .lion-notification-container--bottom {
bottom: 24px;
left: 50%;
transform: translateX(-50%);
}
#loyaltylion .lion-notification-container--bottom-left {
bottom: 24px;
left: 0;
margin-left: 24px;
}
#loyaltylion .lion-notification-container--bottom-center {
bottom: 24px;
left: 50%;
transform: translateX(-50%);
}
#loyaltylion .lion-notification-container--bottom-right {
bottom: 24px;
right: 0;
margin-right: 24px;
}
#loyaltylion .lion-notification {
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
background: #fff;
line-height: 1.5;
position: relative;
margin-bottom: 10px;
overflow: hidden;
font-size: 10px;
}
#loyaltylion .lion-notification__divider {
margin: 1rem 0;
}
#loyaltylion .lion-notification__divider--panel {
margin: 0.3rem 0;
}
#loyaltylion .lion-notification__content {
padding: 16px;
display: flex;
flex-direction: column;
}
#loyaltylion .lion-notification__header {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 4px;
}
#loyaltylion .lion-notification__row {
display: flex;
flex-direction: row;
justify-content: center;
}
#loyaltylion .lion-notification__title {
text-align: center;
line-height: 30px;
font-weight: 700;
font-size: 1.8em;
flex-grow: 10;
}
#loyaltylion .lion-notification__icon--points {
width: 14px;
height: 14px;
display: inline-block;
-webkit-mask: url(../img/icons/star.svg) no-repeat center/auto;
mask: url(../img/icons/star.svg) no-repeat center/auto;
background-color: var(--lion-icon-color);
flex-shrink: 0;
margin-right: 8px;
}
#loyaltylion .lion-notification__message {
font-size: 1.6em;
display: flex;
flex-direction: row;
align-items: center;
}
#loyaltylion .lion-notification__reward-message {
font-size: 1.6em;
margin: 0 1em;
text-align: center;
}
#loyaltylion .lion-notification__footer-link {
text-align: center;
text-decoration: underline;
display: inline-block;
font-size: 1.3em;
}
#loyaltylion .lion-notification--actionable {
cursor: pointer;
}
#loyaltylion .lion-notification--enter-active {
animation: 0.2s lion-notification-fadein;
}
#loyaltylion .lion-notification--exit-active {
animation: 0.2s lion-notification-fadeout;
}
#loyaltylion .lion-notification--exit {
opacity: 0;
max-height: 0;
}
#loyaltylion .lion-notification__action {
margin-top: 24px;
}
#loyaltylion .lion-notification__action-button {
font-size: 1.6em;
text-align: center;
margin-bottom: 5px;
}
#loyaltylion .lion-notification__close-button {
position: absolute;
right: 0;
top: 0;
color: #333;
outline: 0;
text-decoration: none;
cursor: pointer;
font-size: 20px;
padding: 3px 10px;
z-index: 1000000004;
}
#loyaltylion .lion-notification__campaign-offer {
background-color: #f5f5f5;
border-radius: 4px;
padding: 8px 16px;
margin: 0 0 16px;
font-size: 1.4em;
line-height: 1.4;
text-align: center;
}
#loyaltylion
.lion-notification--post-purchase-signup
.lion-notification__message {
text-align: center;
}
#loyaltylion
.lion-notification--post-purchase-signup
.lion-notification__action {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#loyaltylion
.lion-notification--post-purchase-signup
.lion-notification__action-button {
margin-right: 10px;
}
#loyaltylion .lion-notification--guest-introduction .lion-notification__message,
#loyaltylion .lion-notification--point .lion-notification__message,
#loyaltylion .lion-notification--tier .lion-notification__message {
padding-right: 12px;
}
#loyaltylion
.lion-notification--post-purchase-referral.lion-notification--mobile
.lion-notification__content {
min-height: 180px !important;
}
#loyaltylion
.lion-notification--post-purchase-referral
.lion-notification__content {
font-size: 1em;
justify-content: space-between;
background-color: #fff;
text-align: center;
}
#loyaltylion
.lion-notification--post-purchase-referral
.lion-notification__action {
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 0 5em;
height: 36px;
margin-top: 8px;
}
#loyaltylion
.lion-notification--post-purchase-referral
.lion-notification__message {
margin-bottom: 24px;
}
#loyaltylion
.lion-notification--post-purchase-referral
.lion-notification__row-button {
display: inline-block !important;
width: 44px;
height: 44px;
margin-left: 1rem;
border-radius: 4px;
}
#loyaltylion
.lion-notification--post-purchase-referral
.lion-notification__row-input {
padding: 12px;
font-size: 1.4em;
flex-grow: 8;
border-radius: 4px;
border: 1px solid #e9e9e9;
box-sizing: border-box;
overflow: hidden;
cursor: text;
}
#loyaltylion
.lion-notification--post-purchase-referral
.lion-notification__row-input:disabled {
background-color: #fff;
}
#loyaltylion
.lion-notification--guest-introduction
.lion-notification__message {
cursor: default;
}
#loyaltylion .lion-notification-rewards-list__title {
font-weight: 700;
font-size: 1.6em;
}
#loyaltylion .lion-notification-rewards-list__cost {
font-size: 1.3em;
}
#loyaltylion .lion-notification-rewards-list__content {
flex-grow: 2;
flex-basis: 0;
}
#loyaltylion .lion-notification-rewards-list__action {
font-size: 1.4em;
}
#loyaltylion .lion-notification-rewards-list__item {
display: flex;
flex-direction: row;
align-items: center;
margin: 0.5rem 0;
gap: 15px;
}
#loyaltylion
.lion-notification-rewards-list__item
.lion-reward-item__actions:not(:empty) {
margin-top: 0;
}
@keyframes lion-notification-fadein {
from {
opacity: 0;
left: 335px;
}
to {
opacity: 1;
left: 0;
}
}
@keyframes lion-notification-fadeout {
from {
opacity: 1;
margin-bottom: 10px;
max-height: 150px;
}
to {
opacity: 0;
max-height: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
max-height: 0;
}
}
#loyaltylion .lion-icon__reward--checkout-redemption {
-webkit-mask-image: url(../img/icons/rules/bag.svg);
mask-image: url(../img/icons/rules/bag.svg);
}
#loyaltylion .lion-icon__reward--active-subscription-discount-voucher,
#loyaltylion .lion-icon__reward--cart-discount-voucher,
#loyaltylion .lion-icon__reward--collection-discount-voucher,
#loyaltylion .lion-icon__reward--product-discount-voucher,
#loyaltylion .lion-icon__reward--subscription {
-webkit-mask-image: url(../img/icons/rewards/flat-discount.svg);
mask-image: url(../img/icons/rewards/flat-discount.svg);
}
#loyaltylion .lion-icon__reward--product-cart {
-webkit-mask-image: url(../img/icons/rewards/free-product.svg);
mask-image: url(../img/icons/rewards/free-product.svg);
}
#loyaltylion .lion-icon__reward--free-shipping-voucher {
-webkit-mask-image: url(../img/icons/rewards/free-shipping.svg);
mask-image: url(../img/icons/rewards/free-shipping.svg);
}
#loyaltylion .lion-icon__reward--gift-card {
-webkit-mask-image: url(../img/icons/rewards/gift-card.svg);
mask-image: url(../img/icons/rewards/gift-card.svg);
}
#loyaltylion .lion-icon__reward--custom {
-webkit-mask-image: url(../img/icons/bubble-star.svg);
mask-image: url(../img/icons/bubble-star.svg);
}
#loyaltylion .lion-icon__rule--collection-purchase,
#loyaltylion .lion-icon__rule--product-purchase,
#loyaltylion .lion-icon__rule--purchase,
#loyaltylion .lion-icon__rule--trustpilot-product-review {
-webkit-mask-image: url(../img/icons/rules/bag.svg);
mask-image: url(../img/icons/rules/bag.svg);
}
#loyaltylion .lion-icon__rule--referral {
-webkit-mask-image: url(../img/icons/rules/refer.svg);
mask-image: url(../img/icons/rules/refer.svg);
}
#loyaltylion .lion-icon__rule--clickthrough,
#loyaltylion .lion-icon__rule--pageview {
-webkit-mask-image: url(../img/icons/rules/visit.svg);
mask-image: url(../img/icons/rules/visit.svg);
}
#loyaltylion .lion-icon__rule--signup {
-webkit-mask-image: url(../img/icons/rules/signup.svg);
mask-image: url(../img/icons/rules/signup.svg);
}
#loyaltylion .lion-icon__rule--birthday {
-webkit-mask-image: url(../img/icons/rules/birthday.svg);
mask-image: url(../img/icons/rules/birthday.svg);
}
#loyaltylion .lion-icon__rule--twitter-followx {
-webkit-mask-image: url(../img/icons/rules/twitter.svg);
mask-image: url(../img/icons/rules/twitter.svg);
}
#loyaltylion .lion-icon__rule--tiktok-follow,
#loyaltylion .lion-icon__rule--tiktok-post-hashtag {
-webkit-mask-image: url(../img/icons/social/tiktok.svg);
mask-image: url(../img/icons/social/tiktok.svg);
}
#loyaltylion .lion-icon__rule--newsletter-signup {
-webkit-mask-image: url(../img/icons/rules/newsletter.svg);
mask-image: url(../img/icons/rules/newsletter.svg);
}
#loyaltylion .lion-icon__rule--feefo-review,
#loyaltylion .lion-icon__rule--loox-review,
#loyaltylion .lion-icon__rule--review,
#loyaltylion .lion-icon__rule--shopify-review,
#loyaltylion .lion-icon__rule--stampedio-review,
#loyaltylion .lion-icon__rule--trustpilot-service-review,
#loyaltylion .lion-icon__rule--verified-reviews,
#loyaltylion .lion-icon__rule--yotpo-review {
-webkit-mask-image: url(../img/icons/rules/review.svg);
mask-image: url(../img/icons/rules/review.svg);
}
#loyaltylion .lion-icon__rule--facebook-like {
-webkit-mask-image: url(../img/icons/rules/facebook.svg);
mask-image: url(../img/icons/rules/facebook.svg);
}
#loyaltylion .lion-icon__rule--instagram-follow,
#loyaltylion .lion-icon__rule--instagram-mention,
#loyaltylion .lion-icon__rule--instagram-post-hashtag,
#loyaltylion .lion-icon__rule--instagram-tag-image {
-webkit-mask-image: url(../img/icons/rules/instagram.svg);
mask-image: url(../img/icons/rules/instagram.svg);
}
#loyaltylion .lion-icon__rule--custom {
-webkit-mask-image: url(../img/icons/bubble-star.svg);
mask-image: url(../img/icons/bubble-star.svg);
}
.beige {
background-color: #dfd2c1;
}
.black {
background-color: #000;
}
.white {
background-color: #fff;
}
.green {
background-color: #216f5e;
}
.brown {
background-color: #7f412e;
}
.grey-melange {
background-color: #c7c8c9;
}
.baby-blue {
background-color: #a6cadc;
}
.GREEN {
background-color: #155b4b;
}
.navy-blue {
background-color: #1c2a48;
}
.off-white {
background-color: #f2f2e7;
}
.purple {
background-color: #8e78c0;
}
.khaki-green {
background-color: #51573c;
}
.sports-grey {
background-color: #c7c8c9;
}
.marshmellow {
background-color: #f8f2c0;
}
.bone {
background-color: #c9a990;
}
.stone {
background-color: #555558;
}
.glacier {
background-color: #7086a1;
}
.jade {
background-color: #496567;
}
.pink {
background-color: #f4e2f0;
}
.khaki {
background-color: #8d8c7b;
}
.bottega-green {
background-color: #04ac51;
}
.red {
background-color: #870d1e;
}
.cobalt-blue {
background-color: #0064af;
}
.mint {
background-color: #d1e9cb;
}
.camel {
background-color: #bc9372;
}
.washed-blue {
background-color: #5c7e99;
}
.metallic-blue {
background-color: #7f90b1;
}
.yellow {
background-color: #f7e3ae;
}
.acqua-green {
background-color: #4b7465;
}
.gold {
background-color: #f8e2ba;
}
.silver {
background-color: #999e9e;
}
.orange {
background-color: #f19559;
}
.ash {
background-color: #7b807c;
}
.deep-blue {
background-color: #21293b;
}
.olive-green {
background-color: #7c7d64;
}
.blue {
background-color: #8ba5bc;
}
.pine-green {
background-color: #3d4942;
}
.camel {
background-color: #d8ab57;
}
.bleached-blue {
background-color: #d6dde2;
}
.lime {
background-color: #f0fd53;
}
.bordeuax {
background-color: #6e3a40;
}
.orange {
background-color: #e06c4c;
}
.brush {
background-color: #8a817c;
}
.purple-dove {
background-color: #887980;
}
.desert {
background-color: #cac1b2;
}
.fuchsia {
background-color: #ff0090;
}
.salmon {
background-color: #faaa94;
}
.sand {
background-color: #bea088;
}
.navy {
background-color: #103071;
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/color.css.map?v=74825860948048287621760976919 */
.shoppable-page {
max-width: 90%;
margin: 0 auto;
text-align: center;
padding: 80px 0;
}
.shoppable-page .shopaable-title p {
max-width: 485px;
margin: 30px auto 60px;
}
.shopaable-title img {
max-height: 90px;
}
.shoppable-content ul {
display: flex;
flex-wrap: wrap;
}
.shoppable-content ul li {
list-style: none;
width: 33.33%;
}
.shoppable-img {
position: relative;
padding-top: 100%;
}
.shoppable-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.shoppable-content ul li a {
display: block;
position: relative;
}
.shoppable-content ul li a:before {
content: "";
position: absolute;
background-color: #ffffff80;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.shoppable-content ul li a:hover:before {
opacity: 1;
transition: 0.3s ease-in-out;
}
.shoppable-content .hover-content {
opacity: 0;
}
.shoppable-content ul li a:hover .hover-content {
opacity: 1;
}
.shoppable-content .hover-content p {
position: absolute;
left: 15px;
top: 15px;
z-index: 2;
}
.shoppable-content .hover-content .shop-btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%);
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
background-color: transparent;
border: 2px solid #000;
padding: 5px 10px;
line-height: 1;
font-size: 22px;
text-transform: uppercase;
}
.shoppable-popup {
background-color: #f5f5f5;
max-width: 970px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding: 65px;
}
.shoppable-left,
.shoppable-right {
width: 50%;
}
.shoppable-popup .shoppable-left p {
padding-left: 10px;
margin-bottom: 5px;
}
.shoppable-right {
padding-left: 60px;
}
.shoppable-right h6 {
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 17px;
}
.shoppable-left .popup-img {
position: relative;
padding-top: 100%;
margin-bottom: 15px;
}
.shoppable-left .popup-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-img {
position: relative;
padding-top: 80%;
}
.product-img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: contain;
}
.ProductForm__AddToCart {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
padding: 17px 30px;
}
@media (max-width: 991px) {
.shoppable-content .hover-content .shop-btn {
font-size: 16px;
}
}
@media (max-width: 767px) {
.shoppable-content ul li {
list-style: none;
width: 50%;
}
.shoppable-content .hover-content p {
left: 5px;
top: 5px;
font-size: 12px;
margin: 0;
}
.shoppable-content .hover-content .shop-btn {
font-size: 14px;
margin-top: -10px;
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/dynamic.css.map?v=116618358144672059101760976919 */
.shopify-section-header-sticky {
position: fixed;
width: 100%;
top: 0;
}
.shopify-section-header-hidden {
top: calc(-1 * var(--header-height));
}
.shopify-section-header-hidden.menu-open {
top: 0;
}
.section-header.animate {
transition: top 0.15s ease-out;
}
.header-wrapper {
display: block;
position: relative;
background-color: rgb(var(--color-background));
border-bottom: 1px solid var(--disabled-color);
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 18px 0 16px;
flex-direction: column;
}
.transprent-header .header {
padding: 0;
}
.transprent-header .header__logo-wrapperSmall {
padding: 0 18px 0 16px;
}
.header .Heading {
transition: none;
}
.header summary {
list-style: none !important;
}
.header summary::marker {
content: none !important;
}
.header__logo-wrapperSmall {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header-wrapper .header {
align-items: flex-start;
justify-content: start;
}
.header-wrapper .header .header__logo-wrapperSmall {
width: 100%;
display: flex;
}
.header-wrapper .header .Header__Logo--large {
width: calc(100% - 32px);
transform: translate3d(16px, 12px, 0);
height: auto;
padding-bottom: 24px;
transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1),
width 0.8s cubic-bezier(0.5, 0, 0, 1),
transform 0.8s cubic-bezier(0.5, 0, 0, 1),
padding-bottom 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.header-wrapper .header .Header__Logo--large.animate-logo {
transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1),
width 0.8s cubic-bezier(0.5, 0, 0, 1),
transform 0.8s cubic-bezier(0.5, 0, 0, 1),
padding-bottom 0.8s cubic-bezier(0.5, 0, 0, 1);
width: 151px;
height: 0px;
padding-bottom: 0;
will-change: width, transform, padding-bottom;
transform: translate3d(16px, -42px, 0);
z-index: -1;
}
.header-wrapper .header .Header__Logo--small {
transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.header-wrapper.transprent-header-big .header .Header__Logo--small.hide-logo {
opacity: 0;
}
.collection-logo svg {
width: 100%;
height: auto;
}
.Header__Logo--large svg-image {
width: 100%;
display: block;
}
sticky-header.transprent-header:has(details[data-animating="true"])
.Header__Logo--large {
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 1023px) {
sticky-header.transprent-header:has(details[data-animating="true"])
.Header__Logo--large {
display: none;
opacity: 1;
visibility: visible;
}
}
.solid-header-transition
sticky-header.transprent-header.transprent-header-big
.header__logo-wrapperSmall:hover
.header__heading-link:before {
height: 24px;
top: -14px;
}
.header__search-wrapper {
margin-top: 4px;
}
.header-logo-wrapper {
display: flex;
align-items: center;
}
@media screen and (max-width: 1024px) {
.header {
padding: 0 16px;
}
.header__search-wrapper {
margin-top: 5px;
}
.transprent-header .header {
padding: 0;
}
.transprent-header .header__logo-wrapperSmall {
padding: 0 16px;
}
.header-wrapper .header .Header__Logo--large {
padding-bottom: 0;
}
}
@media screen and (max-width: 1023px) {
.header {
align-items: center;
padding: 15px 16px 16px;
}
.transprent-header .header {
padding: 0;
}
.transprent-header .header__logo-wrapperSmall {
padding: 15px 16px 17px;
}
.header-wrapper {
margin-top: 0;
}
.mob-search {
display: flex;
}
.header-logo-wrapper {
max-width: 111px;
}
.header__icon--wishlist {
margin-top: 2px;
}
.header-wrapper .header .Header__Logo--large.animate-logo {
transform: translate3d(50px, -43px, 0);
width: 111px;
}
.header-wrapper .header .Header__Logo--small.show-with-big-logo {
display: none;
}
sticky-header .header__heading-link {
max-width: 111px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.header--has-app {
grid-template-columns: auto 1fr auto;
}
.header-wrapper .header .Header__Logo--large {
transform: translate3d(16px, 0, 0);
}
}
@media screen and (min-width: 1024px) {
.header {
grid-template-columns: 1fr auto 1fr;
}
.header--top-left,
.header--middle-left:not(.header--has-menu) {
grid-template-areas: "heading icons" "navigation navigation";
grid-template-columns: 1fr auto;
}
.header--top-left.drawer-menu,
.header--middle-left.drawer-menu {
grid-template-areas: "navigation heading icons";
grid-template-columns: auto 1fr auto;
column-gap: 1rem;
}
.header--middle-left {
grid-template-areas: "heading navigation icons";
grid-template-columns: auto auto 1fr;
column-gap: 2rem;
}
.header--middle-center:not(.drawer-menu) {
grid-template-areas: "navigation heading icons";
grid-template-columns: 1fr auto 1fr;
column-gap: 2rem;
}
.header--middle-center a.header__heading-link {
text-align: center;
}
.header--top-center {
grid-template-areas: "left-icons heading icons" "navigation navigation navigation";
}
.header--top-center.drawer-menu {
grid-template-areas: "left-icons heading icons";
grid-template-columns: 1fr auto 1fr;
}
.header:not(.header--middle-left, .header--middle-center)
.header__inline-menu {
margin-top: 1.05rem;
}
}
.header *[tabindex="-1"]:focus {
outline: none;
}
.header__heading a:after {
content: none;
}
.header .header__heading-link {
line-height: 0;
}
.header__heading,
.header__heading-link {
grid-area: heading;
justify-self: center;
}
.header__heading-link {
display: inline-block;
text-decoration: none;
word-break: break-word;
}
.header__heading-link:hover .h2 {
color: rgb(var(--color-foreground));
}
.header__heading-link .h2 {
line-height: 1;
color: rgba(var(--color-foreground), 0.75);
}
.header__heading-logo {
height: auto;
max-width: 100%;
}
.header__heading-logo-wrapper {
display: flex;
transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
color: rgba(var(--color-foreground));
}
.header__heading-logo-wrapper svg path {
fill: currentColor;
}
@media screen and (max-width: 1023px) {
.header__heading,
.header__heading-link {
text-align: center;
}
.header--mobile-left .header__heading,
.header--mobile-left .header__heading-link {
text-align: left;
justify-self: start;
}
.header--mobile-left {
grid-template-columns: auto 2fr 1fr;
}
}
@media screen and (min-width: 1024px) {
.header__heading,
.header__heading-link {
justify-self: start;
}
.header--middle-center .header__heading-link,
.header--middle-center .header__heading,
.header--top-center .header__heading-link,
.header--top-center .header__heading {
justify-self: center;
text-align: center;
}
}
.header__icons {
display: flex;
align-items: center;
gap: 16px;
}
.header__icon:not(.header__icon--summary),
.header__icon span,
.header__icon--cart span {
display: flex;
align-items: center;
}
.header__icon {
color: rgb(var(--color-foreground));
}
.header__icon span {
height: 100%;
}
.header__icon .svg-wrapper {
width: 18px;
height: 18px;
}
.header__icon account-icon .svg-wrapper,
.header__icon.header__icon--account {
width: auto;
}
.header__icon:after,
.header__icon--cart:after {
content: none;
}
.header__icon .icon {
height: 18px;
width: 18px;
fill: none;
vertical-align: middle;
}
header-drawer .header__icon .icon,
header-drawer .header__icon {
height: 14px;
cursor: pointer;
}
.header__icon,
.header__icon--cart .icon {
height: 18px;
width: 18px;
padding: 0;
}
.header__icon--wishlist {
max-width: 36px;
width: fit-content;
gap: 2px;
}
.header__icon--cart {
position: relative;
display: flex;
gap: 2px;
align-items: center;
text-decoration: none;
}
.header__icon--cart svg,
.header__icon--cart .svg-wrapper {
width: 12.94px;
}
.header__icon--menu[aria-expanded="true"]:before {
content: "";
top: 100%;
left: 0;
height: calc(
var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
);
width: 100%;
display: block;
position: absolute;
background: rgba(var(--color-foreground), 0.5);
}
.header__icon--account shop-user-avatar {
--shop-avatar-size: 2.8rem;
}
details .header__icon-close {
display: none;
}
details[open] .header__icon-close {
display: inline-block;
}
account-icon {
display: flex;
}
menu-drawer + .header__search {
display: none;
}
.header > .header__search {
grid-area: left-icons;
justify-self: start;
}
.header--top-center.drawer-menu > .header__search {
margin-left: 3.2rem;
}
.header--top-center header-drawer {
grid-area: left-icons;
}
.header:not(.header--has-menu) * > .header__search {
display: none;
}
.header__search {
display: inline-flex;
line-height: normal;
}
.header__icon--search {
text-decoration: none;
position: relative;
color: rgba(var(--color-foreground));
}
.header__icon--search .blinker {
position: unset;
display: flex;
align-items: center;
gap: 5px;
margin-left: 0;
}
summary.header__icon--search .blinker {
margin-left: 0;
transform: unset;
position: relative;
height: 14px;
width: 7px;
}
.header__icon--search span {
gap: 5px;
align-items: center;
display: flex;
cursor: pointer;
}
.header--top-center > .header__search {
display: none;
}
.header--top-center * > .header__search {
display: inline-flex;
}
.header__heading-wrapper {
display: flex;
align-items: center;
gap: 86px;
}
@media screen and (max-width: 1023px) {
.header__search {
min-height: unset;
}
.header__icons {
max-height: 18px;
max-width: 197px;
width: 100%;
justify-content: flex-end;
}
.header__heading-wrapper {
display: flex;
align-items: center;
gap: 16px;
}
.header__icon:not(.header__icon--summary),
.header__icon span,
.header__icon--cart span {
align-items: flex-start;
}
sticky-header.transprent-header.transprent-header-big .menu-drawer {
height: 100vh;
top: calc(var(--header-parent-height) - var(--anouncement-scroll-height));
}
}
@media screen and (min-width: 1024px) {
.header:not(.header--top-center) * > .header__search,
.header--top-center > .header__search {
display: inline-flex;
}
.header:not(.header--top-center) > .header__search,
.header--top-center * > .header__search {
display: none;
}
}
details[open] > .search-modal {
width: 100%;
opacity: 1;
animation: animateMenuOpen var(--duration-default) ease;
}
details[open] .modal-overlay {
display: block;
}
details[open] .modal-overlay:after {
position: absolute;
content: "";
background-color: #171717;
opacity: 0.5;
top: 100%;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
}
.search-modal {
opacity: 0;
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
height: 100%;
}
.search-modal__content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
width: 100%;
padding: 0 5rem 0 1.6rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
position: relative;
}
.search-modal__content-bottom {
bottom: calc((var(--inputs-margin-offset) / 2));
}
.search-modal__content-top {
top: calc((var(--inputs-margin-offset) / 2));
}
.search-modal__form {
width: 100%;
}
@media screen and (min-width: 768px) {
.search-modal__content {
padding: 0 16px;
}
}
@media screen and (min-width: 1024px) {
.search-modal__close-button {
position: initial;
}
}
.header__icon--menu .icon {
display: block;
position: absolute;
opacity: 1;
transform: scale(1);
transition: transform 0.15s ease, opacity 0.15s ease;
}
header-drawer
details:not([data-animating="true"])
> .header__icon--menu
.icon-close,
header-drawer
details[data-animating="true"]
> .header__icon--menu
.icon-hamburger {
visibility: hidden;
opacity: 0;
transform: scale(0.8);
}
.js details > .header__submenu {
opacity: 0;
transform: translateY(-1.5rem);
}
details[open] > .header__submenu {
animation: animateMenuOpen var(--duration-default) ease;
animation-fill-mode: forwards;
z-index: 1;
}
@media (prefers-reduced-motion) {
details[open] > .header__submenu {
opacity: 1;
transform: translateY(0);
}
}
.header__inline-menu {
grid-area: navigation;
display: none;
}
.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
margin-left: 0;
}
@media screen and (min-width: 1024px) {
.header__inline-menu {
display: block;
}
.header--top-center .header__inline-menu {
justify-self: center;
}
.header--top-center .header__inline-menu > .list-menu--inline {
justify-content: center;
}
.header--middle-left .header__inline-menu {
margin-left: 0;
}
}
.header__menu {
padding: 0 1rem;
}
.header__menu-item {
text-decoration: none;
padding: 0;
color: rgba(var(--color-foreground));
position: relative;
cursor: pointer;
}
.header__menu-item .menu-item {
position: relative;
margin-top: 4px;
}
.list-menu li:first-child .header__menu-item {
margin-left: 0;
}
.list-menu li:last-child .header__menu-item {
margin-right: 0;
}
.header__menu-item:hover {
color: rgb(var(--color-foreground));
}
.header__menu-item span {
transition: text-decoration var(--duration-short) ease;
}
details[open] > .header__menu-item {
font-weight: 400;
transform: all 0 ease;
}
details[open] > .header__menu-item .icon-caret {
transform: rotate(180deg);
}
@media screen and (min-width: 1024px) {
details:not(.all-hide)[open]:hover > .header__menu-item {
font-weight: 700;
}
details:has(.megamenu-desktop):hover {
font-weight: 700;
}
}
.header__active-menu-item {
transition: text-decoration-thickness var(--duration-short) ease;
color: rgb(var(--color-foreground));
text-decoration: underline;
text-underline-offset: 0.3rem;
}
.header__menu-item:hover .header__active-menu-item {
text-decoration-thickness: 0.2rem;
}
.header__submenu {
transition: opacity var(--duration-default) ease,
transform var(--duration-default) ease;
}
.global-settings-popup,
.header__submenu.global-settings-popup {
border-radius: var(--popup-corner-radius);
border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
border-style: solid;
border-width: var(--popup-border-width);
box-shadow: var(--popup-shadow-horizontal-offset)
var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
rgba(var(--color-shadow), var(--popup-shadow-opacity));
z-index: -1;
}
.header__submenu.list-menu {
padding: 1rem 0;
}
.header__submenu .header__submenu {
background-color: rgba(var(--color-foreground), 0.03);
padding: 1rem 0;
margin: 1rem 0;
}
.header__submenu .header__menu-item:after {
right: 2rem;
}
.header__submenu .header__menu-item {
justify-content: space-between;
padding: 0.8rem 2rem;
}
.header__submenu .header__menu-item:hover {
text-decoration-line: underline;
}
.header__menu-item .icon-caret {
right: 0.8rem;
}
.header__submenu .icon-caret {
flex-shrink: 0;
margin-left: 1rem;
position: static;
}
header-menu > details,
details-disclosure > details {
position: relative;
}
@keyframes animateMenuOpen {
0% {
opacity: 0;
transform: translateY(-1.5rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
overflow: hidden;
}
@media screen and (min-width: 768px) {
.overflow-hidden-mobile {
overflow: auto;
}
}
@media screen and (min-width: 1024px) {
.overflow-hidden-tablet {
overflow: auto;
}
.header-logo-wrapper {
width: 220px;
}
}
section:has(.allow-transprenr-header) {
margin-top: calc(-1 * var(--header-height));
}
sticky-header.transprent-header {
background: transparent;
border: transparent;
}
body:has(.has-transparent-header.has-first-section) main {
margin-top: calc(var(--anouncement-scroll-height) - 1px) !important;
}
body:has(.has-transparent-header.has-first-section)
.header-main-wrapper:has(.shopify-section-header-hidden) {
top: calc(var(--anouncement-scroll-height) * -1) !important;
}
body:has(.has-transparent-header-big.has-first-section)
.header-main-wrapper:has(.shopify-section-header-hidden) {
top: calc(var(--anouncement-scroll-height) * -1) !important;
}
body:has(.has-transparent-header.has-first-section)
.header-main-wrapper:has(.animate.solid-header-transition) {
top: calc(var(--anouncement-scroll-height) * -1) !important;
}
sticky-header.transprent-header-big header-megamenu .megamenu-desktop {
border-top: 1px solid var(--disabled-color);
}
.header-localization .localization-form:only-child {
margin: 0;
padding: 0;
}
.header-localization .disclosure .localization-form__select {
font-size: 1.4rem;
letter-spacing: 0.06rem;
height: auto;
min-height: initial;
background: transparent;
}
.header-localization .disclosure .localization-form__select:hover {
text-decoration: underline;
}
.header-localization .localization-form__select.link:after,
.header-localization .localization-form__select.link:before {
box-shadow: none;
}
.header-localization .localization-form__select.link:focus-visible {
outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
outline-offset: -0.2rem;
box-shadow: 0 0 0.2rem rgba(var(--color-foreground), 0.3);
}
.desktop-localization-wrapper {
display: none;
flex-wrap: wrap;
justify-content: flex-end;
}
.desktop-localization-wrapper
.localization-selector
+ .disclosure__list-wrapper {
animation: animateMenuOpen var(--duration-default) ease;
}
.desktop-localization-wrapper .localization-form:only-child {
padding: 0;
}
.header-localization:not(.menu-drawer__localization) {
align-items: center;
}
.js
.header-localization:not(.menu-drawer__localization)
.localization-form__select {
padding: 0 2.7rem 0 1.2rem;
width: max-content;
height: 3.8rem;
}
.header-localization:not(.menu-drawer__localization)
.localization-form:only-child
.localization-form__select {
margin: 0;
}
.header-localization:not(.menu-drawer__localization).localization-form__select
> span {
max-width: 20ch;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.header-localization:not(.menu-drawer__localization)
localization-form:only-child
.localization-form__select
> span {
max-width: 26ch;
}
.header-localization:not(.menu-drawer__localization)
.localization-form__select
.icon-caret {
right: 0.8rem;
}
.header-localization:not(.menu-drawer__localization) .disclosure__list-wrapper {
bottom: initial;
top: 100%;
right: 0;
transform: translateY(0);
}
sticky-header:has(.Search[aria-hidden="false"]) .Header__Logo--large {
opacity: 0;
transition: none;
}
.font-regular {
font-family: NeueHaasUnicaW1G-Regular, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
}
.header__inline-menu .list-menu li a,
.header__inline-menu .list-menu li span {
font-size: 16px;
font-style: normal;
line-height: normal;
letter-spacing: -1.2px;
}
.field {
position: relative;
width: 100%;
display: flex;
transition: box-shadow var(--duration-short) ease;
align-items: center;
}
.header__heading-logo-wrapper svg-image svg {
width: 100%;
height: auto;
}
body {
--header-parent-height: calc(
var(--header-height) + var(--anouncement-scroll-height)
);
--small-header-announcement: calc(
var(--small-header-height) + var(--anouncement-scrolling-height)
);
}
.HorizontalList__Item .hamburger {
display: flex;
align-items: center;
color: rgba(var(--color-foreground));
line-height: 0;
}
.HorizontalList__Item .hamburger .svg-wrapper {
line-height: 0;
margin-right: 2px;
}
.HorizontalList__Item .hamburger .Header__CartCount,
.hamburger .bracket {
margin-bottom: 4px;
}
sticky-header.transprent-header:has(details[data-animating="true"]) {
--color-foreground: 23, 23, 23, 1;
border-color: #dad4d3;
transition: all 0.3s ease-in-out;
}
.blinker {
animation-name: blinker;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1, 0, 0, 1);
animation-duration: 1s;
display: inline-block !important;
width: 7px;
height: 14px;
margin-left: 10px;
box-shadow: 0 0 10px #ffffff4d;
background: currentColor;
position: absolute;
left: 0;
z-index: 2;
}
@keyframes blinker {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.search-modal:has(.search__input.field__input:not(:placeholder-shown))
.blinker {
display: none !important;
}
.list-menu--inline {
display: inline-flex;
}
.list-menu li .header__menu-item {
margin-right: 0;
display: flex;
}
body:has(.collection-password-v2) #header-main-wrapper {
display: none;
}
.show-with-big-logo,
.show-logo-transprent {
position: absolute;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.show-with-big-logo {
max-width: 205px;
width: 100%;
}
.header-wrapper .header .Header__Logo--small.solid,
.header-wrapper .header .Header__Logo--small.show-logo-transprent {
max-width: 151px;
width: 100%;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
sticky-header.transprent-header .Header__Logo--small.solid {
opacity: 0;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
z-index: 5;
}
.solid-header-transition
sticky-header.transprent-header
.header__logo-wrapperSmall
.Header__Logo--small.solid,
sticky-header:has(.menu-drawer-container[open]) .Header__Logo--small.solid,
sticky-header:has(.Search[aria-hidden="false"]) .Header__Logo--small.solid,
sticky-header.transprent-header.transprent-header-big .show-with-big-logo,
sticky-header.transprent-header .Header__Logo--small.show-logo-transprent {
opacity: 1;
visibility: visible;
transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
@media (pointer: fine) {
sticky-header.transprent-header
.header__logo-wrapperSmall:hover
.Header__Logo--small.solid,
sticky-header.transprent-header
.header__logo-wrapperSmall:has(details[open])
.Header__Logo--small.solid {
opacity: 1;
visibility: visible;
transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
}
sticky-header.transprent-header .Header__Logo--small.show-logo-transprent {
top: 12px;
}
sticky-header.transprent-header.transprent-header-big
.Header__Logo--small.show-logo-transprent {
top: 0;
}
.solid-header-transition
sticky-header.transprent-header
.Header__Logo--small.show-logo-transprent,
sticky-header.transprent-header.transprent-header-big
.header__logo-wrapperSmall:hover
.show-with-big-logo,
sticky-header:has(.menu-drawer-container[open]) .show-with-big-logo,
sticky-header:has(.Search[aria-hidden="false"]) .show-with-big-logo,
sticky-header.transprent-header
.header__logo-wrapperSmall:hover
.Header__Logo--small.show-logo-transprent,
sticky-header:has(.menu-drawer-container[open])
.Header__Logo--small.show-logo-transprent,
sticky-header:has(.Search[aria-hidden="false"])
.Header__Logo--small.show-logo-transprent,
body:has(.transprent-header-big .Header__Logo--large.animate-logo)
.Header__Logo--small.show-logo-transprent,
sticky-header.transprent-header.transprent-header-big
.Header__Logo--small.show-logo-transprent,
sticky-header.transprent-header
.header__logo-wrapperSmall:has(details[open])
.show-with-big-logo,
sticky-header.transprent-header
.header__logo-wrapperSmall:has(details[open])
.Header__Logo--small.show-logo-transprent {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
@media screen and (max-width: 1023px) {
.header-wrapper .header .Header__Logo--small.show-logo-transprent,
.header-wrapper .header .Header__Logo--small.show-with-big-logo {
max-width: 111px;
}
sticky-header.transprent-header .Header__Logo--small.show-logo-transprent {
top: 15px;
}
sticky-header.transprent-header-big .header__heading-link {
pointer-events: none;
}
.solid-header-transition
sticky-header.transprent-header-big
.header__heading-link,
.section-header:has(
sticky-header.transprent-header-big .Header__Logo--large.animate-logo
)
.header__heading-link,
sticky-header.transprent-header-big:has(.menu-drawer-container[open])
.header__heading-link,
sticky-header:has(.Search[aria-hidden="false"]) .header__heading-link {
pointer-events: auto;
}
.Search {
top: var(--header-height);
border-top: none;
}
.header-wrapper.transprent-header-big .Search {
top: var(--innerHeight);
}
.header-wrapper.transprent-header .Search {
border-top: 1px solid var(--disabled-color);
}
}
@media (pointer: fine) {
.section-header:has(
sticky-header.transprent-header-big .header__logo-wrapperSmall:hover
)
.header__heading-link {
pointer-events: auto;
}
}
.Header__Logo--large .Header__logo.animate-logo .collection-logo {
line-height: 0;
}
body:has(
.scrolled-past-header .header__logo-wrapperSmall header-drawer details[open]
)
.menu-drawer {
height: calc(100vh - var(--header-height) + 1px) !important;
}
.Product__InfoWrapper #swymcs-wishlist-button:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media screen and (max-width: 390px) {
body::-webkit-scrollbar {
display: none;
}
.header__icons {
max-width: fit-content;
}
}
.cart-update.cart-empty .count-none {
display: none;
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/new-header.css.map?v=117824535648939016711760976919 */
.announcement-bar-section {
position: relative;
z-index: 12;
background: #ffeede;
}
.announcement-bar--scrolling {
overflow: hidden;
position: relative;
}
.announcement-bar__scrolling-container {
width: 100%;
overflow: hidden;
display: flex;
}
.announcement-bar__scrolling-content {
display: flex;
white-space: nowrap;
}
.announcement-bar__scrolling-content.is-scrolling {
animation: scroll-left linear infinite;
animation-duration: var(--scroll-duration, 30s);
}
.announcement-bar__scroll-item {
display: inline-block;
margin-right: 0;
white-space: nowrap;
transform: translate(0);
}
.announcement-bar--scrolling:hover .announcement-bar__scrolling-content {
animation-play-state: paused;
}
@keyframes scroll-left {
0% {
transform: translate(0);
}
to {
transform: translate(-100%);
}
}
.announcement-bar__countdown {
text-align: center;
width: 100%;
}
.timer-separator {
padding-inline: 4px;
width: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.countdown-timer {
align-items: flex-end;
}
.countdown-expired p {
margin: 0;
}
@media screen and (max-width: 767px) {
.announcement-bar__scroll-item {
margin-right: 20px;
}
}
.countdown-text,
.countdown-timer,
.countdown-expired {
transition: opacity 0.3s ease-in-out;
}
.countdown-expired {
padding-block: 11px 9px;
}
.countdown-text {
padding-right: 1px;
}
.announcement-bar--scrolling:focus-within {
outline-offset: 2px;
}
.announcement-bar__countdown.loading {
opacity: 0.7;
}
.announcement-bar__scrolling-container::-webkit-scrollbar {
display: none;
}
.announcement-bar {
display: flex;
align-items: center;
justify-content: center;
}
.announcement-bar--scrolling .announcement-bar__link {
text-decoration: none;
transition: color 0.2s ease;
}
.announcement-bar--scrolling .announcement-bar__link:hover {
text-decoration: underline;
}
.announcement-bar__link:focus-visible {
outline-offset: 2px;
border-radius: 3px;
}
@media (prefers-reduced-motion: reduce) {
.announcement-bar__scrolling-content {
animation: none;
}
.announcement-bar--scrolling:hover .announcement-bar__scrolling-content {
animation-play-state: running;
}
.countdown-text,
.countdown-timer,
.countdown-expired {
transition: none;
}
}
announcement-scroll.scrolling-promotion {
justify-content: center;
min-height: 16px;
}
.utility-bar .swiper-slide {
max-width: 100%;
width: 100% !important;
}
.js-announcement-carousel .swiper-slide {
opacity: 0 !important;
}
.js-announcement-carousel .swiper-slide.swiper-slide-active {
opacity: 1 !important;
transition: opacity 0.5s ease-in-out !important;
}
.countdown-days,
.countdown-hours,
.countdown-minutes,
.countdown-seconds {
width: 15px;
padding-right: 1px;
}
.announcement-bar-section .js-announcement-carousel {
width: 100%;
}
.utility-bar {
min-height: 36px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
background-color: rgb(var(--color-background));
}
.utility-bar--bottom-border {
border-bottom: 1px solid red;
}
@media screen and (min-width: 1024px) {
.utility-bar--bottom-border-social-only {
border-bottom: 1px solid red;
}
}
.utility-bar__grid {
display: grid;
width: 100%;
grid-template-columns: 1fr;
grid-template-areas: "announcements";
}
.utility-bar__grid .list-social {
justify-content: flex-start;
align-content: center;
margin-left: -12px;
grid-area: social-icons;
}
@media screen and (max-width: 1023px) {
.utility-bar .utility-bar__grid .list-social {
display: none;
}
}
.utility-bar .list-social__item .icon {
scale: 0.9;
}
@media screen and (min-width: 1024px) {
.utility-bar__grid--3-col {
grid-template-columns: 3fr 4fr 3fr;
grid-template-areas: "social-icons announcements language-currency";
}
.utility-bar__grid--2-col {
grid-template-columns: 1fr 1fr;
grid-template-areas: "social-icons language-currency";
}
.announcement-bar.announcement-bar--one-announcement,
.announcement-bar--one-announcement .announcement-bar__link {
width: fit-content;
margin: auto;
}
}
.announcement-bar,
.announcement-bar__announcement {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: center;
grid-area: announcements;
}
.announcement-bar .slider--everywhere {
margin-bottom: 0;
scroll-behavior: auto;
}
.utility-bar__grid .announcement-bar-slider,
.announcement-bar-slider,
.announcement-bar-slider .slider {
width: 100%;
}
.announcement-bar .slider-button--next {
margin-right: -15px;
min-width: 440px;
}
.announcement-bar .slider-button--prev {
margin-left: -15px;
min-width: 440px;
}
.announcement-bar .slider-button--next:focus-visible,
.announcement-bar .slider-button--prev:focus-visible,
.utility-bar .list-social__link:focus-visible {
outline-offset: -3px;
box-shadow: 0 0 0 -2px rgb(var(--color-foreground));
}
.localization-wrapper {
grid-area: language-currency;
align-self: center;
display: flex;
justify-content: flex-end;
}
.localization-wrapper .localization-selector + .disclosure__list-wrapper {
animation: animateMenuOpen var(--duration-default) ease;
}
.utility-bar .localization-wrapper .disclosure .localization-form__select,
.utility-bar .localization-wrapper .disclosure__link {
font-size: calc(var(--font-heading-scale) * 13px);
}
@media screen and (min-width: 1024px) {
body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
padding-left: 50px;
padding-right: 50px;
}
.announcement-bar-slider {
width: 60%;
}
.announcement-bar .slider-button {
height: 38px;
}
}
.announcement-bar__link,
.countdown-expired {
display: flex;
width: fit-content;
flex-wrap: wrap;
margin: 0 auto;
height: 100%;
justify-content: center;
align-items: center;
text-underline-offset: 3px;
column-gap: 8px;
row-gap: 0;
margin-block: auto;
padding-inline: 6px;
font-size: 14px;
line-height: 16px;
letter-spacing: -1.05px;
font-family: NeueHaasUnicaW1G-Regular, sans-serif;
position: relative;
}
.announcemnet-bar__default-message {
padding-block: 11px 9px;
}
.announcement-bar__link:after {
bottom: -1px;
}
.announcement-bar__link .icon-arrow {
display: inline-block;
pointer-events: none;
margin-left: 8px;
vertical-align: middle;
margin-bottom: 2px;
}
.banner_link {
width: 100%;
position: absolute;
height: 100%;
left: 0;
top: 0;
display: flex;
}
.announcement-bar:has(.banner_link:hover) .default-link {
text-decoration: underline;
text-underline-offset: 2px;
}
.announcement-bar__message {
text-align: center;
display: flex;
gap: 5px;
align-items: center;
margin: 0;
justify-content: center;
}
.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
animation-duration: var(--duration-announcement-bar);
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
}
.announcement-bar-slider--fade-in-next .announcement-bar__message {
--announcement-translate-from: -15px;
opacity: 0;
animation-name: translateAnnouncementSlideIn;
animation-delay: var(--duration-announcement-bar);
}
.announcement-bar-slider--fade-in-previous .announcement-bar__message {
--announcement-translate-from: 15px;
opacity: 0;
animation-name: translateAnnouncementSlideIn;
animation-delay: var(--duration-announcement-bar);
}
.announcement-bar-slider--fade-out-next .announcement-bar__message {
--announcement-translate-to: 15px;
animation-name: translateAnnouncementSlideOut;
}
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
--announcement-translate-to: -15px;
animation-name: translateAnnouncementSlideOut;
}
.announcemnet-bar__default-message .announcement-bar__link {
padding: 0;
}
@keyframes translateAnnouncementSlideIn {
0% {
opacity: 0;
transform: translate(var(--announcement-translate-from));
}
to {
opacity: 1;
transform: translate(0);
}
}
@keyframes translateAnnouncementSlideOut {
0% {
opacity: 1;
transform: translate(0);
}
to {
opacity: 0;
transform: translate(var(--announcement-translate-to));
}
}
.announcement-bar-section .promotion {
display: flex;
}
.announcement-bar-section .scrolling-promotion {
display: flex;
width: 100%;
}
.announcement-bar-section .promotion--animated {
animation: scroll-promotion var(--duration) linear infinite;
}
.announcement-bar-section .scrolling-promotion--paused .promotion--animated {
animation-play-state: paused;
}
@keyframes scroll-promotion {
0% {
transform: translate(0);
}
to {
transform: translate(-100%);
}
}
.scrolling-promotion {
display: flex;
align-items: center;
color: rgb(var(--color-foreground));
background: var(--gradient-background);
background-color: rgb(var(--color-background));
position: relative;
}
.scrolling-promotion .promotion {
display: flex;
align-items: center;
flex: 1;
justify-content: center;
width: 100%;
}
.scrolling-promotion .promotion > * {
flex: 1;
width: 100%;
}
.scrolling-promotion .promotion__item {
padding: 0 22px;
display: flex;
align-items: center;
flex-direction: column;
row-gap: 10px;
margin: 0;
}
.scrolling-promotion .heading-small {
font-family: NeueHaasUnicaW1G-Regular, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: -1.05px;
line-height: 16px;
}
.scrolling-promotion .promotion__item:after {
background: currentColor;
content: "";
width: 2px;
height: 2px;
top: 50%;
position: absolute;
right: -2px;
margin-inline: 1px;
}
.scrolling-promotion .promotion__text {
color: inherit;
line-height: 1;
white-space: nowrap;
font-size: calc(var(--font-size) * 0.75);
}
.js-announcement-carousel .swiper-slide {
width: 100%;
align-items: center;
display: flex;
justify-content: center;
}
.js-announcement-carousel .swiper-slide:hover .announcement-bar__link:after {
transform: scaleX(1);
}
.scrolling-promotion .promotion__link {
color: rgb(var(--color-link));
text-decoration: none;
}
.scrolling-promotion .media-wrapper:not(.loading) {
background-color: transparent;
}
.countdown-expired a:hover {
text-decoration: underline;
text-underline-offset: 2px;
}
@media screen and (max-width: 767px) {
.announcement-bar__default-message,
.announcement-message .announcement-bar__countdown {
padding-block: 2.5px 1.5px;
}
.countdown-timer {
margin-block: 2.5px;
}
.countdown-expired {
padding-block: 0;
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/component-announcement-bar.css.map?v=39141180508891645591760976919 */
.list-menu--right {
right: 0;
}
.list-menu--disclosure {
position: absolute;
min-width: 100%;
width: 20rem;
border: 1px solid rgba(var(--color-foreground), 0.2);
}
.list-menu--disclosure:focus {
outline: none;
}
.list-menu__item--active {
text-decoration: underline;
text-underline-offset: 0.3rem;
}
.list-menu__item--active:hover {
text-decoration-thickness: 0.2rem;
}
.list-menu--disclosure.localization-selector {
max-height: 18rem;
overflow: auto;
width: 10rem;
padding: 0.5rem;
}
.header__icon--menu {
position: initial;
}
.js menu-drawer > details > summary:before,
.js menu-drawer > details[open]:not(.menu-opening) > summary:before {
content: "";
position: absolute;
cursor: default;
width: 100%;
height: calc(100vh - 100%);
height: calc(
var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
);
top: 100%;
left: 0;
background: rgba(var(--color-foreground), 0.5);
opacity: 0;
visibility: hidden;
z-index: 2;
transition: opacity 0s, visibility 0s;
}
menu-drawer > details[open] > summary:before {
visibility: visible;
opacity: 1;
transition: opacity var(--duration-default) ease,
visibility var(--duration-default) ease;
}
.menu-drawer {
position: absolute;
transform: translate(-100%);
visibility: hidden;
z-index: 3;
left: 0;
top: 100%;
width: 100%;
max-width: 100%;
padding: 0;
background-color: rgb(var(--color-background));
overflow: hidden;
filter: drop-shadow(
var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset)
var(--drawer-shadow-blur-radius)
rgba(var(--color-shadow), var(--drawer-shadow-opacity))
);
}
.js .menu-drawer {
height: calc(100dvh - var(--header-parent-height) + 1px);
border-top: 1px solid var(--disabled-color);
}
.js details[open].menu-opening > .menu-drawer,
details[open].menu-opening > .menu-drawer__submenu {
transform: translate(0);
visibility: visible;
}
.js details[open].menu-drawer-container > .menu-drawer,
details[open].menu-drawer-container > .menu-drawer__submenu {
transform: translate(0);
visibility: visible;
}
.js .menu-drawer__navigation .submenu-open {
visibility: hidden;
}
@media screen and (min-width: 768px) {
.menu-drawer {
width: 100%;
border-width: 0;
border-style: solid;
border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
}
}
.menu-drawer__inner-container {
position: relative;
height: 100%;
}
.menu-drawer__navigation-container {
display: grid;
grid-template-rows: 1fr auto;
align-content: space-between;
overflow-y: auto;
height: 100%;
}
.menu-drawer__navigation {
padding: 0;
}
.menu-drawer__inner-submenu {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.js .menu-drawer__menu li {
margin-bottom: 0.2rem;
}
.menu-drawer__menu-item {
padding: 11px 30px;
text-decoration: none;
font-size: 18px;
}
.menu-drawer summary.menu-drawer__menu-item {
padding-right: 5.2rem;
}
.menu-drawer__menu-item--active,
.menu-drawer__menu-item:focus,
.menu-drawer__close-button:focus,
.menu-drawer__menu-item:hover,
.menu-drawer__close-button:hover {
color: rgb(var(--color-foreground));
background-color: rgba(var(--color-foreground), 0.04);
}
.menu-drawer__menu-item--active:hover {
background-color: rgba(var(--color-foreground), 0.08);
}
.js .menu-drawer__menu-item .icon-caret {
display: none;
}
.menu-drawer__menu-item > .svg-wrapper {
width: 15px;
position: absolute;
right: 3rem;
top: 50%;
transform: translateY(-50%);
}
.js .menu-drawer__submenu {
position: absolute;
top: 0;
width: 100%;
bottom: 0;
left: 0;
background-color: rgb(var(--color-background));
z-index: 1;
transform: translate(100%);
visibility: hidden;
}
.js .menu-drawer__submenu .menu-drawer__submenu {
overflow-y: auto;
}
.menu-drawer__close-button {
margin-top: 1.5rem;
padding: 1.2rem 2.6rem 1.2rem 3rem;
text-decoration: none;
display: flex;
align-items: center;
font-size: 1.4rem;
width: 100%;
background-color: transparent;
font-family: var(--font-body-family);
font-style: var(--font-body-style);
text-align: left;
}
.menu-drawer__close-button .svg-wrapper {
transform: rotate(180deg);
margin-right: 1rem;
width: 15px;
}
.menu-drawer__utility-links {
padding: 0;
background-color: rgba(var(--color-foreground), 0.03);
position: relative;
}
.header--has-social .menu-drawer__utility-links {
padding: 2rem 3rem;
}
@media screen and (max-width: 767px) {
.header--has-account:where(
:not(.header--has-social):not(.header--has-localizations)
)
.menu-drawer__utility-links {
padding: 2rem 3rem;
}
}
@media screen and (max-width: 1023px) {
.header--has-localizations:where(:not(.header--has-social))
.menu-drawer__utility-links {
padding: 2rem 3rem;
}
}
.menu-drawer__account {
display: inline-flex;
align-items: center;
text-decoration: none;
padding: 1rem 0;
font-size: 1.4rem;
color: rgb(var(--color-foreground));
margin-bottom: 0;
}
.menu-drawer__utility-links:has(.menu-drawer__localization)
.menu-drawer__account {
margin: 0;
}
.menu-drawer__account account-icon > .svg-wrapper {
height: 2rem;
width: 2rem;
margin-right: 1rem;
}
.menu-drawer__account shop-user-avatar {
--shop-avatar-size: 2.4rem;
margin-right: 0.55rem;
margin-left: -0.45rem;
}
.menu-drawer__account:hover account-icon > .svg-wrapper {
transform: scale(1.07);
}
.menu-drawer .list-social {
justify-content: flex-start;
margin-left: -1.25rem;
}
.menu-drawer .list-social:empty {
display: none;
}
.menu-drawer .list-social__link {
padding: 1.1rem;
}
@media screen and (min-width: 1023px) and (max-width: 767px) {
.medium-hide {
display: none;
}
}
@media screen and (max-width: 767px) {
.menu-drawer.country-selector-open {
transform: none !important;
filter: none !important;
transition: none !important;
}
.small-hide {
display: none;
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/component-menu-drawer.css.map?v=118001045493550459741760976919 */
.accordion summary {
display: flex;
position: relative;
line-height: 1;
padding: 1.5rem 0;
justify-content: space-between;
}
.accordion .summary__title {
display: flex;
flex: 1;
}
.accordion .summary__title + .icon-caret {
height: calc(var(--font-heading-scale) * 0.6rem);
}
.accordion + .accordion {
margin-top: 0;
border-top: none;
}
.accordion {
margin-bottom: 0;
border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.accordion__title {
display: flex;
max-width: calc(100% - 6rem);
min-height: 1.6rem;
margin: 0;
word-break: break-word;
align-items: center;
}
.accordion .svg-wrapper {
align-self: center;
fill: rgb(var(--color-foreground));
height: calc(var(--font-heading-scale) * 2rem);
margin-right: calc(var(--font-heading-scale) * 1rem);
width: calc(var(--font-heading-scale) * 2rem);
}
.accordion details[open] > summary .icon-caret {
transform: rotate(180deg);
}
.accordion__content {
margin-bottom: 1.5rem;
word-break: break-word;
overflow-x: auto;
padding: 0 0.6rem;
}
.accordion__content img {
max-width: 100%;
}
footer .accordion {
border: none;
}
.footer_collapsible_content
details[open]
.accordion__content.footer-menu-links {
padding: 0;
margin-bottom: 0;
}
.footer_collapsible_content details {
transition: all 80ms ease-in-out;
}
.footer_collapsible_content
details:not([open])
.accordion__content.footer-menu-links {
max-height: 0;
transition: max-height 80ms ease-out 40ms;
}
.footer_collapsible_content
details:not([open])
.accordion__content.footer-menu-links
.dropdown-entries {
opacity: 0;
transition: opacity 80ms ease-out;
}
.footer_collapsible_content
details[open]
.accordion__content.footer-menu-links {
max-height: 100%;
transition: max-height 80ms ease-in;
}
.footer_collapsible_content
details[open]
.accordion__content.footer-menu-links
.dropdown-entries {
opacity: 1;
transition: opacity 80ms ease-in 40ms;
padding-bottom: 16px;
padding-inline: 16px;
}
.footer_collapsible_content
details[open]
.accordion__content.footer-menu-links
.dropdown-entries
a {
text-decoration: none;
}
.footer_collapsible_content
.accordion__content.footer-menu-links
.dropdown-entries {
display: flex;
flex-direction: column;
gap: 3px;
}
.footer_collapsible_content .accordion summary {
padding: 0 0 16px;
}
.footer_collapsible_content
.accordion
details
summary
.accordian-plus-minus-wrapper {
position: relative;
}
.footer_collapsible_content
.accordion
details
summary
.accordian-plus-minus-wrapper
.accordian-plus {
transition: all 80ms ease-in-out;
display: block;
height: 0;
}
.footer_collapsible_content
.accordion
details
summary
.accordian-plus-minus-wrapper
.accordian-minus {
visibility: hidden;
opacity: 0;
transition: all 0.12s ease-in-out;
display: none;
}
.footer_collapsible_content
.accordion
details
summary[aria-expanded="true"]
.accordian-plus-minus-wrapper
.accordian-minus {
opacity: 1;
visibility: visible;
transition: all 0.12s ease-in-out;
position: relative;
left: -3px;
display: block;
}
.footer_collapsible_content
.accordion
details
summary[aria-expanded="true"]
.accordian-plus-minus-wrapper
.accordian-plus {
opacity: 0;
visibility: hidden;
transition: all 80ms ease-in-out;
display: none;
}
.footer_collapsible_content .accordion__content.footer-menu-links {
scrollbar-width: 0;
}
.footer_collapsible_content
.accordion__content.footer-menu-links::-webkit-scrollbar {
width: 0;
display: none;
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/component-accordion.css.map?v=69540612747400679731760976919 */
.search__input.field__input {
padding-right: 9.8rem;
border: 0;
}
.search__button {
right: var(--inputs-border-width);
top: var(--inputs-border-width);
}
.reset__button {
display: none;
right: calc(var(--inputs-border-width) + 4.4rem);
top: var(--inputs-border-width);
}
.reset__button:not(:focus-visible):after {
border-right: 0.1rem solid rgba(var(--color-foreground), 0.08);
display: block;
height: calc(100% - 1.6rem);
content: "";
position: absolute;
right: 0;
}
.reset__button:not(:focus):after {
border-right: 0.1rem solid rgba(var(--color-foreground), 0.08);
display: block;
height: calc(100% - 1.8rem);
content: "";
position: absolute;
right: 0;
}
.search__button:focus-visible,
.reset__button:focus-visible {
background-color: rgb(var(--color-background));
z-index: 4;
}
.search__button:focus,
.reset__button:focus {
background-color: rgb(var(--color-background));
z-index: 4;
}
.search__button:not(:focus-visible):not(.focused),
.reset__button:not(:focus-visible):not(.focused) {
box-shadow: inherit;
background-color: inherit;
}
.search__button:hover .icon,
.reset__button:hover .icon {
transform: scale(1.07);
}
.search__button .icon {
height: 1.8rem;
width: 1.8rem;
}
.reset__button .icon.icon-close {
height: 1.8rem;
width: 1.8rem;
stroke-width: 0.1rem;
}
input::-webkit-search-decoration {
-webkit-appearance: none;
}
.template-search__results {
position: relative;
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/component-search.css.map?v=152770623538948491361760976919 */
.search-modal .field:before,
.search-modal .field:after {
box-shadow: none;
}
.search-modal .search__input.field__input {
margin: 0;
padding: 8px 0 13px 10px;
height: 48px;
width: 100%;
}
.search-modal .search__input.field__input::placeholder {
opacity: 1;
color: var(--disabled-color);
}
.search-modal .search__input.field__input:focus-visible,
.search-modal .search__input.field__input:focus {
box-shadow: none;
padding: 8px 0 13px 10px;
caret-color: transparent;
}
.search-modal .field:hover.field:after {
box-shadow: none;
}
.search-modal .field__label {
display: none;
}
.predictive-search__product-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.75rem;
}
.predictive-search__product-grid
.predictive-search__list-item:nth-child(n + 6) {
display: none;
}
.search-modal:has(.search__input.field__input:not(:placeholder-shown))
.search__input.field__input {
caret-color: currentColor;
caret-shape: bar;
}
.predictive-search--wrapper {
display: flex;
gap: 1rem;
padding: 2.4rem 1.6rem 4.8rem 3.8rem;
height: 100%;
min-height: 43rem;
}
.predictive-search-menu-wrapper {
max-width: 32.1rem;
width: 100%;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.predictive-search-image-wrapper {
display: flex;
flex-direction: column;
gap: 1.3rem;
}
.predictive-search-image-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.6rem;
padding-top: 0.2rem;
}
.predictive-search-image-card__title {
margin: 0;
align-self: center;
}
.predictive-search-image-card__content {
display: flex;
justify-content: space-between;
gap: 1rem;
padding-block: 0.19rem;
padding-inline: 0.4rem;
height: 2.18rem;
align-items: center;
}
.predictive-search-image-card__content .svg-wrapper,
.predictive-search-image-card__content .svg-wrapper svg {
width: 1.2rem;
height: 0.9rem;
overflow: visible;
align-self: flex-end;
}
.predictive-search-image-card__content .svg-wrapper {
padding-bottom: 0.2rem;
}
.predictive-search-image-card__link {
text-decoration: none;
display: flex;
gap: 0.4rem;
flex-direction: column;
}
.predictive-search-image-card__link:hover .predictive-search-image-card__title {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-family: var(--font-neue-haas-unica-bold);
}
.predictive-search-menu__title,
.predictive-search-image-wrapper__title {
margin: 0;
color: var(--disabled-color);
height: 2.1rem;
display: flex;
align-items: center;
}
.header__search:has(.search__input.field__input:not(:placeholder-shown))
.predictive-search--wrapper {
display: none;
transition: all 1s ease-in-out;
overflow: hidden;
}
.header__search:has(.search__input.field__input:placeholder-shown)
[data-predictive-search] {
display: none;
}
.predictive-search-menu__list {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
padding-right: 3.5rem;
padding-bottom: 4.2rem;
}
.predictive-search-menu__item {
list-style: none;
}
.predictive-search-menu__link {
display: flex;
align-items: center;
gap: 0.8rem;
padding-block: 0.25rem;
}
.predictive-search-menu__link .svg-wrapper {
opacity: 0;
transition: transform var(--duration-short) ease;
height: 1.6rem;
width: 1.2rem;
overflow: visible;
}
.predictive-search-menu__link .svg-wrapper > svg {
overflow: visible;
}
.predictive-search-menu__link:hover .svg-wrapper {
opacity: 1;
transition: transform var(--duration-short) ease;
}
.predictive-search-menu__link:hover {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-family: var(--font-neue-haas-unica-bold);
line-height: normal;
}
.predictive-search-image-card__image {
line-height: 0;
}
.predictive-search__item.link .svg-wrapper {
opacity: 0;
transition: transform var(--duration-short) ease;
}
.predictive-search__item.link:hover .svg-wrapper {
opacity: 1;
transition: transform var(--duration-short) ease;
}
.predictive-search__item.link:hover .predictive-search__item-heading {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-family: var(--font-neue-haas-unica-bold);
line-height: normal;
}
.predictive-search__item.link:hover svg path {
transform: translate(-0.25rem);
transition: transform var(--duration-short) ease;
}
.predictive-search__item.link strong {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-family: var(--font-neue-haas-unica-bold);
}
.header:has(
.header__search
details[open]
.search__input.field__input:not(:placeholder-shown)
)
.header__icon--cart {
color: var(--disabled-color);
}
.header-wrapper:has(.header__search details[open]) {
border: 0;
}
.predictive-search__result-group.predictive-search__result-group--products {
max-width: unset;
padding: 0;
}
.predictive-search__result-group--queries .predictive-search__list-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.predictive-search--header {
padding: 2.4rem 1.6rem 4.7rem 3.8rem;
}
.predictive-search__result-group--queries .predictive-search__results-list {
padding-right: 3.5rem;
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.predictive-search__result-group {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.predictive-search__search-for-button .predictive-search__item {
width: fit-content;
margin-left: auto;
padding-inline: 0;
height: 4.1rem;
padding-block: 1rem 0.9rem;
border-bottom: 0.1rem solid rgb(var(--color-foreground));
}
.predictive-search__search-for-button .predictive-search__item:hover {
color: rgb(var(--color-foreground));
}
.predictive-search__search-for-button .predictive-search__item .svg-wrapper {
opacity: 1;
}
.predictive-search__item-count {
color: var(--disabled-color);
}
.predictive-search__item-query-search {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-family: var(--font-neue-haas-unica-bold);
}
.search-modal__content:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100vw;
height: 1px;
z-index: 2;
background-color: var(--disabled-color);
}
.modal__close-button.link .svg-wrapper {
width: 1.2rem;
height: 0.9rem;
}
.modal__close-button.link {
padding-block-end: 2px;
}
@media screen and (min-width: 1201px) {
.predictive-search-image-grid {
grid-template-columns: repeat(5, 1fr);
}
.predictive-search-image-grid .predictive-search-image-card:nth-child(n + 6) {
display: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.predictive-search-image-grid {
grid-template-columns: repeat(3, 1fr);
gap: 1.05rem;
}
.predictive-search-image-grid .predictive-search-image-card:nth-child(n + 4) {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.predictive-search-image-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.2rem;
}
.predictive-search-image-grid .predictive-search-image-card:nth-child(n + 3) {
display: none;
}
}
@media screen and (max-width: 1023px) {
.predictive-search-menu-wrapper {
max-width: 28rem;
}
.predictive-search-menu__list {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.predictive-search-menu-wrapper {
display: none;
}
.predictive-search--wrapper {
padding: 1.2rem 1.6rem 2.6rem;
}
.predictive-search-image-grid {
row-gap: 1rem;
column-gap: 0.8rem;
padding-bottom: 2.8rem;
}
}
@media screen and (max-width: 1200px) {
.predictive-search__product-grid {
grid-template-columns: repeat(3, 1fr);
gap: 1.2rem;
}
.predictive-search-image-grid {
padding-top: 0;
}
.predictive-search__product-grid
.predictive-search__list-item:nth-child(n + 4) {
display: none;
}
.predictive-search__result-group--queries .predictive-search__results-list {
max-width: 25.1rem;
}
.predictive-search__result-group {
max-width: 28.6rem;
padding-right: 3.5rem;
}
.predictive-search--header {
padding-bottom: 4.8rem;
}
.predictive-search--wrapper {
min-height: unset;
}
}
@media screen and (max-width: 1023px) {
.predictive-search__product-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.4rem;
}
.predictive-search__product-grid
.predictive-search__list-item:nth-child(n + 3) {
display: none;
}
.predictive-search__result-group {
padding: 0;
max-width: 28rem;
}
.predictive-search__result-group--queries .predictive-search__results-list {
max-width: unset;
}
}
@media screen and (max-width: 767px) {
.predictive-search__product-grid
.predictive-search__list-item:nth-child(n + 3) {
display: block;
}
.predictive-search--header {
padding: 0;
}
.predictive-search__result-group {
padding: 1.6rem 1.6rem 2.4rem;
max-width: unset;
border-bottom: 0.1rem solid var(--disabled-color);
}
.predictive-search__result-group--queries .predictive-search__results-list {
padding: 0;
}
.predictive-search__result-group.predictive-search__result-group--products {
padding-top: 2.4rem;
border: 0;
}
.predictive-search__result-group.predictive-search__result-group--products
.predictive-search__heading {
padding-inline: 1.6rem;
}
.predictive-search__search-for-button .predictive-search__item {
padding: 0;
width: 100%;
justify-content: space-between;
}
.predictive-search__results-groups-wrapper {
padding-bottom: 0;
}
.predictive-search__item--term .icon-arrow {
margin-left: 0;
}
.predictive-search__search-for-button .predictive-search__item {
height: 2.1rem;
border: 0;
}
.predictive-search__search-for-button {
padding: 1.9rem 1.6rem 2rem;
border-top: 0.1rem solid rgb(var(--color-foreground));
position: sticky;
bottom: 0;
z-index: 2;
background-color: rgb(var(--color-background));
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/predictive-search.css.map?v=95933266162214450491760976919 */
@keyframes scaleUp {
0% {
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
div.swym-variant-selector-modal-background {
height: 100%;
width: 100vw;
position: fixed;
z-index: 999999999;
top: 0px;
}
div.swym-variant-selector-modal-background::after {
content: "";
height: 100%;
width: 100vw;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: #000;
opacity: calc(85 / 100);
}
div.swym-collections-variant-popup-parent {
position: absolute;
height: auto;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 481px;
max-width: 481px;
max-height: 95%;
overflow-y: auto;
}
h1.swym-collections-variant-popup-header-title {
font-size: 14px;
margin: 0;
}
div#swym-images-container {
display: flex;
flex-direction: column;
width: 180px;
align-items: center;
}
div.swym-collection-title-detail {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
div.swym-collection-title-detail h2 {
margin: 0;
font-size: 16px;
}
.swym-custom-loaded {
display: block !important;
}
div.swym-vs-img-container-5 span.swym-vs-product-count {
font-size: 11px;
}
#swym-custom-image-wrapper {
display: none;
margin: 1rem;
position: relative;
overflow: hidden;
}
p#swym-custom-mobile-title {
display: none;
}
div#swym-multiple-wishlist-container {
overflow-x: scroll;
display: flex;
flex-direction: column;
}
#swym-custom-images-slide-container {
display: none;
width: 100%;
display: flex;
flex-direction: row;
overflow-x: scroll;
scroll-behavior: smooth;
list-style: none;
margin: 0;
padding: 0;
}
.swym-custom-slide-arrow {
position: absolute;
display: flex;
top: 0;
bottom: 0;
margin: auto;
height: 4rem;
background-color: white;
border: none;
width: 2rem;
font-size: 3rem;
padding: 0;
cursor: pointer;
opacity: 0.5;
transition: opacity 100ms;
}
.swym-custom-slide-arrow:hover,
.swym-custom-slide-arrow:focus {
opacity: 1;
}
div#swym-custom-images-slide-container::-webkit-scrollbar {
display: none;
}
.swym-filter-option-name ::-webkit-scrollbar {
display: none;
}
#swym-custom-slide-arrow-prev {
left: 0;
padding-left: 0.25rem;
border-radius: 0 2rem 2rem 0;
}
#swym-custom-slide-arrow-next {
right: 0;
padding-left: 0.75rem;
border-radius: 2rem 0 0 2rem;
}
input#swym-new-list-name-input:focus {
outline: none;
border: 1px solid #393d51;
}
input#swym-new-list-name-input {
transition: border-color 0.3s, box-shadow 0.3s;
}
p#swym-list-guide-text {
width: 100%;
text-align: left;
font-weight: 500;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
}
p#swym-create-list-title {
/* margin-left: 23%; */
display: flex;
align-items: 600;
font-size: 14px;
align-items: center;
justify-content: space-between;
/* width: 100%; */
}
span.swym-vs-back-icon, span.swym-custom-notconfirm-list-button{
height: 20px;
width: 20px;
background: #575757;
border-radius: 50%;
color: #fff;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
div#swym-custom-backdrop {
position: fixed;
width: 100%;
height: 100%;
display: flex;
z-index: 9999999;
justify-content: center;
align-items: center;
backdrop-filter: blur(5px);
background-color: rgb(44 44 44 / 50%);
}
div#swym-create-list-title-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
button#swym-custom-notconfirm-list-button {
background: none;
border: none;
cursor: pointer;
font-size: 25px;
color: grey;
}
button#swym-custom-confirm-list-button {
cursor: pointer;
height: 40px;
margin-bottom: 10px;
border-radius: 10px;
}
div#swym-create-list-button-wrapper {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
background: white;
width: 100%;
gap: 15px;
margin-bottom: 5px;
}
div#swym-create-list-mobile-modal {
position: absolute;
background: white;
border: 1px solid #ebebeb;
justify-content: center;
display: flex;
flex-direction: column;
width: 100%;
bottom: 50%;
}
div#swym-custom-mobile-modal-wrapper-title {
display: flex;
justify-content: space-between;
padding: 10px;
}
div#swym-custom-mobile-modal-wrapper-buttons {
display: flex;
flex-direction: column;
}
img.swym-custom-slider-image {
object-fit: contain;
flex: 1 0 100%;
}
button.swym-zoomed-image-close-button.swym-vs-close-button {
position: absolute;
top: 10px;
font-size: 20px;
cursor: pointer;
height: 24px;
width: 24px;
background: #575757;
border-radius: 50%;
color: #fff;
font-size: 14px;
display: flex;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
}
.zoomed-image {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999999999999999999999999;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.zoomed-image img {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}
button#swym-collections {
display: none;
position: absolute;
z-index: 999;
background: none;
border: none;
font-size: 30px;
right: 1%;
top: 1%;
}
div#swym-custom-collections-modal-background {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
text-align: center;
position: fixed;
z-index: 9999999999;
align-items: center;
align-content: center;
flex-direction: column;
background-color: rgb(50 50 50 / 80%);
}
div#swym-custom-collections-modal-parent {
width: 505px;
height: auto;
display: flex;
flex-direction: column;
background: white;
border-radius: 10px;
border: 1px solid #d1d1d1;
min-height: 505px;
}
div#swym-custom-list-id-container {
max-height: 90px;
overflow-y: scroll;
display: flex;
flex-direction: column;
padding: 10px;
width: 100%;
}
div#swym-collections-title-and-close {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
}
p#swym-custom-modal-title {
font-weight: 500;
font-size: 16px;
line-height: 16px;
text-align: center;
}
div#swym-images-and-components-container {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
}
div#swym-images-container {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
margin-bottom: 16px;
}
div#swym-custom-modal-close {
font-size: 27px;
cursor: pointer;
z-index: 99;
}
div#swym-custom-product-title {
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
div#swym-custom-vendor-title {
font-size: 10px;
}
div#swym-custom-variant-title {
font-size: 12px;
color: #6d7175;
}
div#swym-custom-variant-price {
font-weight: 400;
font-size: 16px;
line-height: 20px;
}
div#swym-custom-product-info {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
line-height: 30px;
margin-left: 5px;
}
div#swym-custom-component-container {
display: flex;
flex-direction: column;
width: 100%;
padding-left: 15px;
}
div#swym-custom-variant-selector-container {
display: flex;
flex-direction: column;
border-radius: 4px;
}
div#swym-custom-add-to-wishlist-container {
width: 100%;
display: flex;
flex-direction: row-reverse;
height: 100%;
align-items: center;
}
button#swym-custom-add-to-wishlist-button {
cursor: pointer;
width: 218px;
height: 40px;
flex-shrink: 0;
background: #393d51;
color: white;
float: right;
margin: 20px;
border-radius: 10px;
}
.swym-filter-option-name {
display: flex;
flex-direction: column;
text-align: left;
}
label.swym-filter-labels {
display: flex;
border: 1px solid #d8d8d8;
height: 30px;
text-align: center;
justify-content: center;
border-radius: 4px;
align-items: center;
width: auto;
padding: 8px 12px 8px 12px;
cursor: pointer;
font-size: 10px;
white-space: nowrap;
margin: 8px 12px 8px 0;
}
label.swym-filter-labels.selected {
background: #333333;
color: white;
}
label.swym-filter-labels:hover {
transition: 0.1s ease-in-out;
text-decoration: underline;
}
img#swym-custom-image-blob.selected {
border: 1px solid #393d51;
border-radius: 2px;
}
.swym-radio-buttons-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-height: 140px;
overflow-y: auto;
}
div#swymOptionName {
font-size: 12px;
line-height: 16px;
}
img#swym-custom-primary-image {
cursor: zoom-in;
object-fit: contain;
}
img#swym-custom-image-blob {
cursor: pointer;
margin-right: 8px;
transform: scale(1);
transition: transform 0.08s ease-in-out;
}
div#swym-custom-image-blob-container {
margin-top: 8px;
margin-left: 8px;
display: flex;
}
div#swym-input-and-label-wrapper {
display: flex;
color: #393d51;
font-family: Assistant;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
cursor: pointer;
transform: scale(1);
transition: transform 0.08s ease-in-out;
}
button#swym-custom-create-list-button {
border: 0;
cursor: pointer;
background: none;
padding: 15px;
width: 150px;
text-align: left;
margin-top: 5px;
}
p#swym-custom-select-preference-text {
font-size: 10px;
text-align: left;
line-height: 14px;
}
div#swym-custom-multiple-wishlist-container {
border-radius: 4px;
border: 1px solid #ebebeb;
margin-top: 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
input.swym-custom-list-button {
cursor: pointer;
}
label.swym-custom-list-label {
cursor: pointer;
justify-content: right;
display: flex;
margin-right: 10px;
}
button#swym-custom-add-to-wishlist-button[disabled="true"] {
cursor: default;
background: grey;
}
div#swym-custom-create-list-container {
width: 360px;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 15px;
position: absolute;
background: white;
border: 1px solid;
border-radius: 10px;
}
div#swym-custom-images-caraousel {
overflow-x: scroll;
display: none;
}
input#swym-custom-new-list-name-input {
width: 100%;
font-style: normal;
font-weight: 400;
height: 40px;
padding: 15px;
border: none;
border: 1px solid #e5e5e5;
border-radius: 8px;
}
button#swym-custom-create-list-button[disabled="true"] {
display: none;
}
p#swym-custom-select-wishlists-text {
font-size: 10px;
text-align: left;
line-height: 14px;
}
.swym-list-creation-buttons {
margin-right: 5px;
margin-left: 5px;
cursor: pointer;
}
.swym-hide-container {
display: none !important;
}
button.swym-variant-selector-add-to-wishlist-cta {
background: #292929;
width: 100%;
padding: 12px;
}
/* Desktop only */
.swym-add-to-wishlist-1, .swym-add-to-wishlist-single {
background: #292929;
color: #fff;
border: none;
width: 100%;
padding: 12px;
border-radius: 8px;
margin-top: 16px;
font-size: 16px;
cursor: pointer;
}
div#swym-custom-wishlist-container {
display: flex;
}
div#swym-custom-wishlist-actions {
display: flex;
flex-direction: column;
max-width: 134px;
width: 134px;
border: 1px solid #00000029;
border-radius: 8px;
padding: 8px;
margin-top: 4px;
cursor: pointer;
}
div#swym-custom-wishlist-actions .swym-custom-create-wishlist-button {
background: #00000029;
max-width: 117px;
height: 106px;
display: flex;
align-items: center;
justify-content: center;
}
div#swym-custom-wishlist-actions .swym-custom-create-wishlist-button span {
height: 24px;
width: 24px;
border: 1px solid black;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
div#swym-custom-wishlist-actions .swym-custom-create-wishlist-text {
font-size: 11px;
margin-top: 4px;
}
ul.swym-variant-selector-lists-container {
width: 100%;
display: flex;
flex-wrap: wrap;
list-style-type: none;
gap: 6px;
margin: 0;
padding: 16px;
padding-bottom: 0;
height: calc(100% - 60px);
overflow-y: scroll;
}
@keyframes cardAnim {
from {
opacity: 0;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(1);
}
}
ul.swym-variant-selector-lists-container li,
#swym-custom-image-blob-container-2 img, .swym-custom-variant-selector-container {
animation: cardAnim 600ms ease-out;
animation-fill-mode: backwards;
}
.swym-custom-variant-selector-container {
}
.swym-collections-variant-popup-parent.swym-variant-selector-lists-view {
width: 576px;
max-width: 576px;
}
.swym-variant-selector-lists-view .swym-vs-list-view-header {
display: flex;
justify-content: space-between;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
align-items: center;
}
.swym-vs-list-view-header p {
display: flex;
align-items: center;
gap: 6px;
}
.swym-vs-list-view-header p svg {
height: 16px;
width: 16px;
cursor: pointer;
}
.swym-variant-selector-lists-view
.swym-vs-list-view-header
.swym-vs-popup-close-icon,
.swym-collections-variant-popup-header #swym-vs-close-popup,
div#swym-create-list-title-wrapper p#swym-create-list-title #swym-vs-close-popup {
height: 20px;
width: 20px;
background: #575757;
border-radius: 50%;
color: #fff;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.swym-variant-selector-lists-view .swym-vs-list-view-header p {
color: #999999;
margin: 0;
}
.swym-variant-selector-lists-view .swym-vs-list-view-header p span {
color: #333333;
}
ul li.swym-variant-selector-wishlist-item {
width: 32%;
border: 1px solid #e5e5e5;
border-radius: 8px;
padding: 8px;
margin-bottom: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
width: 32.353%;
border: 1px solid #00000029;
border-radius: 8px;
padding: 7px;
cursor: pointer;
}
.swym-variant-selector-wishlist-item .swym-variant-selector-wishlist-info,
.swym-variant-selector-wishlist-item .swym-variant-selector-wishlist-info img,
.swym-variant-selector-wishlist-item .swym-variant-selector-wishlist-info-default,
.swym-variant-selector-wishlist-item .swym-variant-selector-wishlist-info-default img{
width: 100%;
}
.swym-variant-selector-wishlist-item .swym-variant-selector-wishlist-info-default {
height: 120px;
}
.swym-variant-selector-wishlist-item .swym-variant-selector-wishlist-info-default img {
height: 100%;
}
.swym-variant-selector-wishlist-item .swym-variant-selector-wishlist-info {
/* height: 160px;
min-height: 160px; */
}
.swym-variant-selector-wishlist-info-default .swym-variant-selector-no-image-placeholder {
height: 106px;
min-height: 106px;
}
#swym-vs-wishlist-container {
display: flex;
}
#swym-vs-wishlist-container
.swym-variant-selector-wishlist-info
.swym-variant-selector-no-image-placeholder {
height: 106px;
margin-bottom: 4px;
border-radius: none;
}
#swym-vs-wishlist-container .swym-variant-selector-wishlist-item {
max-width: 134px;
width: 134px;
border: 1px solid #00000029;
border-radius: 8px;
padding: 8px;
margin-top: 4px;
cursor: pointer;
margin-right: 8px;
}
#swym-custom-wishlist-container .swym-variant-selector-wishlist-item {
max-width: 134px;
/* width: 30%; */
width: 134px;
border: 1px solid #00000029;
border-radius: 8px;
padding: 8px;
margin-top: 4px;
cursor: pointer;
}
#swym-vs-wishlist-container .swym-variant-selector-wishlist-info,
#swym-vs-wishlist-container .swym-variant-selector-wishlist-info img {
width: 100%;
}
#swym-custom-wishlist-container .swym-variant-selector-wishlist-item {
margin-right: 8px;
}
#swym-custom-wishlist-container
.swym-variant-selector-wishlist-item.swym-vs-default-list-selected {
margin-right: 8px;
border: 1px solid #000;
}
#swym-vs-wishlist-container
.swym-variant-selector-wishlist-item.swym-vs-default-list-selected,
li.swym-vs-show-list-selected {
/* margin-right: 8px; */
border: 1px solid #000;
}
li.swym-vs-show-list-selected .swym-variant-selector-status,
.swym-vs-default-list-selected .swym-variant-selector-status {
background: #000;
display: flex;
align-items: center;
justify-content: center;
}
ul li.swym-variant-selector-wishlist-item:hover {
transform: scale(1.01);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
ul li.swym-variant-selector-wishlist-item img {
width: 100%;
border-radius: 8px;
}
.swym-variant-selector-lists-view
ul
li.swym-variant-selector-wishlist-item.swym-vs-show-list-selected {
border: 1px solid #000;
}
div.swym-variant-selector-lists-btn-container {
padding: 16px;
padding-top: 10px;
display: flex;
justify-content: space-between;
cursor: pointer;
}
div.swym-variant-selector-lists-btn-container button {
border: none;
width: 49%;
padding: 12px;
color: #fff;
border-radius: 8px;
}
div.swym-variant-selector-lists-btn-container button:first-child {
background: transparent;
border: 1px solid #e5e5e5;
color: #000;
}
div.swym-variant-selector-lists-btn-container button:nth-child(2) {
background: #000;
}
div.swym-variant-selector-lists-btn-container button {
cursor: pointer;
}
div.swym-variant-selector-list-name {
font-size: 12px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 4px;
}
div.swym-variant-selector-list-name span:first-of-type {
width: 80%;
overflow: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
span#swym-custom-wishlist-actions-title {
font-size: 12px;
}
span.swym-variant-selector-status {
background: #e5e5e5;
height: 16px;
width: 16px;
display: block;
border-radius: 50%;
min-height: 16px;
min-width: 16px;
}
.swym-variant-selector-no-image-placeholder {
border-radius: 8px;
height: auto;
width: 100%;
border: 1px solid #e5e5e5;
display: flex;
border-radius: 8px;
height: 124px;
width: 100%;
font-size: 12px;
color: #000;
align-items: center;
justify-content: center;
height: 160px;
}
ul li.swym-variant-selector-wishlist-item.swym-vs-list-selected {
border: 1px solid #000;
}
li.swym-vs-list-selected .swym-variant-selector-status {
background: #000;
}
.swym-collections-variant-popup-content #swym-images-container {
display: none;
}
#swym-images-container-2 #swym-custom-image-blob-container-2 img {
object-fit: cover;
width: 82px;
border-radius: 8px;
height: 132px;
object-fit: cover;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
#swym-images-container-2 #swym-custom-image-blob-container-2 {
display: flex;
align-items: baseline;
width: 100%;
margin-bottom: 12px;
overflow-x: scroll;
}
/* Fade-in effect */
.fade-in {
opacity: 0;
animation: fadeIn 0.5s forwards; /* Adjust duration as needed */
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Slide-in effect */
.swym-vs-anim-slide-in {
opacity: 0;
transform: translateY(20px); /* Start 20px below */
animation: slideIn 0.5s forwards; /* Adjust duration as needed */
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.swym-vs-disabled {
background-color: #cccccc!important;
color: #666666!important;
cursor: not-allowed;
opacity: 0.6;
pointer-events: none;
}
.swym-vs-img-container-5 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.swym-vs-img-container-5 img.product-image {
width: 78px;
height: 78px;
}
.swym-vs-img-container-5 img.product-image:nth-child(3){
margin-top: 4px
}
.swym-vs-img-container-5 span {
background: #f8f8f8;
height: 76px;
width: 76px;
border-radius: 8px;
font-size: 12px;
display: flex;
align-items: center;
margin-top: 4px;
justify-content: center;
}
span.swym-vs-notification {
cursor: pointer;
}
.swym-vs-img-container-4 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.swym-vs-img-container-4 img.product-image {
width: 78px;
height: 78px;
}
.swym-vs-img-container-3 {
display: flex;
justify-content: space-between;
}
.swym-vs-img-container-3 > div {
width: 78px;
display: flex;
flex-direction: column;
}
.swym-vs-img-container-3 > div img:nth-child(2) {
margin-top: 4px;
}
ul li div.swym-variant-selector-wishlist-info div.swym-vs-img-container-3 img {
width: 78px;
height: 78px;
object-fit: cover;
}
ul li div.swym-variant-selector-wishlist-info div.swym-vs-img-container-3 > img {
height: 160px;
}
ul li div.swym-variant-selector-wishlist-info div.swym-vs-img-container-1 img {
height: 160px;
object-fit: cover;
}
.swym-vs-img-container-4 img.product-image:nth-child(3),
.swym-vs-img-container-4 img.product-image:nth-child(4){
margin-top: 4px;
}
.swym-vs-img-container-2 {
display: flex;
justify-content: space-between;
}
.swym-vs-img-container-2 img.product-image {
width: 49%;
height: 160px;
object-fit: cover;
}
.swym-vs-hidden {
display: none!important;
}
div .swym-collections-variant-popup-parent.swym-variant-selector-lists-view.swym-vs-hidden {
display: none;
}
div.swym-vs-spinner {
margin: 0 auto;
width: 70px;
text-align: center;
> div {
width: 14px;
height: 14px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
animation: sk-bouncedelay .8s infinite ease-in-out both;
}
.swym-vs-bounce1 {
animation-delay: -0.32s;
}
.swym-vs-bounce2 {
animation-delay: -0.16s;
}
}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
@keyframes sk-bouncedelay {0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
@media only screen and (min-width: 1024px) {
div#swym-input-and-label-wrapper:hover {
transform: scale(1.04);
transition: 0.2s ease;
text-decoration: underline;
}
}
@media only screen and (max-width: 768px) {
.swym-filter-option-name {
flex-direction: row;
}
div#swym-custom-product-info {
margin: 10px 5px 10px 5px;
}
div#swym-custom-collections-modal-background {
justify-content: flex-end;
}
div#swymOptionName {
min-width: 70px;
}
div#swym-custom-create-list-container {
width: 95%;
}
label.swym-filter-labels {
margin: 0px 7px 0px 0px;
}
p#swym-custom-modal-title {
display: none;
}
p#swym-custom-mobile-title {
display: block;
font-family: inherit;
font-size: 16px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0px;
text-align: left;
}
div#swym-custom-add-to-wishlist-container {
padding: 5px;
}
div#swym-custom-images-slide-container {
display: flex;
overflow-x: scroll;
}
#swym-custom-image-wrapper {
display: flex;
}
div#swym-images-container {
display: none;
}
div#swym-product-info {
display: none;
}
div#swym-custom-image-blob-container {
display: none;
}
div#swym-custom-collections-modal-parent {
flex-direction: column;
width: -webkit-fill-available;
}
div#swym-images-and-components-container {
flex-direction: column;
}
button#swym-custom-add-to-wishlist-button {
width: 100%;
margin: 0;
}
.swym-radio-buttons-container {
flex-wrap: nowrap;
overflow-x: auto;
padding: 5px;
}
div#swymOptionName {
text-align: center;
align-items: center;
display: flex;
padding: 5px;
}
div#swym-images-and-components-container {
padding: 0;
}
.swym-filter-option-name {
padding: 0;
}
p#swym-custom-select-preference-text {
display: none;
}
div#swym-images-container {
width: unset;
height: 250p;
}
img#swym-custom-primary-image {
height: 250px;
width: 250px;
}
div#swym-multiple-wishlist-container {
margin-top: 5px;
}
div#swym-input-and-label-wrapper {
line-height: unset;
}
}
@media only screen and (max-width: 590px) {
div#swym-input-and-label-wrapper:hover {
transform: scale(1.04);
transition: 0.2s ease;
text-decoration: underline;
}
div.swym-collections-variant-popup-parent.swym-variant-selector-lists-view {
width: 95%;
max-width: 95%;
}
/* .swym-vs-img-container-2 img.product-image */
.swym-vs-img-container-4 img.product-image,
div.swym-vs-img-container-5 img.product-image,
div.swym-vs-img-container-5 img.product-image span {
width: 49%;
}
.swym-vs-img-container-4 img.product-image, div.swym-vs-img-container-5 img.product-image {
object-fit: cover;
}
.swym-vs-img-container-5 span {
width: 49%;
height: auto;
}
ul li div.swym-variant-selector-wishlist-info div.swym-vs-img-container-3 > img {
width: 49%;
}
.swym-vs-img-container-3 > div {
width: 49%;
}
ul li div.swym-variant-selector-wishlist-info div.swym-vs-img-container-3 > div img.product-img {
width: 100%;
}
ul li div.swym-variant-selector-wishlist-info div.swym-vs-img-container-3 > div img {
width: 100%;
height: 78px;
}
/* ul li div.swym-variant-selector-wishlist-info div.swym-vs-img-container-3 img {
} */
}
@media only screen and (max-width: 550px) {
div.swym-collections-variant-popup-parent {
width: 95%;
}
div.swym-filter-option-name {
flex-direction: column;
margin-top: 8px;
}
div.swym-radio-buttons-container {
flex-wrap: wrap;
padding-top: 0;
}
label.swym-filter-labels {
margin-top: 6px;
}
.swym-collections-variant-popup-content {
padding: 12px;
}
.swym-variant-selector-lists-view .swym-variant-selector-lists-container li {
width: 47%;
}
}
@media only screen and (max-width: 360px) {
.swym-variant-selector-lists-view .swym-variant-selector-lists-container li {
width: 100%;
}
}
/* Ancient Mobile Devices */
@media (max-width: 380px) and (max-height: 550px) {
img.swym-custom-slider-image {
display: none;
}
div#swym-custom-product-info {
display: none;
}
div#swym-custom-component-container {
margin-top: -30px;
}
div#swym-collections-title-and-close {
margin-top: 15px;
}
}
/* Older Mobile Devices */
@media (max-width: 480px) and (max-height: 741px) {
img.swym-custom-slider-image {
width: 150px;
height: 150px;
}
div#swymOptionName {
min-width: 70px;
}
}
/* Recent Mobile Devices*/
.banner-block-main .banner-block {
position: relative;
display: flex;
}
.banner-block-main .banner-block .video-wrapper {
width: 100%;
height: 100%;
}
.banner-block-main .banner-block .video-wrapper video {
width: 100%;
height: 100%;
max-height: 100vh;
object-fit: cover;
}
.banner-block-main .banner-block .video-wrapper .video-control {
position: absolute;
bottom: 0;
z-index: 100;
left: 10px;
display: none;
}
.banner-block-main .banner-block .video-wrapper .video-control svg {
width: 50px;
height: 50px;
}
.banner-block-main .banner-block .image-wrapper {
flex: 1;
position: relative;
}
.banner-block-main .banner-block .hide_tablet_or_mobile,
.banner-block-main .banner-block .hide_desk_or_mobile,
.banner-block-main .banner-block .hide_desk_or_tablet {
line-height: 0;
}
.banner-block-main .image-wrapper img {
width: 100%;
object-fit: cover;
height: 100%;
}
.banner-block-main .banner-block-buttons {
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 80px;
display: flex;
justify-content: space-around;
z-index: 2;
}
.banner-block-main .banner-block-buttons.buttonRight {
right: 50%;
}
.banner-block-main .banner-block-buttons.buttonLeft {
left: 50%;
}
.banner-block-main .banner-block-buttons.single-block .banner-block-button {
flex: 1;
text-align: center;
}
.banner-block-main
.banner-block-buttons
.banner-block-button
.button-with-link {
display: inline-flex;
padding-bottom: 1px;
color: #fff;
font-family: NeueHaasUnicaW1G-Regular;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 900;
line-height: 1.4;
letter-spacing: -0.075em;
text-decoration: none;
border-bottom: 1px solid #fff;
position: relative;
}
.banner-block-main:has(.full-section-link:hover)
.banner-block-buttons
.banner-block-button
.button-with-link:after {
transform: scaleX(1);
}
.banner-block-main:has(.full-section-link:hover)
.banner-block-buttons
.banner-block-button
.button-with-link {
border-bottom-color: transparent !important;
}
.banner-block-main
.banner-block-buttons
.banner-block-button
.button-with-link {
display: inline-flex;
padding-bottom: 1px;
color: #fff;
font-family: NeueHaasUnicaW1G-Regular;
font-size: 20px;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 900;
line-height: 1.4;
letter-spacing: -0.075em;
text-decoration: none;
border-bottom: 1px solid #fff;
position: relative;
}
.banner-block-main
.banner-block-buttons
.banner-block-button
.button-with-link:after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -2px;
left: 0;
background-color: #fff;
transition: transform 0.25s ease-out;
}
.banner-block-main
.banner-block-buttons
.banner-block-button
.button-with-link:hover:after {
transform: scaleX(1);
}
.banner-block-main
.banner-block-buttons
.banner-block-button
.button-with-link:hover {
border-bottom-color: transparent !important;
}
.banner-block-main
.banner-block-buttons
.banner-block-button
.button-with-link:after {
bottom: -1px;
}
.banner-block-main .image-wrapper .video-poster-image {
display: none;
}
@media screen and (max-width: 640px) {
.banner-block-main .banner-block-buttons {
padding-bottom: 78px;
}
.banner-block-main .banner-block {
flex-direction: column;
}
.banner-block-main
.banner-block-buttons
.banner-block-button
.button-with-link {
letter-spacing: -0.075em;
}
.banner-block-main .banner-block-buttons.buttonRight {
right: 0%;
}
.banner-block-main .banner-block-buttons.buttonLeft {
left: 0%;
}
}
@media screen and (max-width: 425px) {
.banner-block-main .banner-block-buttons.single-block {
justify-content: center;
gap: 70px;
}
.banner-block-main .banner-block-buttons.single-block .banner-block-button {
flex: none;
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/banner-block.css.map?v=92531170893236875291760976919 */
.banner-scene-section {
width: 100%;
margin: 0;
height: 100%;
}
.banner-scene-section .media_wrapper {
position: relative;
width: 100%;
height: 100%;
min-width: fit-content;
overflow: hidden;
}
.banner-scene-wrapper {
width: 100%;
height: 100%;
overflow-x: auto;
}
.banner-scene-section .media_wrapper img {
width: 100%;
height: 100%;
max-width: none;
}
.banner-scene-section .product_tag {
background-color: #fff;
padding: 10px 15px;
border-radius: 18px;
position: relative;
margin-top: 70px;
display: none;
}
.banner-scene-section .product_name {
font-size: 12px;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: 14.65px;
}
.banner-scene-section .up-arrow {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 9px solid #ffffff;
position: absolute;
left: 50%;
top: -4px;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
.banner-scene-section {
height: calc(100vh - 49px);
}
}
@media (max-width: 768px) {
.banner-scene-section .media_wrapper {
overflow-x: auto;
}
.banner-scene-section .media_wrapper img {
width: auto;
position: relative;
z-index: -1;
}
}
:root {
--pulseSize: 14px;
--blue: rgb(255, 255, 255);
--transparentBlue: rgba(95, 139, 250, 0);
}
.banner-scene-section .pulse {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.banner-scene-section .inner-circle {
width: 12px;
height: 12px;
background-color: #fff;
border-radius: 50%;
animation: pulsing 3s infinite;
transition: all 0.3s;
box-shadow: 0 0 0 var(--blue);
}
.banner-scene-section .pulse:hover .inner-circle {
background-color: #171717;
}
.banner-scene-section .center {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
transform: translate(-50%, -50%);
}
.banner-scene-section .pulse:active {
transform: scale(1.5);
}
.banner-scene-section .pulse:hover .inner-circle {
--blue: #171717;
}
@keyframes pulsing {
0% {
box-shadow: 0 0 0 0 var(--blue);
}
30% {
box-shadow: 0 0 0 15px var(--transparentBlue);
}
70% {
box-shadow: 0 0 0 var(--pulseSize) var(--transparentBlue);
}
to {
box-shadow: 0 0 0 0 var(--transparentBlue);
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/banner-scene.css.map?v=105168448140384061131760976919 */
.footer {
overflow-x: hidden;
}
.footer-parallax {
position: fixed;
bottom: 0;
z-index: 0;
left: 0;
transform: translateY(0);
width: 100%;
}
.shopify-section-group-footer-group {
padding-block: var(--padding-block);
scroll-behavior: smooth;
}
.footer:before {
position: absolute;
content: "";
display: block;
border-top: 1px solid var(--border-color);
top: 0;
width: 100%;
height: 1px;
}
.footer__content-top {
padding-bottom: 40px;
display: block;
padding-inline: 16px;
}
.footer-block__newsletter .footer-block__heading {
margin: 0;
}
.footer-block__newsletter .footer-block__description a {
position: relative;
}
footer .footer-prefrence-radio-wrapper .checkbox-checked {
top: 2px;
}
footer .footer-prefrence-radio-wrapper .checkbox {
top: 1px;
position: relative;
}
.footer-checkbox-wrapper .email_marketing {
display: block;
}
@media screen and (max-width: 767px) {
.footer-block.grid__item {
padding: 0;
margin: 40px 0;
width: 100%;
}
.footer-block.grid__item:first-child {
margin-top: 0;
}
.footer__content-top {
padding-bottom: 30px;
padding-inline: 16px;
}
}
@media screen and (min-width: 768px) {
.footer__content-top .grid {
row-gap: 0;
margin-bottom: 0;
min-height: 192px;
}
}
.footer__content-bottom {
padding-top: 32px;
padding-inline: 16px;
}
.footer__content-bottom:only-child {
border-top: 0;
}
@media screen and (max-width: 767px) {
.footer__content-bottom {
flex-wrap: wrap;
padding-top: 0;
padding-left: 0;
padding-right: 0;
row-gap: 15px;
}
.footer__content-bottom-wrapper {
flex-wrap: wrap;
row-gap: 15px;
justify-content: center;
}
.footer__content-bottom.scroll-trigger.animate--slide-in {
animation: none;
opacity: 1;
transform: inherit;
}
}
.footer__localization:empty + .footer__column--info {
align-items: center;
}
@media screen and (max-width: 767px) {
.footer__localization:empty + .footer__column {
padding-top: 15px;
}
}
.footer__column {
width: 100%;
align-items: flex-end;
}
.footer__column--info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (min-width: 768px) {
.footer__column--info {
padding-left: 0;
padding-right: 0;
align-items: flex-end;
}
}
.footer-block:only-child:last-child {
text-align: center;
max-width: 760px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.footer-block {
display: block;
margin-top: 0;
}
}
.footer-block:empty {
display: none;
}
.footer-block--newsletter {
display: flex;
align-items: flex-end;
gap: 10px;
}
.footer-block--newsletter:only-child {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.footer-block.footer-block--menu:only-child {
text-align: left;
}
}
@media screen and (min-width: 768px) {
.footer-block--newsletter {
flex-wrap: nowrap;
justify-content: center;
}
}
.footer-block__heading {
margin-top: 0;
}
.footer__list-social:empty,
.footer-block--newsletter:empty {
display: none;
}
.footer__follow-on-shop {
display: flex;
text-align: center;
}
.footer__list-social.list-social:only-child {
justify-content: center;
}
.footer-block__newsletter {
flex-grow: 1;
}
.newsletter-form__field-wrapper {
max-width: 360px;
}
@media screen and (min-width: 768px) {
.footer-block__newsletter:not(:only-child) {
text-align: left;
margin-right: auto;
}
.footer-block__newsletter:not(:only-child) .footer__newsletter {
justify-content: flex-start;
margin: 0;
}
.footer-block__newsletter:not(:only-child)
.newsletter-form__message--success {
left: auto;
}
.footer__follow-on-shop {
margin-bottom: 4px;
}
.footer__follow-on-shop:first-child:not(:last-child) {
justify-content: flex-start;
margin-right: auto;
text-align: left;
}
.footer__follow-on-shop:not(:first-child):not(:last-child) {
justify-content: flex-end;
text-align: right;
}
}
@media screen and (max-width: 767px) {
.footer-block--newsletter {
display: flex;
flex-direction: column;
flex: 1 1 100%;
align-items: center;
gap: 30px;
}
.footer__list-social.list-social,
.footer__follow-on-shop,
.footer-block__newsletter {
display: flex;
justify-content: center;
width: 100%;
}
.footer-block__newsletter {
flex-direction: column;
}
}
@media screen and (min-width: 768px) {
.footer-block__newsletter + .footer__list-social {
margin-top: 0;
}
}
.footer__localization {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
flex-wrap: wrap;
padding: 10px 10px 0;
}
.footer__localization:empty {
display: none;
}
.footer__localization h2 {
margin: 10px 10px 5px;
color: rgba(var(--color-foreground), 0.75);
}
@media screen and (min-width: 768px) {
.footer__localization {
padding: 4px 0;
justify-content: flex-start;
}
.footer__localization h2 {
margin: 10px 0 0;
}
}
@media screen and (min-width: 768px) {
.footer__payment {
margin-top: 15px;
}
}
.footer__content-bottom-wrapper--center {
justify-content: center;
}
.footer__copyright {
text-align: center;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center)
.footer__copyright {
text-align: right;
}
}
@keyframes appear-down {
0% {
opacity: 0;
margin-top: -10px;
}
to {
opacity: 1;
margin-top: 0;
}
}
.footer-block__details-content {
margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
.footer-block__details-content {
margin-bottom: 0;
}
.footer-block:only-child li {
display: inline;
}
}
.footer-block__details-content .list-menu__item--link {
padding: 0;
}
.footer-block__details-content .list-menu__item--link,
.copyright__content a {
color: rgba(var(--color-foreground));
}
.footer-block__details-content .list-menu__item--active {
transition: text-decoration-thickness var(--duration-short) ease;
color: rgb(var(--color-foreground));
}
@media screen and (min-width: 768px) {
.footer-block__details-content .list-menu__item--active:hover {
text-decoration-thickness: 2px;
}
}
@media screen and (min-width: 768px) {
.footer-block__details-content > :first-child .list-menu__item--link {
padding-top: 0;
}
}
.footer-block-image {
display: flex;
}
.footer-block-image.left {
justify-content: flex-start;
}
.footer-block-image.center {
justify-content: center;
}
.footer-block-image.right {
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.footer-block-image,
.footer-block-image.left,
.footer-block-image.center,
.footer-block-image.right {
justify-content: center;
}
}
.footer-block__image-wrapper {
margin-bottom: 2rem;
overflow: hidden !important;
}
.footer-block__image-wrapper img {
display: block;
height: auto;
max-width: 100%;
}
.footer-block__brand-info {
text-align: left;
}
.footer-block:only-child .footer-block__brand-info {
text-align: center;
}
.footer-block:only-child
> .footer-block__brand-info
> .footer-block__image-wrapper {
margin-left: auto;
margin-right: auto;
}
.footer-block-image > img,
.footer-block__brand-info > img {
height: auto;
}
.footer-block:only-child
.footer-block__brand-info
.footer__list-social.list-social {
justify-content: center;
}
.footer-block__brand-info .footer__list-social.list-social {
justify-content: flex-start;
}
.footer-block__details-content .placeholder-svg {
max-width: 200px;
}
.copyright__content {
font-size: 11px;
}
.copyright__content a {
color: currentColor;
text-decoration: none;
}
.policies {
display: inline;
}
.policies li {
display: inline-flex;
justify-content: center;
align-items: center;
}
.policies li:before {
content: "\b7";
padding: 0 8px;
}
.policies li a {
padding: 6px 0;
display: block;
}
footer .footer__content-bottom-wrapper .footer__content-bottom-logo svg {
max-width: 100%;
max-height: 100%;
object-fit: cover;
width: 100%;
height: 100%;
}
footer .footer__content-bottom-wrapper .footer__content-bottom-logo {
display: flex !important;
}
@media screen and (min-width: 768px) {
.policies li a {
padding: 0;
}
}
@keyframes animateLocalization {
0% {
opacity: 0;
transform: translateY(0);
}
to {
opacity: 1;
transform: translateY(-1rem);
}
}
@supports not (inset: 10px) {
@media screen and (max-width: 767px) {
.footer .grid {
margin-left: 0;
}
}
@media screen and (min-width: 768px) {
.footer__content-top .grid {
margin-left: -30px;
}
.footer__content-top .grid__item {
padding-left: 30px;
}
}
}
.footer-block__description:not(:first-child) {
margin-top: 16px;
height: 18px;
}
.footer-block__description a:after {
bottom: -1px;
}
.footer-email-wrapper .Form__Input {
padding: 0;
border: 0;
color: rgb(var(--color-foreground));
flex: 1;
background-color: transparent;
}
.footer-email-wrapper .Form__Input::placeholder {
color: var(--border-color);
}
.footer-email-wrapper .Form__Input:focus,
.footer-email-wrapper .Form__Input:focus-visible,
.footer-email-wrapper .Form__Input:focus-within {
outline: none;
box-shadow: none;
border: 0;
}
.footer-email-wrapper {
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
padding: 0 4px 9px;
border-bottom: 1px solid var(--border-color);
margin-top: 22px;
min-height: 28px;
}
.footer-prefrence-wrapper {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
margin-top: 22px;
height: 18px;
}
.footer-prefrence-radio-wrapper {
display: flex;
align-items: center;
gap: 16px;
}
.footer-prefrence-radio-wrapper label {
display: flex;
align-items: center;
gap: 6px;
min-height: 18px;
cursor: pointer;
}
.footer-prefrence-radio-wrapper label .checkbox-wrapper {
width: 10px;
}
.footer-prefrence-radio-wrapper label input {
margin: 0;
width: 10px;
height: 10px;
}
.footer-prefrence-radio-wrapper label span svg,
footer .footer-checkbox-wrapper .checkbox_wrapper svg {
height: 10px;
width: 10px;
}
footer .footer-checkbox-wrapper {
display: flex;
gap: 6px;
margin-top: 22px;
min-height: 32px;
}
footer .footer-checkbox-wrapper .checkbox--alert {
color: rgb(var(--color-error));
position: absolute;
margin-top: 7px;
}
.footer__content-bottom-wrapper {
color: rgb(var(--color-foreground));
}
.footer__content-bottom-wrapper .collection-logo {
line-height: 0;
}
.footer__content-bottom-wrapper .collection-logo svg {
height: auto;
}
footer .email--error {
color: rgb(var(--color-error)) !important;
position: absolute;
padding: 0;
background: transparent;
margin: 0;
margin-block-start: 2px;
}
footer .footer-checkbox-wrapper .checkbox_wrapper {
display: flex;
align-items: start;
margin-top: 2px;
}
footer .footer-checkbox-wrapper a {
text-underline-offset: 6px;
text-decoration: underline;
}
footer .footer-block__social-icons .footer-block__social-icon {
text-decoration: none;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
footer .footer-block__social-icons .footer-block__social-icon:hover:after {
text-decoration: none;
content: none;
}
footer .footer-checkbox-wrapper label a {
margin-left: 5px;
}
footer .footer-checkbox-wrapper label a:after {
bottom: -4px;
}
footer .footer-block__social-icons .social-icons__wrapper {
display: flex;
align-items: center;
gap: 10px;
padding-right: 21.33px;
}
footer .footer-block__social-icons {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
margin-left: auto;
}
footer .footer__content-bottom-wrapper .footer__content-bottom-logo {
display: flex;
width: 100%;
justify-content: center;
}
footer .footer__content-bottom-wrapper .footer__content-bottom-logo svg path,
footer .footer-block__social-icons .social-icons__wrapper svg path {
fill: rgb(var(--color-foreground));
}
footer .footer-block__social-icons .social-icons__wrapper svg {
width: 21px;
height: 21px;
}
footer .footer-block__country-selector {
cursor: pointer;
display: flex;
gap: 16px;
align-items: baseline;
}
footer .checkbox_wrapper span.checkbox,
footer .checkbox_wrapper {
display: flex;
align-items: flex-start;
}
footer .checkbox-checked {
position: absolute;
left: 0;
top: 0;
display: none;
}
footer .country-selector__content {
display: flex;
gap: 6px;
}
footer .country-selector__content .content-separator {
width: 5px;
display: flex;
justify-content: flex-end;
}
footer .checkbox_wrapper input[type="checkbox"],
footer
.footer-prefrence-radio-wrapper
.footer-prefrence-radio
input[type="radio"] {
position: absolute;
top: 4px;
left: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
footer .checkbox_wrapper input[type="checkbox"] {
top: 0;
width: 10px;
height: 10px;
}
footer
.footer-checkbox-wrapper:has(input[type="checkbox"]:checked)
.checkbox-checked,
footer
.footer-prefrence-radio:has(input[type="radio"]:checked)
.checkbox-checked {
display: flex;
}
footer .footer-checkbox-wrapper:has(input[type="checkbox"]:checked) .checkbox,
footer .footer-prefrence-radio:has(input[type="radio"]:checked) .checkbox {
opacity: 0;
}
footer .footer-block__details-content li:not(:last-child) {
margin-bottom: 3px;
}
footer .footer-block__details-content li.menu-title {
margin-bottom: 16px;
height: 18px;
}
footer .footer-block__details-content li {
list-style: none;
}
#footer-newsletter .Form__Alert.Alert--success {
margin-top: 16px;
background: transparent;
padding: 0;
}
.bold {
font-weight: 700;
}
.footer li::marker {
content: none;
}
.footer .uppercase {
text-transform: uppercase;
}
.footer .body-text {
font-size: 12px;
font-weight: 400;
letter-spacing: -0.9px;
line-height: normal;
color: rgb(var(--color-foreground));
--font-body-family-regular: "NeueHaasUnicaW1G-Regular", sans-serif;
font-family: var(--font-body-family-regular);
}
.footer .footeremailplaceholder {
height: unset;
}
.footer .footeremailbutton.Form__Submit.button.body-text {
padding: 0;
}
#shopify-section-footer {
background: transparent;
}
.footer .heading-extra-small {
--font-body-family-medium: "Neue Haas Unica medium";
font-family: var(--font-body-family-medium);
font-size: 12px;
line-height: normal;
letter-spacing: normal;
color: rgb(var(--color-foreground));
}
.no-link {
text-decoration: none;
}
.no-link:after {
content: none;
}
.footer-checkbox-wrapper .Form__CheckboxLabel a {
position: relative;
}
.footer-checkbox-wrapper .Form__CheckboxLabel a:after {
transform: scaleX(1);
}
.list-menu__item--link {
line-height: normal;
height: 18px;
}
.footer-block__details-content li {
height: 18px;
}
main {
z-index: 1;
position: relative;
background: #fff;
}
.footer .contry-selector-popup span {
margin: 0;
}
.social-icons__wrapper .collection-logo {
display: flex;
align-items: center;
}
.dropdown-entries a {
position: relative;
width: fit-content;
}
.footer input:-webkit-autofill,
.footer input:-webkit-autofill:hover,
.footer input:-webkit-autofill:focus {
-webkit-text-fill-color: #171717;
}
.collection-logo path:not(.Header__Logo--large path) {
fill: currentColor;
}
@media screen and (min-width: 1024px) {
footer .footer__blocks-wrapper {
display: grid;
grid-template-columns: 365px auto auto auto;
grid-template-rows: 1fr auto;
gap: 8px;
row-gap: 0;
justify-content: space-between;
}
footer .footer-block.footer-block--newsletter {
grid-row: 1 / 4;
align-items: flex-start;
}
footer .footer-block--bottom {
grid-column: 2 / 5;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: auto;
height: fit-content;
min-height: 21px;
}
}
@media screen and (max-width: 1200px) {
footer .footer-block__social-icons .social-icons__wrapper {
padding-right: 0;
}
}
@media screen and (max-width: 1023px) {
footer .footer__blocks-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
row-gap: 0;
justify-content: space-between;
}
footer .footer-block--bottom {
display: flex;
flex-direction: column-reverse;
gap: 16px;
}
footer .footer-block--newsletter:not(:last-child) {
padding-bottom: 24px;
margin-bottom: 24px;
}
footer .footer-block--newsletter:after {
content: "";
position: absolute;
bottom: 0;
background: var(--border-color);
height: 1px;
width: 100vw;
overflow-x: hidden;
}
footer .footer-block__social-icons {
margin-left: 0;
}
footer .footer__content-top {
padding-bottom: 24px;
}
footer .footer__content-bottom {
padding-top: 12px;
padding-inline: 16px;
}
footer .footer-block__country-selector {
justify-content: space-between;
height: 21px;
align-items: center;
}
footer .footer-block__social-icons .social-icons__wrapper svg {
max-height: 14px;
max-width: 14px;
}
footer .footer-checkbox-wrapper label a {
margin-left: 2px;
}
.footer .footer-block__heading {
margin: 0;
}
.medium-regular {
font-weight: 400;
}
.footer .heading-extra-small {
--font-body-family-regular: "NeueHaasUnicaW1G-Regular", sans-serif;
font-family: var(--font-body-family-regular) !important;
}
.footer .collapsible-content .accordion__title {
height: 21px;
}
}
@media screen and (min-width: 1024px) {
.large-up-hide {
display: none !important;
}
}
@media screen and (max-width: 1023px) and (min-width: 769px) {
.footer .medium-hides {
display: none !important;
}
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/section-footer.css.map?v=135075118539504629781760976919 */
/**
* Swiper 8.4.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: January 30, 2023
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal
> .swiper-wrapper
> .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(
--swiper-pagination-bullet-width,
var(--swiper-pagination-bullet-size, 8px)
);
height: var(
--swiper-pagination-bullet-height,
var(--swiper-pagination-bullet-size, 8px)
);
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
header-megamenu .megamenu-desktop {
position: absolute;
width: 100vw;
left: 0;
z-index: 999;
border-top: 1px solid var(--disabled-color);
}
header-megamenu .megamenu-desktop .mega-menu__content {
min-height: 464px;
}
header-megamenu .megamenu-desktop:has(.image-column) .mega-menu__content {
min-height: unset;
}
@media screen and (max-width: 1200px) {
header-megamenu .megamenu-desktop .mega-menu__content {
min-height: 450px;
}
header-megamenu .megamenu-desktop:has(.image-column) .mega-menu__content {
min-height: 450px;
}
}
header-megamenu .mega-menu__content {
border: none;
box-shadow: none;
background: var(--color-background);
color: var(--content-color);
}
header-megamenu .mega-menu__list {
display: flex;
gap: 12px;
justify-content: space-between;
height: auto;
}
header-megamenu .mega-menu__list.image-carousel-block_list {
gap: 0;
}
header-megamenu .mega-menu__list.image-carousel-block_list .megamenu-cta {
background: rgb(var(--color-background));
}
header-megamenu .mega-menu__list.image-carousel-block_list > * {
flex: 1;
}
.header__inline-menu .list-menu li header-megamenu a.large-menu__item-link,
.header__inline-menu
.list-menu
li
header-megamenu
a.large-menu__item-link
.large-menu__item-title {
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 33px;
letter-spacing: -2.625px;
display: flex;
gap: 8px;
position: relative;
color: var(--content-color);
}
.header__inline-menu
.list-menu
li
header-megamenu
a.large-menu__item-link
.large-menu__item-title
span {
font-size: 14px;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: normal;
letter-spacing: -0.6px;
}
header-megamenu .large-menu__item-label {
font-size: 8px !important;
font-style: normal !important;
line-height: normal;
letter-spacing: -0.6px !important;
padding: 2px 4.5px;
height: 16px;
display: flex;
align-items: center;
position: relative;
top: -3px;
left: 0;
}
header-megamenu ul.mega-menu__list .shopify-block.large-menu {
display: flex;
flex-direction: column;
gap: 16px;
padding: 12px 24px 48px 16px;
max-width: 420px;
}
@media screen and (max-width: 1440px) {
header-megamenu ul.mega-menu__list .shopify-block.large-menu {
padding-top: 12px;
}
}
header-megamenu ul.mega-menu__list .shopify-block.normal-menu-column {
max-width: 200px;
padding: 11px 16px 48px 0;
}
@media screen and (max-width: 1200px) {
header-megamenu ul.mega-menu__list .shopify-block.normal-menu-column {
padding: 9px 16px 24px 0;
}
}
header-megamenu .normal-menu-column .normal-menu-column__title,
header-megamenu .normal-menu-column .normal-menu-column__title span {
color: var(--disabled-color) !important;
font-size: 12px;
font-weight: 400;
line-height: normal;
letter-spacing: -0.9px;
margin-bottom: 12px;
height: 18px;
}
header-megamenu .normal-menu-column__items {
display: flex;
flex-direction: column;
gap: 8px;
}
.header__inline-menu
.list-menu
li
header-megamenu
a.normal-menu-column__item-link {
font-size: 16px;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
position: relative;
display: flex;
gap: 8px;
align-items: flex-start;
color: var(--content-color);
display: inline-block;
}
.header__inline-menu
.list-menu
li
header-megamenu
a.normal-menu-column__item-link
span {
font-size: 8px;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: normal;
letter-spacing: -0.6px;
display: flex;
align-items: center;
padding: 2px 5px 2px 4px;
position: relative;
top: -9px;
left: 8px;
display: inline-block;
color: var(--content-color);
}
header-megamenu .normal-menu-column__items .normal-menu-column__item {
display: flex;
align-items: center;
height: 24px;
}
header-megamenu ul.mega-menu__list .shopify-block.image-column {
width: 100%;
max-width: 372px;
}
header-megamenu ul.mega-menu__list .shopify-block.image-column img,
header-megamenu .image-column__item img {
height: auto;
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
object-fit: cover;
}
header-megamenu .image-column__item img {
transform: scale(1);
transition: all 0.5s ease;
}
header-megamenu .image-column__item:hover img {
transform: scale(1.05);
transition: all 0.5s ease;
}
header-megamenu .image-column__item {
position: relative;
height: 100%;
overflow: hidden;
width: 100%;
}
header-megamenu .image-column .image-column__item:before {
content: "";
width: 100%;
height: 100%;
background: var(--image-overlay-color);
position: absolute;
z-index: 3;
}
header-megamenu .megamenu-cta .image-column__item .item-column__cta {
color: var(--content-color) !important;
}
header-megamenu .item-column__title,
header-megamenu .item_column__wtapper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 16px 40px;
display: flex;
gap: 24px;
flex-direction: column;
z-index: 3;
color: var(--content-color, #171717) !important;
font-size: 35px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 33px !important;
letter-spacing: -2.625px !important;
text-decoration: inherit;
}
header-megamenu .item-column__title {
padding-bottom: 37px;
}
header-megamenu .item-column__title span {
text-decoration: inherit;
}
header-megamenu .item-column__title span,
header-megamenu .megamenu-cta .image-column__item .item-column__cta span {
position: relative;
font-size: 35px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 33px !important;
letter-spacing: -2.625px !important;
width: fit-content;
}
.megamenu-cta a:hover .default-link {
text-decoration: underline;
text-underline-offset: 2px;
}
.descender {
display: inline;
padding-inline: 1px;
}
header-megamenu .item_column__wtapper {
width: 100%;
}
header-megamenu .item_column__wtapper .item-column__cta {
display: flex;
gap: 20px;
flex-direction: column;
position: relative;
}
header-megamenu .desktop-arrow {
display: block;
}
header-megamenu .small-desktop-arrow {
display: none;
}
header-megamenu .small-desktop-arrow,
header-megamenu .desktop-arrow {
color: var(--content-color) !important;
}
header:before {
content: "";
position: absolute;
width: 100%;
background: var(--overlay-color, rgba(23, 23, 23, 1));
left: 0;
z-index: -1;
opacity: 0;
transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
top: calc(var(--header-height) - var(--logo-height));
}
header:has(details[data-animating="true"]):before {
opacity: 0.7;
visibility: visible;
height: calc(100dvh + var(--logo-height));
transition: opacity 0.15s ease-in-out;
}
@media screen and (max-width: 1023px) {
header:before {
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
top: calc(var(--header-height));
}
header:has(details[data-animating="true"]):before {
opacity: 0.7;
visibility: visible;
transition: opacity 0.3s ease-in-out;
}
}
header-megamenu .megamenu-desktop {
opacity: 0;
visibility: hidden;
}
details[data-animating="true"] .megamenu-desktop {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 1200px) {
header-megamenu ul.mega-menu__list .shopify-block.large-menu {
max-width: 311px;
padding: 12px 24px 24px 16px;
}
header-megamenu ul.mega-menu__list .shopify-block.image-column {
display: none;
}
header-megamenu .mega-menu__list > * {
flex: 1;
}
header-megamenitem-column__titleu,
header-megamenu .item_column__wtapper {
font-size: 24px !important;
font-weight: 400 !important;
line-height: 28px !important;
letter-spacing: -1.8px !important;
}
header-megamenu .desktop-arrow {
display: none;
}
header-megamenu .small-desktop-arrow {
display: block;
}
header-megamenu .item-column__title span,
header-megamenu .megamenu-cta .image-column__item .item-column__cta span {
font-size: 24px !important;
line-height: 28px !important;
letter-spacing: -1.8px !important;
}
}
@media screen and (min-width: 1440px) {
header-megamenu ul.mega-menu__list .shopify-block.large-menu,
header-megamenu ul.mega-menu__list .shopify-block.normal-menu-column {
width: 100%;
}
}
@media screen and (pointer: coarse) and (min-width: 1024px) {
.megamenu-desktop {
display: none;
}
header:before {
content: none;
}
}
@media screen and (min-width: 1024px) {
.mobile-menu-hide {
display: none;
}
}
@media screen and (max-width: 1023px) {
.desk-menu-hide {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.media-medium-hide {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.media-small-hide {
display: none !important;
}
}
.mobile-menu-drawer__content {
height: calc(100dvh - var(--header-parent-height));
position: absolute;
top: 0;
background: var(--background-color);
width: 100%;
opacity: 0;
visibility: hidden;
overflow-y: auto;
transform: translate(100%);
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
color: var(--content-color);
}
.mobile-menu-drawer__content.active {
transform: translate(0);
opacity: 1;
visibility: visible;
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
}
.mobile-menu-drawer__content:has(details[open]) {
overflow: hidden;
}
.menu-lastlevel-child {
position: absolute;
top: 0;
height: calc(100dvh - var(--header-parent-height));
width: 100%;
left: 0;
z-index: 3;
overflow-y: auto;
background: var(--background-color);
}
.menu-drawer-container[open] menu-drawer-container {
opacity: 1;
transition: all 0.3s ease;
}
.menu-drawer-container menu-drawer-container {
opacity: 0;
transition: all 0.3s ease;
}
.menu-lastlevel-child {
transform-origin: right;
display: inline-block;
}
.megamenu-mobile-main-item.has_drawer .first-level__simple-menu-arrow {
display: flex !important;
align-items: baseline;
height: 100%;
}
.megamenu-mobile-main-item.has_drawer .first-level__simple-menu-arrow svg {
margin-top: 2px;
}
mobile-megamenu .second-menu__item-link,
mobile-megamenu last-level-detail-menu .summary-item-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
cursor: pointer;
height: 24px;
}
mobile-megamenu .second-menu__items-wrapper,
mobile-megamenu last-level-detail-menu .summary-item-wrapper .default-link {
position: relative;
}
mobile-megamenu .image-carousel__slide {
max-width: 343px;
width: 100%;
}
mobile-megamenu .image-carousel__slide a {
display: block;
}
mobile-megamenu .large-menu-item {
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -4.5px;
min-height: 90px;
display: flex;
align-items: center;
color: var(--content-color);
}
mobile-megamenu .large-menu-item a {
position: relative;
top: 5px;
}
span.first-level__simple-menu-arrow.hidden {
align-self: flex-end;
padding-bottom: 24px;
}
mobile-megamenu .megamnu-upper-items-wrapper {
display: flex;
flex-direction: column;
gap: 40px;
}
mobile-megamenu .megamenu-mobile-items {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
gap: 40px;
}
mobile-megamenu .megamenu-mobile-content,
.megamenu-mobile {
height: 100%;
}
mobile-megamenu .second-menu {
display: flex;
flex-direction: column;
gap: 12px;
}
mobile-megamenu .megamenu-mobile-content {
padding-inline: 16px;
padding-block: 10px 34px;
}
mobile-megamenu .second-menu .second-menu__item-title {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
color: var(--content-color);
}
mobile-megamenu .second-menu__items-wrapper {
display: flex;
gap: 4px;
}
mobile-megamenu .second-menu__items-wrapper .simple-menu__item-label,
mobile-megamenu .meganu-bottom-items-wrapper .simple-menu .main_title span,
mobile-megamenu
.megamenu-mobile-inner-drawer
.simple-menu-column__items
.simple-menu-column__item-link
span,
mobile-megamenu .menu-last-level-items .menu-with-image-column__item-link span,
mobile-megamenu .summary_title span,
mobile-megamenu .simple-item-link span {
font-size: 8px;
font-style: normal;
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
line-height: normal;
letter-spacing: -0.6px;
padding: 2px 4px;
height: 16px;
position: relative;
left: 0;
top: -5px;
display: flex;
align-items: center;
}
mobile-megamenu .simple-item-link span,
mobile-megamenu .menu-last-level-items .menu-with-image-column__item-link span {
align-self: baseline;
left: 0;
top: 0;
}
mobile-megamenu .meganu-bottom-items-wrapper .simple-menu {
display: flex;
flex-direction: column;
gap: 12px;
padding-bottom: 48px;
}
mobile-megamenu
.meganu-bottom-items-wrapper
.simple-menu
.simple-menu__item
.simple-menu__item-link {
display: flex;
justify-content: space-between;
width: 100%;
height: 24px;
align-items: end;
}
mobile-megamenu .meganu-bottom-items-wrapper .simple-menu .main_title {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
display: flex;
gap: 8px;
}
html:has(details-animated details[open]),
body:has(details-animated details[open]) {
overflow: hidden !important;
}
mobile-megamenu .megamenu-mobile-inner-drawer .header-main__title {
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 55px;
letter-spacing: -3.375px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .header__title {
margin-bottom: 16px;
color: var(--content-color);
}
mobile-megamenu .megamenu-mobile-inner-drawer .heaer__bread-crumbs > * {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.9px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .heaer__bread-crumbs span {
min-width: 6px;
cursor: pointer;
}
mobile-megamenu .megamenu-mobile-inner-drawer .menu-column__header {
padding-inline: 16px;
padding-bottom: 11px;
border-bottom: 1px solid var(--disabled-color, #dad4d3);
padding-top: 24px;
position: sticky;
top: 0;
z-index: 2;
background: var(--background-color);
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button {
padding: 40px 16px 24px;
display: flex;
gap: 8px;
align-items: center;
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button,
mobile-megamenu
.megamenu-mobile-inner-drawer
.simple-menu-column__items
.simple-menu-column__item-link,
mobile-megamenu .menu-last-level-items .menu-with-image-column__item-link,
mobile-megamenu .summary_title,
mobile-megamenu .simple-item-link {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
color: var(--content-color);
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button {
cursor: pointer;
}
mobile-megamenu .menu-last-level-items .menu-with-image-column__item-link {
min-height: 24px;
display: flex;
align-items: center;
}
mobile-megamenu .megamenu-mobile-inner-drawer .simple-menu-column__items,
mobile-megamenu .megamenu-mobile-inner-drawer .menu-with-image-column__items,
mobile-megamenu .megamenu-mobile-inner-drawer .menu-last-level-items {
padding-inline: 16px;
display: flex;
flex-direction: column;
gap: 12px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .menu-last-level-items {
padding-bottom: 24px;
}
mobile-megamenu
.megamenu-mobile-inner-drawer
.simple-menu-column__items
.simple-menu-column__item-link,
mobile-megamenu .simple-item-link {
display: flex;
gap: 4px;
min-height: 24px;
align-items: end;
}
last-level-detail-menu .menu-lastlevel-child .simple-menu-column__items {
margin-top: 40px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .menu-last-level-items {
margin-top: 40px;
}
mobile-megamenu
.menu-with-image-items-wrapper
.menu-with-image-item__menu-1:not(:last-child),
mobile-megamenu
.menu-with-image-items-wrapper
.menu-with-image-item__menu-2:not(:last-child) {
margin-bottom: 40px;
}
mobile-megamenu .menu-with-image-items-wrapper {
margin-top: 40px;
}
mobile-megamenu .last-level__inner_header {
margin-bottom: 12px;
display: flex;
gap: 8px;
align-items: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
color: var(--content-color);
min-height: 24px;
cursor: pointer;
}
mobile-megamenu .menu-with-image-item__image-wrapper {
position: relative;
}
mobile-megamenu .menu-with-image-item__image-wrapper .image-text {
position: absolute;
bottom: 0;
left: 0;
padding: 40px 16px 37px;
z-index: 1;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 55px;
letter-spacing: -3.375px;
width: 100%;
}
mobile-megamenu .menu-with-image-item__image-wrapper img {
width: 100%;
height: 100%;
}
mobile-megamenu .menu-with-image-item__image-wrapper:before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 100%;
background: var(--overlay-color);
}
mobile-megamenu .menu__top-items {
display: flex;
justify-content: space-between;
}
mobile-megamenu .top-cta-wrapper {
padding-top: 40px;
padding-right: 16px;
}
mobile-megamenu .image-carousel__slide {
position: relative;
height: auto;
}
.heaer__bread-crumbs > *,
.heaer__bread-crumbs {
color: var(--content-color);
}
mobile-megamenu .disabled-color {
color: var(--disabled-color);
}
mobile-megamenu .flex-4-gap {
display: flex;
gap: 4px;
min-height: 18px;
}
mobile-megamenu .image-carousel__slide img {
height: 100%;
scale: 1.005;
}
mobile-megamenu .top-cta-wrapper .top-cta {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;
text-decoration: underline;
text-underline-offset: 3px;
}
mobile-megamenu .image-carousel__slide.cta__slide {
height: auto;
padding: 40px 16px;
width: 100%;
display: flex;
align-items: flex-end;
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 33px;
letter-spacing: -2.625px;
}
mobile-megamenu .image-carousel__slide-text {
position: absolute;
padding: 40px 16px 37px;
bottom: 0;
left: 0;
width: 100%;
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 33px;
letter-spacing: -2.625px;
}
.quick-menus-and-sorting-idevv {
gap: 3px;
}
mobile-megamenu .menu-lastlevel-child {
background: var(--background-color);
}
mobile-megamenu .megamenu-mobile-content {
background: var(--bacground-color);
}
mobile-megamenu a {
color: var(--content-color);
}
.weight-normal {
font-weight: 400 !important;
}
.weight-bold {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
}
@media screen and (max-width: 767px) {
mobile-megamenu .menu-with-image-item__image-wrapper .image-text {
top: 0;
bottom: unset;
}
mobile-megamenu .megamnu-upper-items-wrapper {
gap: 40px;
}
mobile-megamenu .top-cta-wrapper {
padding-top: 26px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button {
padding-top: 24px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button span {
min-height: 21px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button {
padding-bottom: 24px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button,
mobile-megamenu .top-cta-wrapper .top-cta {
font-size: 14px;
line-height: 16px;
letter-spacing: -1.05px;
text-underline-offset: 1px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .menu-column__header {
padding-bottom: 11px;
padding-top: 24px;
}
mobile-megamenu
.megamenu-mobile-inner-drawer.menu-with-image
.menu-column__header {
padding-top: 12px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .menu-last-level-items,
last-level-detail-menu .menu-lastlevel-child .simple-menu-column__items {
margin-top: 24px;
}
mobile-megamenu .menu-with-image-items-wrapper {
margin-top: 24px;
}
mobile-megamenu .menu-with-image-item__image-wrapper .image-text {
padding-block: 44px 40px;
}
mobile-megamenu .last-level__inner_header {
font-size: 14px;
line-height: 16px;
letter-spacing: -1.05px;
gap: 10px;
margin-bottom: 12px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .simple-menu-column__items,
mobile-megamenu .megamenu-mobile-inner-drawer .menu-last-level-items {
gap: 16px;
}
mobile-megamenu .megamenu-mobile-inner-drawer .bottom-back-button {
gap: 8px;
}
}
header-megamenu > *,
mobile-megamenu > * {
font-family: NeueHaasUnicaW1G-Regular !important;
}
header summary::-webkit-details-marker {
display: none;
}
header summary {
list-style: none;
}
.shopify-block.image-column:hover .item-column__title span,
.shopify-block.image-column:hover .item-column__cta span,
.shopify-block.megamenu-cta:hover .item_column__wtapper {
font-weight: 700 !important;
}
/*# sourceMappingURL=/cdn/shop/t/1091/assets/header-megamenu.css.map?v=94064829702660539871761120942 */
/** Shopify CDN: Minification failed
Line 3344:83 Unexpected "span"
**/
/*
Mobile: screen and (max-width: 640px) min- 6401
Tablet: screen and (min-width: 641px) and (max-width: 1007px)
Lap: screen and (min-width: 1000px) and (max-width: 1239px):
*/
.reward-content-wraper{
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
}
.reward-subheading-wraper,
.description-wraper
{
margin-top: 20px;
}
.reward-contant-main {
font-family: "NeueHaasUnicaW1G-Regular";
max-width: 942px;
margin: 0 auto 0;
padding: 30px 0 200px;
padding-inline: 30px;
}
.reward-contant-main.reward__benefit-tier-section{
max-width: 945px;
}
.h1 {
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 38px;
margin-bottom: 42px !important;
}
.h2{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 35px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
line-height: 28px;
margin: 0;
}
#loyaltylion{
font-family: "NeueHaasUnicaW1G-Regular" !important;
}
#loyaltylion .button-with-link{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 14px;
line-height: 21px;
text-decoration: underline;
text-underline-offset: 5px;
cursor: pointer;
}
.reward-contant-main .reward-heading b,
.reward-contant-main .reward-heading strong {
font-family: "NeueHaasUnicaW1G-Regular";
font-weight: 900 !important;
}
.reward-contant-main .reward-subheading-wraper{
width: 100%;
}
.reward-contant-main .reward-subheading-wraper .reward-sub-description{
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.reward-contant-main .reward-description {
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.reward-content-wraper .button-wraper{
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
align-items: start;
}
.reward-content-wraper .button-wraper .login-wraper{
align-items: end;
gap: 12px;
}
.reward-content-wraper .button-wraper .sign-up-wraper{
align-items: start;
gap: 10px;
}
.reward-content-wraper .button-wraper .sign-up-wraper,
.reward-content-wraper .button-wraper .login-wraper{
display: flex;
justify-content: center;
}
.reward-contant-main .reward-content-wraper .button-wraper .reward-description{
font-size: 14px;
line-height: 21px;
padding-block: 5px;
}
.reward-contant-main .reward-description strong{
font-family: "NeueHaasUnicaW1G-Regular";
}
.reward-contant-main .reward-description a{
text-decoration: underline;
cursor: pointer;
}
.reward-content-wraper .reward-heading_desc-wraper{
width: 100%;
}
.reward-content-wraper .reward-heading_desc-wraper:has(.reward-description) + .button-wraper{
margin-top: 42px;
}
.reward-content-wraper .button-wraper .login-wraper .login-button,
.reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button{
text-underline-offset: 10px;
text-wrap: nowrap;
}
.reward-content-wraper .button-wraper .login-wraper .login-button{
padding-bottom: 5px;
}
.reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button
{
padding-top: 5px;
}
/* reward how it works section */
.reward_step_wrapper{
display: flex;
gap: 20px;
width: 100%;
justify-content: space-between;
margin-top: 42px;
}
.reward_step_wrapper .step_block{
display: grid;
max-width: 156px;
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
}
.reward_step_wrapper .step_block .wrapper-sub{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.reward_step_wrapper .step_block .step-subtext{
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 10px;
margin-bottom: 20px;
font-family: "NeueHaasUnicaW1G-Regular";
}
.reward_step_wrapper .step_block .sign-up-button{
text-underline-offset: 10px;
padding-bottom: 5px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
}
.hide_desk_or_mobile {
display: none;
}
.hide_tablet_or_mobile {
display: none;
}
.Desktop-image,
.Desktop-Video {
display: none;
}
.Tablet-image,
.Tablet-Video {
display: none;
}
.Mobile-image,
.Mobile-Video {
display: flex;
height: 100%;
}
@media screen and (min-width: 768px) {
.hide_desk_or_tablet {
display: none;
}
.hide_desk_or_mobile {
display: flex;
}
.Desktop-image,
.Desktop-Video {
display: none;
}
.Tablet-image,
.Tablet-Video {
display: flex;
height: 100%;
}
.Mobile-image,
.Mobile-Video {
display: none;
}
}
@media screen and (min-width: 1024px) {
.hide_desk_or_mobile {
display: none;
}
.hide_tablet_or_mobile {
display: flex;
}
.Desktop-image,
.Desktop-Video {
display: flex !important;
height: 100%;
}
.Tablet-image,
.Tablet-Video {
display: none;
}
.Mobile-image,
.Mobile-Video {
display: none;
}
}
/*Hero section*/
.reward-hero-main .reward-hero-main {
position: relative;
}
.reward-hero-main .image-wrapper {
position: absolute;
top: 0;
/* z-index: -1; */
width: 100%;
height: 100%;
}
.reward-hero-main .image-wrapper .video-poster-image{
display: none;
}
.reward-hero-main .icon-wrapper {
max-width: 333px;
}
.reward-hero-main .section-content {
margin-top: 74px;
}
.reward-hero-main .description-text-content {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
row-gap: 10px;
text-align: center;
font-size: 14px;
}
.reward-hero-main .heading-with-background t{
margin-left: 20px;
}
.reward-hero-main .heading-with-background {
margin-left: 25px;
background: rgb(255 255 255 / 20%);
border-radius: 100px;
padding: 5px 25px 5px 26px;
}
.reward-hero-main .button-wrapper {
/* margin-top: 117px; */
display: flex;
flex-direction: column;
gap: 29px;
justify-content: center;
align-items: center;
}
section.reward-hero-main.reward-section {
position: relative;
margin-top: -5px;
}
.h-full {
height: 100%;
}
.reward-hero-main .button-with-link {
padding-block: 5px 4px;
display: inline-block;
text-decoration: none;
border-bottom: 1px solid #fff;
position: relative;
}
.reward-hero-main .button-with-link::after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -1px;
left: 0;
background-color: #fff;
transition: transform .25s ease-out;
}
.reward-hero-main .button-with-link:hover {
border-bottom-color: transparent !important;
}
.reward-hero-main .button-with-link:hover::after {
transform: scaleX(1);
}
.reward-hero-main .image-wrapper img{
width: 100%;
object-fit: cover;
height: 100%;
}
.lion-reward-item.lion-reward-item--checkout-redemption.lion-reward-item--customer {
display: none !important;
}
/*benefit tier section*/
.benefit-tier-items {
display: flex;
gap: 12px;
align-items: self-start;
--tier-width: 287.5px;
}
.account-tiers .benefit-tier-items{
gap: 10px;
}
.reward-content-wraper .section__header {
margin-bottom: 42px;
width: 100%;
}
.reward-content-wraper .benefit-tiers-content {
width: 100%;
}
.benefit-tier-items .benefit-tier-item {
border: 1px solid rgba(23, 23, 23, 1, 0.70);
width: calc((100% - 24px)/3);
}
.benefit-tier-items .benefit-tier-item .benefit-tier-item-content-inner{
padding-inline: 20px;
padding-bottom: 20px;
}
.reward__benefit-tier-section .benefit-tiers-content-wrapper .benefit-tier-items .benefit-tier-item-content img{
height: 100%;
object-fit: fill;
width: 100%;
}
.benefit-tier-items .benefit-tier-item .video-wrapper video {
height: 100%;
width: 100%;
object-fit: cover;
aspect-ratio: 1;
}
.benefit-tier-items .benefit-tier-item .video-poster-image,
.benefit-tier-items .benefit-tier-item .video-wrapper .video-control {
display: none;
}
.reward-content-wraper .point-reward-content{
width: 100%;
}
.benefit-tier-items .benefit-tier-item .tier-heading{
margin-bottom: 60px;
}
/* .benefit-tier-items .benefit-tier-item .desk_figure,
.benefit-tier-items .benefit-tier-item .tab_figure,
.benefit-tier-items .benefit-tier-item .mob_figure,
.benefit-tier-items .benefit-tier-item .desk_video,
.benefit-tier-items .benefit-tier-item .tab_video,
.benefit-tier-items .benefit-tier-item .mob_video,
.benefit-tier-items .benefit-tier-item .desk_figure img,
.benefit-tier-items .benefit-tier-item .tab_figure img,
.benefit-tier-items .benefit-tier-item .desk_video video,
.benefit-tier-items .benefit-tier-item .tab_video video,,
.benefit-tier-items .benefit-tier-item .hide_desk_or_mobile,
.benefit-tier-items .benefit-tier-item .hide_desk_or_tablet {
margin-bottom: 20px;
} */
.benefit-tier-items .benefit-tier-item .desk_figure img,
.benefit-tier-items .benefit-tier-item .tab_figure img,
.benefit-tier-items .benefit-tier-item .mob_figure img,
.benefit-tier-items .benefit-tier-item .desk_video video,
.benefit-tier-items .benefit-tier-item .tab_video video,
.benefit-tier-items .benefit-tier-item .mob_video video{
/* border-radius: 20px 20px 0px 0px; */
/* aspect-ratio: 1; */
object-fit: cover;
}
.benefit-tier-items .benefit-tier-item .tier-points{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 14px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: normal;
letter-spacing: -1.05px;
height: 21px;
}
.benefit-tier-items .benefit-tier-item .tier-points span{
font-size: 10px;
letter-spacing: -0.75px;
display: inline-flex;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading {
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 14px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: normal;
letter-spacing: -1.05px;
height: 20px;
margin-bottom:15px;
}
.benefit-tier-items .benefit-tier-item .tier-description{
margin-top: 10px;
text-align: justify;
padding-bottom: 28px;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper{
/* margin-top: 28px; */
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text{
font-size: 12px;
font-weight: 400;
letter-spacing: -0.9px;
line-height: 14px;
margin-top: 15px;
display: flex;
flex-direction: column;
gap: 15px;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ul li{
position: relative;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ul li::marker{
margin: 0 !important;
content: none;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text ul li::before{
content: "•";
font-size: 12px;
font-weight: 400;
line-height: 14px;
color: #171717;
margin-right: 5px;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text a {
text-decoration: underline;
}
.benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text p{
margin: 0;
}
/*Reward Point section*/
.reward__point-section .reward-points-items {
display: grid;
gap: 12px;
grid-template-columns: 1fr 1fr 1fr;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper {
padding: 29px 20px;
border: 1px solid;
border-radius: 10px;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-text{
font-size: 10px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
line-height: 15px;
margin-top: 10px;
font-family: "NeueHaasUnicaW1G-Regular";
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-heading{
font-size: 14px;
min-height: 42px;
line-height: 21px;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-content{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button .button-with-link{
font-size: 12px;
line-height: 18px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
}
.reward__point-section .reward-points-items .reward-point-ith-link {
grid-column: span 3;
padding: 27px 20px;
display: flex;
justify-content: space-between;
align-items: end;
}
.reward__point-section .reward-points-items .reward-point-ith-link .point-link-button{
line-height: 18px;
padding-block: 5px;
/* box-shadow: 0 1px 0 #171717; */
}
.reward__point-section .reward-points-items .reward-point-ith-link .point-link-button .button-with-link{
text-decoration: none;
}
.reward__point-section .reward-points-items .reward-point-ith-link .point-heading{
min-height: unset;
}
@media screen and (min-width: 1024px){
.reward-heading.h1 br{
display: none;
}
}
@media screen and (max-width: 1024px){
.reward_step_wrapper{
gap: 20px;
}
}
.reward-hero-main .image-wrapper video{
width: 100%;
height: 100%;
object-fit: cover;
}
.reward-hero-main .video-wrapper{
width: 100%;
height: 100%;
}
.benefit-tier-item-content .h-full{
aspect-ratio: 286/449;
}
@media screen and (min-width:999px){
.reward-hero-main .image-wrapper video{
height: 100%;
}
}
@media screen and (max-width: 768px){
.benefit-tier-items .benefit-tier-item .mob_figure img{
/* aspect-ratio: 235 / 247; */
}
.reward_step_wrapper .step_block{
max-width: unset;
display: flex;
flex-direction: column;
}
.benefit-tier-items .benefit-tier-item{
width: 100%;
}
.reward__faq-section .Faq__Question{
padding-right: 24px;
}
.reward-contant-main {
padding-inline: 0 ;
/* margin-top: 30px;
margin-bottom: 150px; */
padding-top: 20px;
padding-bottom: 150px;
}
.h1 {
font-size: 24px;
line-height: 24px;
margin-bottom: 30px !important;
}
.reward-subheading-wraper{
margin-top: 30px;
}
.reward-subheading-wraper .reward-subheading{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 38px;
}
.reward-contant-main .reward-subheading-wraper .reward-sub-description{
font-size: 20px;
line-height: 28px;
}
.reward_step_wrapper{
flex-direction: column;
width: 100%;
gap: 32px;
margin-top: 30px;
}
.reward_step_wrapper .step_block .steps-heading{
font-size: 20px;
line-height: 18px;
}
.reward_step_wrapper .step_block .steps-heading br{
display: none;
}
.reward_step_wrapper .step_block .step-subtext{
font-size: 12px;
line-height: 18px;
margin: 0;
margin-top: 5px;
}
.reward_step_wrapper .step_block .wrapper-sub{
display: flex;
flex-direction: row;
gap: 12px;
justify-content: space-between;
align-items: end;
}
.reward_step_wrapper .step_block .wrapper-sub .button-with-link{
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
.reward-content-wraper .button-wraper .sign-up-wraper,
.reward-content-wraper .button-wraper .login-wraper{
justify-content: start;
gap: 8px;
align-items: baseline;
}
.reward-content-wraper .button-wraper .sign-up-wraper .sign-up-button,
.reward-content-wraper .button-wraper .login-wraper .login-button,
.reward-contant-main .reward-content-wraper .button-wraper .reward-description{
font-size: 12px;
line-height: 18px;
}
.reward-content-wraper .button-wraper{
justify-content: start;
width: 100%;
padding: 0;
}
.reward-content-wraper .reward-heading_desc-wraper{
width: 100%;
}
.reward__point-section .reward-points-items{
grid-template-columns: 1fr;
}
.reward__point-section .reward-points-items .reward-point-ith-link{
grid-column: span 1;
flex-direction: column;
gap: 20px;
align-items: start;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-heading{
min-height: unset;
font-size: 12px;
line-height: 18px;
max-width: 170px;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-content{
flex-direction: row;
width: 100%;
gap: 5px;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button{
width: 100%;
max-width: fit-content;
padding-top: 5px;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-link-button .button-with-link{
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
.reward-content-wraper .reward-heading_desc-wraper:has(.reward-description) + .button-wraper{
margin-top: 30px;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper .point-text{
margin: 0;
font-size: 9px;
line-height: 13px;
text-wrap: nowrap;
text-align: start;
align-items: top;
display: flex;
}
.reward__point-section .reward-points-items .reward-point-item-wrapper{
padding: 20px;
padding-block: 19px;
}
.benefit-tier-items{
flex-wrap: wrap;
gap: 20px;
}
.account-rewards .benefit-tier-items{
flex-wrap: nowrap;
}
.reward-content-wraper .section__header{
margin-bottom: 30px;
padding-inline: 30px;
}
.reward-content-wraper .faq-content .heading-block{
margin-top: 30px;
}
.reward-content-wraper .faq-content .heading-block:first-child{
margin-top: 0;
}
.reward-content-wraper .faq-content .Faq__ItemWrapper{
padding-bottom: 16px;
}
.reward-content-wraper .faq-content .Faq__Item{
margin: 16px 0;
}
.reward-content-wraper .faq-content .Faq__Answer{
padding-top: 0;
}
.reward-content-wraper .faq-content .section__header-description{
margin-top: 16px;
}
.reward-hero-main .heading-with-background{
margin: 0;
}
.reward-hero-main .description-text-content .heading-welcome{
margin-right: 25px;
}
.reward-hero-main .description-text-content{
font-size: 12px;
}
.reward-hero-main .description-text-content .svg-icon-between-text{
display: none;
}
/* .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading{
line-height: 13px;
font-size: 9px;
} */
/* .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier_benefit-text{
gap: 10px;
margin-top: 10px;
} */
.reward-content-wraper .faq-content .section__header-description{
line-height: 18px;
padding-bottom: 16px;
font-size: 12px;
}
}
@media screen and (max-width:640px){
.reward__benefit-tier-section .reward-content-wraper .reward-heading{
font-size: 35px;
line-height: 28px; /* 80% */
letter-spacing: -2.625px;
}
.benefit-tier-item-content .h-full{
aspect-ratio: 375/449;
}
.benefit-tier-items .benefit-tier-item{
border-inline: 0;
}
}
/* account */
.account-rewards.account-reward-menu {
position: relative; /* Initial position */
z-index: 1000; /* Adjust z-index as needed */
}
/* .account-rewards.account-reward-menu.sticky {
position: fixed;
top: 0;
margin: 0;
margin-inline: calc((100% - 720px) / 2);
width: 100%;
background: white;
}
.account-rewards.account-reward-menu.sticky .reward-page-menu ul.reward-tabs{
background-color: white;
} */
section.reward-account-page-hero {
/* max-width: 718px;
padding-inline: 34px; */
margin-inline: auto;
margin-block: 20px 44px;
}
section.account-rewards{
max-width: 945px;
/* margin-block: 40px 150px; */
margin-inline: auto;
color: #171717;
padding-inline: 30px;
position: relative;
z-index: 1;
}
section.account-rewards.account-tiers {
max-width: 943px;
}
section.reward-account-page-hero .customer-name{
font-family: "NeueHaasUnicaW1G-Regular";
display: flex;
justify-content: center;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px;
letter-spacing: -1.05px;
padding-bottom: 20px;
}
section.reward-account-page-hero .section__header{
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
max-width: 728px;
padding-inline: 30px;
margin-inline: auto;
}
section.reward-account-page-hero .section__header .section-subheading{
font-size: 30px;
line-height: 44px;
margin-bottom: 0;
font-family: "NeueHaasUnicaW1G-Regular";
}
section.reward-account-page-hero .account-hero-contemt-wrapper .desk_figure img,
section.reward-account-page-hero .account-hero-contemt-wrapper .tab_figure img,
section.reward-account-page-hero .account-hero-contemt-wrapper .mob_figure img,
section.reward-account-page-hero .account-hero-contemt-wrapper .desk_video video,
section.reward-account-page-hero .account-hero-contemt-wrapper .tab_video video,
section.reward-account-page-hero .account-hero-contemt-wrapper .mob_video video{
width: 100%;
object-fit: cover;
}
section.reward-account-page-hero .account-hero-contemt-wrapper .desk_figure,
section.reward-account-page-hero .account-hero-contemt-wrapper .tab_figure,
section.reward-account-page-hero .account-hero-contemt-wrapper .desk_video,
section.reward-account-page-hero .account-hero-contemt-wrapper .tab_video{
width: 100%;
margin-top: -40.55px;
z-index: -1;
position: relative;
}
section.reward-account-page-hero .account-hero-contemt-wrapper .mob_figure,
section.reward-account-page-hero .account-hero-contemt-wrapper .mob_video{
z-index: -1;
margin-top: -30px;
position: relative;
width: 100%;
}
section.reward-account-page-hero .account-hero-contemt-wrapper .video-wrapper {
width: 100%;
}
section.reward-account-page-hero .section__header .tier-heading{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 80px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: normal;
height: 120px;
margin-top: -32.45px;
display: flex;
align-items: center;
text-wrap: nowrap;
letter-spacing: -6px;
}
.tier-progress-bar-item-wrapper {
display: flex;
justify-content: space-between;
/* max-width: 315px; */
margin: 0 auto;
border-radius: 7.395px;
border: 0.74px solid #171717;
height: 12px;
position: relative;
margin-top: 26px;
max-width: 660px;
}
.tier-progress-bar-item-wrapper span.tier-name {
position: absolute;
bottom: 100%;
right: 0;
width: 100%;
font-family: ABeeZee, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 12px; /* 100% */
letter-spacing: -0.9px;
text-transform: capitalize;
padding-bottom: 11px;
}
.js-tier-name.progress-item {
position: relative;
flex: 1;
}
#loyaltylion {
--color-white: #fff;
--color-primary-main: #171717;
--color-background: #FFF9EF;
}
#loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list {
all: unset;
gap: 13px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-action-button--disabled,
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions button,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-action-button--disabled{
min-height: unset;
}
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions button{
line-height: 15px;
}
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions{
display: flex;
/* padding: 0; */
/* right: 10px; */
/* bottom: 39.5px; */
/* box-shadow: 0 1px #fff; */
grid-column: 2;
grid-row: 2;
background-color: var(--color-primary-main);
width: 100%;
height: 100%;
align-items: center;
padding-right: 8px;
position: unset;
}
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text{
/* text-wrap: nowrap; */
font-size: 14px;
font-weight: 400;
line-height: 15px;
letter-spacing: -1.05px;
color: var(--color-white);
text-transform: capitalize;
text-decoration: underline;
text-underline-offset: 3px;
position: relative;
}
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links) .lion-reward-item__actions{
display: none;
}
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:not(:empty)) {
opacity: 1;
padding: 0;
}
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:not(:empty)):hover .reward-background-image{
scale: 1.03;
transition: scale 0.4s ease;
}
#loyaltylion .lion-reward-item .lion-reward-item__content > img{
display: none;
}
#loyaltylion .lion-reward-item .lion-reward-item__content{
padding: 0;
justify-content: end;
display: grid;
grid-template-columns: minmax(0,156px) minmax(0, 131px);
grid-template-rows:minmax(0,350px) 1fr;
}
#loyaltylion .lion-reward-item .lion-reward-item__content .rule-image-wrapper{
grid-row: 1;
grid-column: 1 / -1;
}
#loyaltylion .lion-reward-item, #loyaltylion .lion-rule-item{
aspect-ratio: 286 / 410;
max-width: 286px;
}
#loyaltylion .lion-rule-item__content{
display: grid;
grid-template-columns: minmax(0, 156px) minmax(0, 131px);
grid-template-rows: minmax(0, 350px) 1fr;
}
#loyaltylion .lion-reward-item:has(.two-column-layout), #loyaltylion .lion-rule-item:has(.two-column-layout){
grid-column: 1 / 3;
aspect-ratio: 585 / 410;
max-width: 585px;
}
#loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content {
padding: 0;
box-shadow: none;
border: 1px solid var(--color-primary-main);
border-radius: 0px;
flex-direction: column;
align-items: start;
min-height: 100%;
background-color: transparent;
justify-content: end;
}
#loyaltylion .lion-rule-item__content.two-column-layout,
#loyaltylion .lion-reward-item__content.two-column-layout{
grid-template-columns: minmax(0, 318px) minmax(0, 268px);
}
#loyaltylion .lion-rule-item__content:has(.lion-rule-item__actions:empty) .lion-rule-item__title{
grid-column: 1 / -1;
}
#loyaltylion .lion-reward-item__content .rule-image-wrapper,
#loyaltylion .lion-rule-item__content .rule-image-wrapper{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
grid-column: 1 / -1;
grid-row: 1;
}
#loyaltylion .lion-reward-item__content .rule-image-wrapper video,
#loyaltylion .lion-rule-item__content .rule-image-wrapper video{
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#loyaltylion .lion-reward-item__content .rule-image-wrapper .reward-background-image,
#loyaltylion .lion-rule-item__content .rule-image-wrapper .reward-background-image{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
scale: 1.009 ;
transition: scale 0.4s ease;
}
#loyaltylion .lion-reward-item__content:hover .rule-image-wrapper .reward-background-image,
#loyaltylion .lion-rule-item__content:hover .rule-image-wrapper .reward-background-image{
scale: 1.03;
transition: scale 0.4s ease;
}
#loyaltylion .lion-reward-item__content:has(.lion-action-button--disabled):hover .rule-image-wrapper .reward-background-image,
#loyaltylion .lion-rule-item__content:has(.lion-action-button--disabled):hover .rule-image-wrapper .reward-background-image{
scale: 1.006;
}
#loyaltylion .lion-reward-item__content{
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
position: relative;
padding-block: 28.5px;
}
#loyaltylion .lion-reward-item__content .lion-reward-item__actions{
margin: 0;
position: absolute;
right: 20px;
bottom: 28.5px;
box-shadow: 0 1px 0 rgba(23, 23, 23, 1, 0.20);
padding-block: 5px;
}
#loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty) {
justify-content: end;
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content{
box-shadow: none;
border: 1px solid var(--color-primary-main);
}
.lion-referral-modal--more:empty{
display: none;
}
#loyaltylion .lion-referral-modal--header,
#loyaltylion .lion-referral-modal--header h1{
padding: 0;
font-size: 16px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: 18px;
letter-spacing: -1.2px;
text-align: left;
color: var(--color-primary-main);
}
#loyaltylion .lion-referral-modal--header{
height: 32px;
border-bottom: 1px solid #171717;
margin-bottom: 8px;
}
#loyaltylion .lion-action-button{
border: none;
padding: 5px 0;
font-size: 14px;
font-weight: 400;
line-height: 14px;
letter-spacing: -1.05px;
min-height: 34px;
/* display: flex; */
align-items: center;
justify-content: center;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile{
border: none;
padding: 0;
font-size: 14px;
line-height: 15px;
font-weight: 400;
letter-spacing: -1.05px;
color: #fff;
text-transform: capitalize;
min-height: unset;
text-decoration: underline;
text-underline-offset: 2px;
position: relative;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile .lion-rule-item__limit-reached::before{
background-color: #fff;
}
#loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a::after,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text::after,
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text::after,
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--color-white);
transform: scaleX(0);
transition: transform .25s ease-out;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile::after{
bottom: -1px;
}
#loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__links{
display: none;
}
#loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__actions .lion-action-button--disabled{
position: relative;
}
#loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__content:has(.lion-reward-item__actions .lion-action-button--disabled):hover .reward-background-image{
scale: 1.009;
}
#loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__content:has(.lion-reward-item__actions .lion-action-button--disabled){
opacity: 0.3;
}
#loyaltylion .lion-reward-item.lion-reward-item--product-cart .lion-reward-item__actions{
display: flex !important;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile:hover,
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover{
text-decoration: none;
}
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover::after,
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile:hover::after,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text:hover::after{
transform: scaleX(1);
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions:not(:empty){
margin: 0;
position: unset;
right: 8px;
bottom: 39.5px;
/* box-shadow: 0 1px #fff; */
/* padding-block: 0; */
grid-column: 2;
grid-row: 2;
background-color: var(--color-primary-main);
height: 100%;
display: flex;
align-items: center;
justify-content: end;
padding-right: 8px;
}
#loyaltylion .lion-action-button--tile:hover{
background: transparent;
color: var(--lion-button-tile-text-color);
}
#loyaltylion .lion-reward-item__title:empty,
#loyaltylion .lion-reward-item__links:empty{
padding: 0;
}
#loyaltylion .lion-reward-item__title, #loyaltylion .lion-rule-item__title{
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding: 8px;
font-family: "NeueHaasUnicaW1G-Regular";
color: var(--color-white);
background-color: var(--color-primary-main);
display: flex;
justify-content: start;
width: 100%;
/* order: 5; */
/* padding-right: 144px; */
align-items: center;
text-align: left;
grid-row: 2;
grid-column: 1;
height: 100%;
}
#loyaltylion .lion-reward-item__meta{
line-height: 14px;
margin-top: 0px;
display: flex;
width: 100%;
justify-content: start;
align-items: center;
order: 8;
background-color: var(--color-background);
grid-column: 1 / -1;
}
#loyaltylion .lion-reward-item .lion-reward-item__links{
padding: 0;
position: unset;
right: 10px;
bottom: 39.5px;
/* box-shadow: 0 1px var(--color-white); */
text-transform: capitalize;
grid-column: 2;
grid-row: 2;
background: var(--color-primary-main);
height: 100%;
align-items: center;
display: flex;
padding-block: 8px;
justify-content: end;
padding-right: 8px;
}
#loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url{
min-height: unset;
display: flex;
}
#loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a{
text-decoration: underline;
text-underline-offset: 1px;
color: var(--color-white);
font-size: 14px;
line-height: 15px;
letter-spacing: -1.05px;
min-height: unset;
text-transform: capitalize;
position: relative;
}
#loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a:hover{
text-decoration: none;
color: var(--color-white);
}
#loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a:hover::after{
transform: scaleX(1);
}
#loyaltylion .lion-reward-item .lion-reward-item__meta .lion-reward-item__percent-off{
display: none;
}
#loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost{
font-size: 14px;
margin: 0;
line-height: 14px;
font-weight: 400;
text-transform: capitalize;
padding: 8px 7px 7px 8px;
width: 100%;
background-color: var(--color-background);
color: var(--color-primary-main);
display: flex;
justify-content: start;
align-items: center;
order: 7;
}
#loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost .text{
text-transform: capitalize;
}
#loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost::before{
content: none;
}
#loyaltylion .lion-rewards-list .lion-reward-item__meta .value{
position: relative;
}
#loyaltylion .lion-rules-list .lion-rule-item__points .value{
position: relative;
}
#loyaltylion .lion-rules-list .lion-rule-item__points span.value:before{
content: "+";
position: absolute;
/* top: -2px; */
left: -5px;
font-size: 10px;
line-height: 15px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
#loyaltylion .lion-rules-list .lion-rule-item__points .text{
text-transform: capitalize;
}
#loyaltylion .lion-rules-list .lion-rule-item__points{
background-color: var(--color-background);
color: var(--color-primary-main);
margin: 0;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: capitalize;
padding: 8px;
padding-left: 13px;
width: 100%;
order: 6;
grid-column: 1 / -1;
}
#loyaltylion .lion-screen--light{
background: rgba(255, 249, 239, 0.90);
}
#loyaltylion .lion-reward-item__meta .lion-reward-item__cost,
#loyaltylion .lion-rule-item__points{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 10px;
line-height: 15px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
margin-top: 10px;
color: #171717;
}
#loyaltylion .lion-reward-item__actions:not(:empty),
#loyaltylion .lion-rule-item__actions:not(:empty){
margin: 0;
position: absolute;
right: 20px;
bottom: 28.5px;
box-shadow: 0 1px 0 #171717;
padding-block: 8px;
}
#loyaltylion .lion-reward-item__content:has(.lion-action-button--disabled) ,
#loyaltylion .lion-rule-item__content:has(.lion-action-button--disabled){
box-shadow: none;
opacity: 0.3;
border: 1px solid var(--color-primary-main);
}
#loyaltylion .lion-reward-item__actions:has(.lion-action-button--disabled),
#loyaltylion .lion-rule-item__actions:has(.lion-action-button--disabled){
box-shadow: 0 1px 0 rgba(23, 23, 23, 1, 0.2);
}
#loyaltylion .lion-action-button--tile.lion-action-button--disabled{
border: none;
}
#loyaltylion .lion-action-button--tile,
#loyaltylion .lion-rule-item__actions:not(:empty) .lion-instagram-follow__link{
border: none;
text-underline-offset: 5px;
padding: 0;
font-size: 12px;
line-height: 18px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
color: #171717;
}
.lion-reward-item__icon, #loyaltylion .lion-rule-item__icon {
display: none !important;
}
#loyaltylion .lion-claimed-rewards-list{
padding: 0;
gap: 13px;
background-color: transparent;
grid-template-columns: repeat(3, 1fr);
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item{
box-shadow: 0 0 0 1px var(--color-primary-main);
aspect-ratio: 286 / 410;
align-items: end;
padding: 0;
border-radius: 0;
width: 100%;
background-color: transparent;
position: relative;
overflow: hidden;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout{
grid-column: 1 / 3;
aspect-ratio: 585 / 410;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .reward-background-image{
position: absolute;
top: 0;
left: 0;
aspect-ratio: 288 / 353;
transition: scale 0.4s ease;
object-fit: cover;
scale: 1.006;
width: 100%;
z-index: -1;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout .reward-background-image,
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout video {
aspect-ratio: 587 / 352;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item:hover .reward-background-image{
scale: 1.03;
transition: scale 0.4s ease;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item video{
position: absolute;
top: 0;
left: 0;
object-fit: cover;
aspect-ratio: 288 / 353;
width: 101%;
z-index: -1;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__left{
display: flex;
flex-direction: column;
width: 100%;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__title{
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding: 8px;
padding-right: 105px;
letter-spacing: -1.05px;
font-family: "NeueHaasUnicaW1G-Regular";
color: var(--color-white);
background-color: var(--color-primary-main);
}
#loyaltylion .lion-claimed-reward-item__chevron{
background-color: transparent;
width: unset;
height: unset;
mask: none;
position: relative;
}
#loyaltylion .lion-claimed-reward-item__chevron::before{
content: "Redeem";
position: absolute;
top: -52px;
left: -55.45px;
bottom: 0;
font-family:"NeueHaasUnicaW1G-Regular";
color: var(--color-white);
display: flex;
width: 100%;
text-wrap: nowrap;
text-underline-offset: 5px;
padding: 0;
font-size: 14px;
letter-spacing: -1.05px;
line-height: 14px;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 1px;
}
#loyaltylion .lion-claimed-reward-item__chevron::after{
content: "";
height: 1px;
width: 46px;
left: -55.45px;
/* background-color: var(--color-white); */
position: absolute;
bottom: 38px;
transform: scaleX(0);
transition: transform .25s ease-out;
border-bottom: 1px solid var(--color-white);
}
#loyaltylion .lion-claimed-reward-item__chevron:hover::before{
text-decoration: none;
}
#loyaltylion .lion-claimed-reward-item__chevron:hover::after{
transform: scaleX(1);
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__date{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 14px;
line-height: 14px;
font-weight: 400;
padding: 8px;
text-transform: capitalize;
letter-spacing: -1.05px;
color: var(--color-primary-main);
background-color: var(--color-background);
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__icon{
display: none;
}
@media screen and (max-width: 768px){
/* #loyaltylion .lion-reward-item, #loyaltylion .lion-rule-item{
aspect-ratio: 183 / 303;
} */
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item{
display: flex;
flex-direction: column;
padding: 0;
justify-content: end;
aspect-ratio: 183 / 303;
}
#loyaltylion .lion-reward-item:nth-child(2n) .lion-reward-item__content, #loyaltylion .lion-rule-item:nth-child(2n) .lion-rule-item__content{
border-right: 0;
}
#loyaltylion .lion-reward-item:nth-child(2n + 1) .lion-reward-item__content, #loyaltylion .lion-rule-item:nth-child(2n + 1) .lion-rule-item__content{
border-left: 0;
}
#loyaltylion:has(.lion-rule-item__content.two-column-layout) .lion-rule-item:nth-child(2n + 1) .lion-rule-item__content{
border-right: 0;
border-left: 1px solid var(--color-primary-main);;
}
#loyaltylion:has(.lion-rule-item__content.two-column-layout) .lion-rule-item:nth-child(2n) .lion-rule-item__content{
border-left: 0;
border-right: 1px solid var(--color-primary-main);;
}
.reward-earn-points #loyaltylion:has(.lion-rule-item__content.two-column-layout) .lion-rule-item .lion-rule-item__content.two-column-layout{
border-inline: 0;
}
#loyaltylion .lion-rule-item__content.two-column-layout{
grid-template-columns: minmax(300px,1fr) minmax(60px,1fr);
}
#loyaltylion .lion-rule-item__content,
#loyaltylion .lion-reward-item .lion-reward-item__content
{
/* aspect-ratio: 183/303; */
grid-template-columns:62% 38%;
grid-template-rows: 1fr;
}
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions{
right: 8px !important;
left: unset;
width: 100%;
justify-content: end;
}
#loyaltylion .lion-reward-item:has(.two-column-layout),
#loyaltylion .lion-rule-item:has(.two-column-layout),
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item.two-column-layout{
aspect-ratio: 375 / 303;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__title,
#loyaltylion .lion-claimed-reward-item__chevron:before,
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item__date,
#loyaltylion .lion-reward-item__title,
#loyaltylion .lion-rule-item__title,
#loyaltylion .lion-rewards-list .lion-reward-item__meta .lion-reward-item__cost,
#loyaltylion .lion-reward-item .lion-reward-item__content .lion-reward-item__actions .lion-reward-item__redeem-button-text,
#loyaltylion .lion-reward-item .lion-reward-item__content:has(.lion-reward-item__links:empty) .lion-reward-item__actions .lion-reward-item__redeem-button-text,
#loyaltylion .lion-reward-item .lion-reward-item__links .lion-reward-item__more-info-url a{
font-size: 12px;
letter-spacing: -0.9px;
}
#loyaltylion .lion-reward-item .lion-reward-item__links{
right: 8px;
bottom: 38.5px;
}
#loyaltylion .lion-reward-item .lion-reward-item__meta .lion-reward-item__percent-off,
#loyaltylion .lion-rule-item__content .lion-rule-item__actions .lion-action-button--tile,
#loyaltylion .lion-rules-list .lion-rule-item__points{
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: -0.9px;
}
#loyaltylion .lion-claimed-reward-item__chevron:before{
top: -51px;
}
#loyaltylion .lion-claimed-reward-item__chevron:after{
width: 41px;
}
#loyaltylion .lion-claimed-reward-item__chevron::before,
#loyaltylion .lion-claimed-reward-item__chevron::after{
left: -49.45px;
}
#loyaltylion .lion-rule-item__content.two-column-layout{
grid-template-rows: minmax(0, 1fr);
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .reward-background-image,
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item video
{
height: calc(100% - 60px);
object-position: top;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__left{
display: flex;
justify-content: space-between;
width: 100%;
}
section.account-rewards.reward-history{
padding-inline:0;
}
.account-rewards .account-reward-description{
padding-inline: 30px;
}
.account-rewards .account-reward-heading{
padding-inline: 30px;
}
#loyaltylion .lion-claimed-rewards-list .lion-claimed-reward-item .lion-claimed-reward-item__left .lion-claimed-reward-item__date{
margin: 0;
}
}
/* popup design rewards landing page */
#loyaltylion .lion-modal{
border: 1px solid var(--color-primary-main);
box-shadow: none;
border-radius: 0;
background: var(--color-background);
padding: 19px;
max-width: 316px;
display: flex;
flex-direction: column;
}
#loyaltylion .lion-reward-item__requirements{
display: none;
}
#loyaltylion .lion-modal__content{
padding: 0;
}
#loyaltylion .lion-referral-modal--incentive--code{
background: none;
border: none;
padding: 0;
min-height: unset;
margin:0;
}
#loyaltylion .lion-referral-modal--incentive{
margin-bottom: 12px;
}
#loyaltylion .lion-referral-modal--incentive--message{
margin-bottom: 24px;
padding: 0;
text-align: left;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: -0.9px;
color: var(--color-primary-main);
font-family:"NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-reward-code{
width: 100%;
}
#loyaltylion .lion-modal__close-button{
height: 24px;
width: 24px;
top: 20px;
right: 20px;
opacity: 1;
color: var(--color-primary-main);
}
#loyaltylion .lion-modal__close-button:focus-visible{
outline: none;
}
#loyaltylion .lion-modal__header{
border-bottom: none;
border-radius: 10px;
background: transparent;
}
#loyaltylion .lion-modal__header .lion-modal__title{
padding-top: 0;
padding-bottom: 14px;
padding-inline: 0;
padding-right: 36px;
color: var(--color-primary-main);
font-size: 16px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: 18px;
font-family: "NeueHaasUnicaW1G-Regular";
border-bottom: 1px solid var(--color-primary-main);
letter-spacing: -1.2px;
margin-bottom: 8px;
}
#loyaltylion .lion-history-info-modal-content__basic{
padding: 0;
padding-top: 12px;
}
#loyaltylion .lion-modal--history-info .lion-modal__header{
border-bottom: none;
border-radius: 0px;
}
#loyaltylion .lion-history-info-modal-content__comment{
padding: 0;
margin: 0;
border-top: none;
background-color: transparent;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: -0.9px;
color: var(--color-primary-main);
text-align: start;
position: relative;
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info{
display: flex;
flex-direction: row-reverse;
justify-content: start;
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__points{
font-size: 12px;
font-weight: 400;
line-height: 14px;
font-family: "NeueHaasUnicaW1G-Regular";
letter-spacing: -0.9px;
margin: 0;
padding-left: 4px;
position: relative;
color: var(--color-primary-main);
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__points::after{
content: "POINTS:";
position: absolute;
top: -12px;
left: 0;
font-size: 8px;
letter-spacing: -0.6px;
font-weight: 400;
line-height: 12px;
font-family: "NeueHaasUnicaW1G-Regular";
color: var(--color-primary-main);
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__points:before{
content: "-";
position: absolute;
mask: none;
background-color: transparent;
height: unset;
width: unset;
left: 0;
font-size: 10px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
line-height: 15px;
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__state-bubble{
margin-left: 35px;
position: unset !important;
font-size: 12px;
font-style: normal;
line-height: 14px;
font-weight: 400;
color: var(--color-primary-main);
letter-spacing: -0.9px;
font-family: "NeueHaasUnicaW1G-Regular";
background: transparent;
border-radius: 0;
align-items: center;
text-align: center;
display: flex;
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__state-bubble::after{
content: "status:";
position: absolute;
top: 0;
text-transform: uppercase;
font-size: 8px;
letter-spacing: -0.6px;
font-weight: 400;
line-height: 12px;
font-family: "NeueHaasUnicaW1G-Regular";
color: var(--color-primary-main);
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__date{
order: -1;
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 12px;
font-style: normal;
font-weight: 400;
letter-spacing: -0.9px;
line-height: 14px;
color: var(--color-primary-main);
text-transform: lowercase;
margin-left: 3px;
align-items: center;
}
#loyaltylion .lion-history-info-modal-content__basic .lion-history-info-modal-content__info .lion-history-info-modal-content__date::before{
content: none;
width: 0;
height: 0;
mask: none;
}
#loyaltylion .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button{
padding-bottom: 3px;
padding-top: 1px;
}
#loyaltylion .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--confirm{
background-color: #171717;
padding-bottom: 3px;
padding-top: 1px;
}
#loyaltylion .lion-birthday-entry-form .lion-action-button{
font-family: "NeueHaasUnicaW1G-Regular";
display: flex;
background: var(--color-primary-main);
color: var(--color-white);
padding-block: 5px;
width: 100%;
border-radius: 0;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
line-height: 14px;
letter-spacing: -1.05px;
margin-top: 8px;
}
#loyaltylion .lion-action-button:active{
box-shadow: none;
background: transparent;
color: #171717;
}
#loyaltylion .lion-redeem-reward-modal__confirm-summary,
#loyaltylion .lion-modal__content .lion-action-modal__description,
#loyaltylion .lion-birthday-action .lion-birthday-action__help{
color: var(--color-primary-main);
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 12px;
line-height: 14px;
font-weight: 400;
letter-spacing: -0.9px;
text-align: left;
}
#loyaltylion .lion-modal--history-info,
#loyaltylion .lion-modal--small{
max-width: 316px;
}
#loyaltylion .lion-modal__content--no-padding .lion-history-info-modal-content{
display: flex;
flex-direction: column-reverse;
gap: 12px;
}
#loyaltylion .lion-history-info-modal-content__comment .lion-reward-code{
margin: 0;
width:100%;
}
#loyaltylion .lion-reward-code .lion-reward-code__code{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 12px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: 14px;
background-color: transparent;
color: var(--color-primary-main);
border: 1px dashed var(--color-primary-main);
border-radius: 10px;
width: 100%;
padding: 9px 19px;
margin: 0;
}
#loyaltylion .lion-reward-code .lion-copy-to-clipboard-button{
position: absolute;
opacity: 0;
width: 100%;
max-width: 276px;
cursor: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2222%22%20viewBox%3D%220%200%2017%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1987_8651)%22%3E%3Cpath%20d%3D%22M0%2012.9585C0%2010.782%200%208.60539%200%206.42882C0%204.93665%200.984207%203.93268%202.44535%203.93006C2.65252%203.93006%202.92552%203.99764%203.04943%203.89134C3.18044%203.77913%203.08041%203.49304%203.08944%203.28306C3.1088%202.83422%203.05524%202.38408%203.13204%201.93656C3.31533%200.872879%204.23758%200.0218036%205.29858%200.0119608C7.39866%20-0.00838101%209.49937%200.00408656%2011.5994%200.00408656C11.8105%200.00408656%2011.9918%200.0867662%2012.1383%200.239658C13.6782%201.84404%2015.2175%203.44973%2016.756%205.05542C16.9271%205.2339%2016.9994%205.44848%2016.9994%205.6998C16.9968%209.02207%2017.0006%2012.3437%2016.9961%2015.666C16.9942%2017.0427%2015.9829%2018.0624%2014.6295%2018.0729C14.3972%2018.0748%2014.0848%2017.9908%2013.9544%2018.1103C13.8041%2018.2481%2013.917%2018.5709%2013.908%2018.813C13.8912%2019.2698%2013.9493%2019.7304%2013.8447%2020.1825C13.5937%2021.2646%2012.665%2021.9975%2011.5343%2021.9995C9.29672%2022.0028%207.05983%2022.0002%204.82229%2022.0002C4.04977%2022.0002%203.27725%2022.0002%202.50473%2022.0002C0.97259%2021.9988%200%2021.0152%200%2019.4633C0%2017.2953%200%2015.1266%200%2012.9585ZM1.54569%2012.9585C1.54569%2015.1594%201.54569%2017.3596%201.54569%2019.5604C1.54569%2020.1084%201.85999%2020.4279%202.40017%2020.4279C5.44121%2020.4286%208.4829%2020.4292%2011.5239%2020.4279C12.037%2020.4279%2012.361%2020.1057%2012.361%2019.5926C12.3629%2016.5328%2012.361%2013.4736%2012.3655%2010.4138C12.3655%2010.2537%2012.3249%2010.2098%2012.1674%2010.2117C11.4839%2010.2209%2010.7998%2010.2176%2010.1157%2010.215C8.73331%2010.2104%207.73103%209.19006%207.72651%207.78253C7.72457%207.09551%207.71812%206.40782%207.73103%205.72145C7.7349%205.53116%207.67811%205.49703%207.50385%205.49769C5.82199%205.50491%204.14077%205.50163%202.4589%205.50163C1.83159%205.50163%201.5444%205.79297%201.5444%206.43013C1.5444%208.60605%201.5444%2010.782%201.5444%2012.9579L1.54569%2012.9585ZM15.4524%2011.0917C15.4524%209.56146%2015.4498%208.03123%2015.4562%206.501C15.4569%206.33302%2015.4214%206.28052%2015.2478%206.2838C14.5637%206.29496%2013.8796%206.29102%2013.1955%206.28774C11.826%206.28183%2010.8224%205.26081%2010.8166%203.86903C10.814%203.17347%2010.8127%202.47791%2010.8185%201.78236C10.8198%201.63799%2010.8043%201.56975%2010.6301%201.57041C8.89981%201.57828%207.16955%201.57303%205.43928%201.57631C4.9604%201.57697%204.64159%201.90703%204.63771%202.39655C4.63384%202.83816%204.6461%203.28043%204.63255%203.72205C4.62739%203.89856%204.68095%203.93531%204.84617%203.93399C6.01302%203.92612%207.17987%203.93662%208.34672%203.92546C8.67716%203.92218%208.92886%204.03242%209.15797%204.27259C10.6249%205.81266%2012.097%207.34748%2013.573%208.87771C13.8079%209.12116%2013.9138%209.38691%2013.9125%209.73075C13.9035%2011.9152%2013.9099%2014.1003%2013.9041%2016.2848C13.9041%2016.4508%2013.9351%2016.5223%2014.1113%2016.502C14.2545%2016.4855%2014.4004%2016.4987%2014.5456%2016.4987C15.1555%2016.498%2015.4511%2016.2001%2015.4511%2015.5839C15.4511%2014.0865%2015.4511%2012.5891%2015.4511%2011.0917H15.4524ZM12.372%202.90378C12.372%203.15051%2012.372%203.49304%2012.372%203.83557C12.372%203.86838%2012.3707%203.90118%2012.372%203.93334C12.39%204.34542%2012.6785%204.6768%2013.0767%204.69911C13.4498%204.72011%2013.8254%204.7037%2014.1997%204.7037L14.2365%204.64989C13.6014%204.05539%2012.967%203.46023%2012.372%202.90312V2.90378ZM9.28123%206.83697C9.28123%207.06073%209.28123%207.38685%209.28123%207.71232C9.28123%207.76154%209.27994%207.81075%209.28123%207.85931C9.29866%208.27139%209.5865%208.60408%209.9847%208.62705C10.3584%208.6487%2010.7333%208.63164%2011.1083%208.63164L11.1445%208.58046C10.5094%207.98595%209.87434%207.39145%209.28123%206.83697Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M1.5459%2012.9584C1.5459%2010.7825%201.5459%208.60654%201.5459%206.43062C1.5459%205.79346%201.83309%205.50212%202.4604%205.50212C4.14227%205.50212%205.82349%205.50474%207.50535%205.49818C7.67961%205.49752%207.7364%205.53164%207.73253%205.72194C7.71962%206.40897%207.72543%207.09599%207.72801%207.78302C7.73253%209.18989%208.73416%2010.2103%2010.1172%2010.2155C10.8013%2010.2181%2011.4848%2010.2208%2012.1689%2010.2122C12.327%2010.2103%2012.3677%2010.2542%2012.367%2010.4143C12.3625%2013.4741%2012.3644%2016.5333%2012.3625%2019.5931C12.3625%2020.1062%2012.0379%2020.4284%2011.5254%2020.4284C8.4844%2020.4297%205.44271%2020.4297%202.40167%2020.4284C1.86149%2020.4284%201.54719%2020.1089%201.54719%2019.5609C1.5459%2017.3601%201.54719%2015.1599%201.54719%2012.959L1.5459%2012.9584ZM6.92903%2012.5719C7.9255%2012.5719%208.92261%2012.5719%209.91908%2012.5712C10.0152%2012.5712%2010.114%2012.5732%2010.2069%2012.5529C10.5948%2012.4669%2010.8562%2012.0955%2010.8142%2011.7018C10.7716%2011.3002%2010.4412%2011.0029%2010.0178%2011.0023C7.97648%2010.9997%205.93514%2011.001%203.89315%2011.0023C3.82151%2011.0023%203.74794%2011.0082%203.67888%2011.0259C3.2994%2011.125%203.0548%2011.482%203.09546%2011.8704C3.13676%2012.2628%203.46204%2012.5679%203.86798%2012.5699C4.88898%2012.5752%205.90932%2012.5719%206.93032%2012.5719H6.92903ZM6.94581%2015.7144C7.95067%2015.7144%208.95488%2015.715%209.95974%2015.7144C10.467%2015.7144%2010.8187%2015.3882%2010.8168%2014.925C10.8149%2014.463%2010.4631%2014.1441%209.95199%2014.1434C7.95067%2014.1428%205.94934%2014.1428%203.94801%2014.1434C3.43816%2014.1434%203.08965%2014.4669%203.09159%2014.9322C3.09352%2015.3935%203.44526%2015.7137%203.95575%2015.7144C4.95222%2015.7157%205.94934%2015.7144%206.94581%2015.7144ZM6.95936%2018.8568C7.95583%2018.8568%208.95294%2018.8575%209.94941%2018.8568C10.4638%2018.8568%2010.8129%2018.5412%2010.8162%2018.0779C10.82%2017.6127%2010.4702%2017.2866%209.96232%2017.2859C7.9526%2017.2853%205.94353%2017.2846%203.93381%2017.2859C3.44074%2017.2859%203.09481%2017.6081%203.09094%2018.0635C3.08707%2018.5274%203.4388%2018.8555%203.94478%2018.8562C4.94964%2018.8575%205.9545%2018.8562%206.95936%2018.8562V18.8568Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M15.4523%2011.0915C15.4523%2012.589%2015.4523%2014.0864%2015.4523%2015.5838C15.4523%2016.2%2015.1567%2016.4979%2014.5468%2016.4985C14.4022%2016.4985%2014.2557%2016.4854%2014.1124%2016.5018C13.9363%2016.5215%2013.9046%2016.4506%2013.9053%2016.2846C13.9111%2014.1002%2013.9046%2011.9151%2013.9137%209.7306C13.915%209.38676%2013.8091%209.12101%2013.5742%208.87756C12.0976%207.34733%2010.6254%205.81251%209.15914%204.27244C8.93003%204.03227%208.67833%203.92203%208.34789%203.92531C7.18104%203.93647%206.01419%203.92597%204.84734%203.93384C4.68148%203.93516%204.62791%203.89841%204.63372%203.7219C4.64727%203.28028%204.63501%202.83801%204.63888%202.3964C4.6434%201.90688%204.96157%201.57747%205.44045%201.57616C7.17072%201.57288%208.90098%201.57813%2010.6313%201.57026C10.8055%201.5696%2010.821%201.63784%2010.8197%201.7822C10.8139%202.47776%2010.8145%203.17332%2010.8178%203.86888C10.8236%205.26131%2011.8271%206.28234%2013.1966%206.28759C13.8808%206.29021%2014.5649%206.29481%2015.249%206.28365C15.4226%206.28103%2015.4581%206.33287%2015.4574%206.50085C15.451%208.03108%2015.4535%209.56131%2015.4535%2011.0915H15.4523Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.3722%202.90363C12.9672%203.46073%2013.6016%204.05589%2014.2367%204.6504L14.1999%204.7042C13.8256%204.7042%2013.4506%204.72061%2013.0769%204.69961C12.6787%204.6773%2012.3902%204.34527%2012.3722%203.93384C12.3709%203.90103%2012.3722%203.86822%2012.3722%203.83607C12.3722%203.49354%2012.3722%203.15035%2012.3722%202.90428V2.90363Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M9.28113%206.83679C9.87359%207.39127%2010.5086%207.98578%2011.1444%208.58028L11.1082%208.63146C10.7339%208.63146%2010.3583%208.64853%209.9846%208.62687C9.58705%208.6039%209.29856%208.27122%209.28113%207.85913C9.2792%207.80992%209.28113%207.76136%209.28113%207.71215C9.28113%207.38602%209.28113%207.06055%209.28113%206.83679Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M6.92862%2012.5719C5.90762%2012.5719%204.88727%2012.5752%203.86628%2012.5699C3.46098%2012.568%203.13506%2012.2628%203.09376%2011.8704C3.0531%2011.4813%203.2977%2011.1244%203.67718%2011.0259C3.74624%2011.0082%203.81981%2011.0023%203.89145%2011.0023C5.93279%2011.001%207.97413%2010.9997%2010.0161%2011.0023C10.4395%2011.0023%2010.7699%2011.2996%2010.8125%2011.7018C10.8545%2012.0955%2010.5931%2012.4669%2010.2052%2012.5529C10.1123%2012.5732%2010.0135%2012.5713%209.91738%2012.5713C8.92091%2012.5726%207.92379%2012.5719%206.92733%2012.5719H6.92862Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.94554%2015.7143C5.94907%2015.7143%204.95195%2015.715%203.95548%2015.7143C3.44499%2015.7143%203.09325%2015.3935%203.09132%2014.9322C3.08938%2014.4669%203.43853%2014.1441%203.94774%2014.1434C5.94907%2014.1428%207.9504%2014.1428%209.95172%2014.1434C10.4629%2014.1434%2010.8146%2014.463%2010.8165%2014.925C10.8185%2015.3882%2010.4674%2015.7137%209.95947%2015.7143C8.95461%2015.7157%207.9504%2015.7143%206.94554%2015.7143Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.95927%2018.8569C5.95441%2018.8569%204.94955%2018.8575%203.94469%2018.8569C3.43871%2018.8562%203.08698%2018.5281%203.09085%2018.0642C3.09472%2017.6088%203.44065%2017.2866%203.93372%2017.2866C5.94344%2017.2853%207.95251%2017.2853%209.96223%2017.2866C10.4701%2017.2866%2010.8193%2017.6134%2010.8161%2018.0786C10.8122%2018.5419%2010.4637%2018.8569%209.94932%2018.8575C8.95285%2018.8582%207.95574%2018.8575%206.95927%2018.8575V18.8569Z%22%20fill%3D%22%23161616%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1987_8651%22%3E%3Crect%20width%3D%2217%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E'),auto;
}
@media screen and (max-width: 768px){
#loyaltylion .lion-history-info-modal-content__basic{
padding-top: 19px;
}
}
.tier-progress-wrapper {
position: relative;
}
.js-tier-name.progress-item .tier-progress-wrapper {
position: absolute;
content: "";
width: 4px;
height: 4px;
background: #1c1c1c;
border-radius: 50%;
top: 50%;
transform: translate(0, -50%);
left: 68px;
}
.js-tier-name.progress-item[data-tier="2"] .tier-progress-wrapper {
left: 50%;
transform: translate(-50%, -50%);
}
.js-tier-name.progress-item[data-tier="3"] .tier-progress-wrapper {
left: auto;
right: 68px;
}
.js-tier-name.progress-item[data-tier="3"] span.tier-name {
text-align: right;
}
.tier-progress-bar-item-wrapper::after {
content: "";
position: absolute;
width: var(--width);
height: 100%;
display: block;
background: #171717;
overflow: hidden;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.tier-progress-bar-item-wrapper::before {
content: "";
position: absolute;
width: 11px;
height: 100%;
border-radius: 50%;
left: calc(var(--width) - 5px);
z-index: 1;
background-color: #171717;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
}
.reward-page-menu ul.reward-tabs {
display: flex;
list-style: none;
white-space: nowrap;
justify-content: space-between;
gap: 4px;
overflow: auto;
scroll-behavior: smooth;
scroll-snap-type: x;
}
.reward-page-menu ul.reward-tabs:focus-visible{
outline: none;
}
.rewardtab-wrapper{
position: relative;
}
.rewardtab-wrapper.sticky-menu{
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background-color: white;
}
.reward-page-menu .rewardtab-wrapper::after{
content: " ";
position: absolute;
bottom: 0px;
height: 1px;
background: rgba(23, 23, 23, 1, .2);
left: 0;
width:100%;
}
.reward-page-menu ul.reward-tabs::-webkit-scrollbar {
display: none;
}
.reward-page-menu ul.reward-tabs li{
padding: 10px;
padding-block: 10.5px;
font-size: 14px;
line-height: 14px;
font-family: "NeueHaasUnicaW1G-Regular";
}
.reward-page-menu ul.reward-tabs li:has(a.reward-tab.active) {
border-bottom: 1px solid;
font-family: "NeueHaasUnicaW1G-Regular";
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
}
.account-tiers .benefit-tier-items .benefit-tier-item .tier-description{
font-size: 12px;
line-height: 14px;
font-weight: 400;
font-family: "NeueHaasUnicaW1G-Regular";
padding-inline: 20px;
}
.account-tiers .benefit-tier-items .benefit-tier-item .tier-description a{
text-decoration: underline;
}
.account-tiers .benefit-tier-items .benefit-tier-item .benefit-text-wrapper{
padding-inline: 20px;
padding-block-end: 20px;
}
.account-tiers .benefit-tier-items .benefit-tier-item .tier-points{
line-height: 24px;
padding-inline: 20px;
}
.account-tiers .benefit-tier-items .benefit-tier-item .benefit-text-wrapper .tier-benefit_heading{
line-height: 15px;
text-transform: capitalize;
}
.account-rewards.account-tiers .benefit-tier-item-content .h-full img{
height: 100%;
object-fit: fill;
}
.js-tier-name.progress-item[data-tier="2"] span.tier-name {
text-align: center;
}
.js-tier-name.progress-item[data-tier="1"] span.tier-name{
padding-left:23px;
}
.js-tier-name.progress-item[data-tier="3"] span.tier-name{
margin-right: 33px;
}
.tier-progress-bar-items .progress-reached-text {
display: flex;
flex-direction: column;
max-width: 660px;
margin: 0 auto;
text-align: center;
justify-content: center;
padding-top: 10px;
}
.tier-progress-bar-items .progress-reached-text .reached-heading{
font-family: "NeueHaasUnicaW1G-Regular";
/* margin-left: calc(var(--width) - 47px); */
font-size: 14px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: normal;
letter-spacing: -1.05px;
}
.tier-progress-bar-items .progress-reached-text .reached-away-text{
font-family:"NeueHaasUnicaW1G-Regular";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px; /* 116.667% */
letter-spacing: -0.9px;
}
.tier-progress-bar-items .progress-reached-text[tier="1"] .reached-heading,
.tier-progress-bar-items .progress-reached-text[tier="1"] .reached-away-text
{
text-align: start;
}
/* .tier-progress-bar-items .progress-reached-text[tier="2"] .reached-heading,
.tier-progress-bar-items .progress-reached-text[tier="2"] .reached-away-text{
text-align: left;
} */
.tier-progress-bar-items .progress-reached-text[tier="3"] .reached-heading{
text-align: end;
margin-right: 24px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
.tier-progress-bar-items .progress-reached-text[tier="3"] .reached-away-text{
display: none;
}
.availabe-points-wrapper{
font-family:"NeueHaasUnicaW1G-Regular";
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 20px;
max-width: 728px;
padding-inline: 34px;
margin-inline: auto;
padding-bottom: 67px;
}
.availabe-points-wrapper .available-text{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 14px; /* 100% */
letter-spacing: -1.05px;
}
.availabe-points-wrapper .avalilabe-points{
font-family: "NeueHaasUnicaW1G-Regular";
/* line-height: 69px; */
font-size: 45px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: 38px; /* 84.444% */
letter-spacing: -3.375px;
height: 46px;
margin-block: 12px;
}
.availabe-points-wrapper .avalilabe-points span{
text-transform: lowercase;
}
.availabe-points-wrapper .avalilabe-points .js-total-points,
.availabe-points-wrapper .avalilabe-points .js-total-points span{
font-size: 45px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: 38px;
letter-spacing: -3.375px;
}
.availabe-points-wrapper .pending-points{
font-size: 14px;
font-weight: 400;
line-height: 14px;
letter-spacing: -1.05px;
}
.availabe-points-wrapper .pending-points span{
text-transform: lowercase;
font-size: 14px;
line-height: 14px;
font-weight: 400;
letter-spacing: -1.05px;
}
section.account-rewards.account-reward-menu{
margin: 0;
margin-top: 44px;
margin-inline: auto;
}
@media screen and (min-width: 769px) and (max-width:1000px){
section.account-rewards.account-reward-menu,
.reward-page-menu.shopify-section.sticky-menu>section.account-reward-menu{
max-width: 100%;
margin: 0 ;
}
}
section.account-rewards .section__header{
margin-bottom: 0;
}
.account-rewards .account-reward-heading {
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 35px;
font-weight: 400;
line-height: 28px; /* 80% */
letter-spacing: -2.625px;
margin-bottom: 12px;
color: var(--color-primary-main);
}
.account-rewards .account-reward-description{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 12px;
line-height: 14px;
margin-bottom: 20px;
color: var(--color-primary-main);
letter-spacing: -0.9px;
}
#loyaltylion .lion-history-table tbody tr:first-child td{
padding-top: 5px;
}
.account-rewards .account-reward-description a{
text-decoration: underline;
}
.account-rewards .benefit-tiers-content .benefit-tiers-content-wrapper{
overflow: scroll;
}
.account-rewards .swiper-wrapper ::-webkit-scrollbar{
display: none ;
}
.account-rewards .benefit-tier-items .video-wrapper video {
height: 100%;
width: 100%;
object-fit: cover;
aspect-ratio: 1;
}
.account-rewards .benefit-tier-items .video-wrapper .video-control,
.account-rewards .benefit-tier-items .video-poster-image {
display: none;;
}
.account-rewards .benefit-tiers-content .benefit-tiers-content-wrapper .benefit-tier-items .benefit-tier-item{
min-width: var(--tier-width);
/* flex: 1; */
max-width: var(--tier-width);
height: fit-content;
}
@media screen and (max-width:640px){
.account-rewards.account-tiers .benefit-tier-items .benefit-tier-item{
border: 1px solid #171717;
}
.account-rewards.account-tiers .benefit-tier-item-content .h-full{
aspect-ratio: 343/449;
}
.account-rewards.account-tiers .benefit-tier-items{
gap: 8px;
}
}
/* table css account page */
#loyaltylion .lion-history-table{
border: 1px solid #171717;
border-radius: 0;
overflow: hidden;
border-collapse: inherit;
/* padding-block: 10px 20px;
padding-bottom: 15px; */
}
#loyaltylion .lion-history-table__row:nth-child(even){
background-color: transparent;
}
#loyaltylion .lion-history-table__header-cell{
background-color: transparent;
text-transform: none;
}
#loyaltylion .lion-history-table thead tr{
font-size: 10px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: 12px;
font-family: "NeueHaasUnicaW1G-Regular";
position: relative;
}
#loyaltylion .lion-history-table tbody tr{
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px;
position: relative;
}
#loyaltylion .lion-history-table thead th{
/* border-bottom: 1px solid #171717; */
font-size: 12px;
line-height: 14px;
width: 23%;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
color: #171717;
padding-inline: 10px;
text-align: start;
position: relative;
padding-bottom: 10px;
text-transform: uppercase ;
letter-spacing: -.9px;
}
#loyaltylion .lion-history-table thead tr:first-child::before{
content: "";
position: absolute;
background: #171717;
height: 1px;
width: 100%;
left: 0;
bottom: 0;
}
#loyaltylion .lion-history-table__row-cell,
#loyaltylion .lion-history-table th{
padding-inline: 25px;
}
#loyaltylion .lion-history-table__row{
background-color: inherit;
}
#loyaltylion .lion-history-table td{
padding-block: 10px 5px;
font-family: "NeueHaasUnicaW1G-Regular";
/* padding-bottom: 5px; */
width: 23%;
font-size: 12px;
line-height: 14px;
font-weight: 400;
text-align: start;
text-transform: lowercase;
color: #171717;
padding-inline: 10px;
}
#loyaltylion .lion-history-table tbody tr{
display: flex;
justify-content: space-between;
gap: 5px;
padding-inline: 10px;
}
#loyaltylion .lion-history-table thead tr{
display: flex;
justify-content: space-between;
gap: 5px;
padding-inline: 10px;
}
#loyaltylion .lion-history-table tbody tr td,
#loyaltylion .lion-history-table thead tr th{
width: fit-content;
padding-inline: 0;
}
#loyaltylion .lion-history-table tbody tr td:first-child,
#loyaltylion .lion-history-table thead tr th:first-child{
min-width: 62px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(2),
#loyaltylion .lion-history-table thead tr th:nth-child(2){
min-width: 67px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(3),
#loyaltylion .lion-history-table thead tr th:nth-child(3){
min-width: 181px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(4),
#loyaltylion .lion-history-table thead tr th:nth-child(4){
min-width: 42px;
}
#loyaltylion .lion-history-table__row-cell:last-child,
#loyaltylion .lion-history-table th:last-child{
min-width: 55px;
}
@media screen and (max-width:640px){
#loyaltylion .lion-history-table tbody tr td:first-child,
#loyaltylion .lion-history-table thead tr th:first-child{
padding-inline: 0;
min-width: 48px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(2),
#loyaltylion .lion-history-table thead tr th:nth-child(2){
min-width: 67px;
}
#loyaltylion .lion-history-table tbody tr ,
#loyaltylion .lion-history-table thead tr{
justify-content: unset;
gap: 14px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(3),
#loyaltylion .lion-history-table thead tr th:nth-child(3){
min-width: 124px;
}
#loyaltylion .lion-history-table tbody tr td:nth-child(4),
#loyaltylion .lion-history-table thead tr th:nth-child(4){
min-width: 56px;
padding-right: 21px;
}
#loyaltylion .lion-history-table tbody tr td:last-child,
#loyaltylion .lion-history-table thead tr th:last-child{
min-width: 45px;
}
#loyaltylion .lion-history-table tbody tr,
#loyaltylion .lion-history-table thead tr{
padding-inline: 30px;
}
#loyaltylion .lion-history-table thead th{
text-transform: capitalize;
}
#loyaltylion .lion-history-table tbody tr td{
font-size: 10px;
line-height: normal;
letter-spacing: -0.75px;
}
.account-rewards .account-reward-description{
margin-bottom: 20px;
}
#loyaltylion .lion-history-table tbody tr:first-child td{
padding-top: 9px;
}
#loyaltylion .lion-history-table{
border-inline: none;
}
}
#loyaltylion .lion-history-table tbody tr:last-child td{
padding-bottom: 15px;
}
#loyaltylion .lion-history-table__row .lion-history-state-bubble--approved{
opacity: 1;
color: #176D00;
text-transform: lowercase;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: -0.9px;
}
#loyaltylion .lion-history-table .lion-history-table__row:hover{
background-color:#FAF3E9;
}
#loyaltylion .lion-history-table .lion-history-table__row:hover .lion-history-state-bubble--approved{
color: #176D00;
}
.account-rewards .reward-content-wraper .faq-content .Faq__Answer{
text-align: justify;
}
#loyaltylion .lion-history-state-bubble--pending{
background-color: transparent;
padding: 0;
color: #D98F00;
opacity: 1;
text-transform: lowercase;
}
#loyaltylion .lion-history-table__row:hover .lion-history-state-bubble--pending{
color: #D98F00;
}
.account-rewards.reward__faq-section .Faq__Question span.reward_Faq__Icon{
width:7px;
font-family: "NeueHaasUnicaW1G-Regular";
}
.account-rewards .reward-content-wraper .faq-content .Faq__Answer,
.account-rewards .reward__faq-section .Faq__Question,
.account-rewards .reward_Faq__Item[aria-expanded=true] .Faq__Question{
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-history-state-bubble--approved{
background-color: transparent;
padding: 0;
}
#loyaltylion .lion-rule-item__completed::before{
display: none;
}
.account-rewards .benefit-tiers-content .benefit-tiers-content-wrapper::-webkit-scrollbar{
display: none;
}
#loyaltylion .lion-claimed-rewards-list--empty{
padding: 0;
aspect-ratio: 286 / 410;
width: -webkit-fill-available;
height: -webkit-fill-available;
font-family: "NeueHaasUnicaW1G-Regular";
box-shadow: 0 0 0 1px var(--color-primary-main);
font-size: 14px;
line-height: 14px;
border: none;
color: var(--color-primary-main);
border-radius: 0;
display: flex;
flex-direction: column-reverse;
gap: 0;
align-items: start;
justify-content: end;
}
.claimed-rewards-list-items #loyaltylion:has(.lion-claimed-rewards-list--empty){
gap: 13px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
#loyaltylion .lion-claimed-rewards-list--empty:hover .reward-background-image,
#loyaltylion .lion-claimed-rewards-list--empty.two-column-layout:hover .reward-background-image{
scale: 1.03;
transition: scale .4s ease;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-background-image{
scale: 1.01;
transition: scale .4s ease;
}
#loyaltylion .lion-claimed-rewards-list--empty.two-column-layout .reward-background-image{
scale: 1.01;
transition: scale .4s ease;
}
#loyaltylion .lion-claimed-rewards-list--empty.two-column-layout{
aspect-ratio: 585 / 410;
grid-column: 1 / 3;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper{
display: flex;
justify-content: space-between;
width: 100%;
background: var(--color-primary-main);
color: var(--color-white);
font-size: 14px;
line-height: 14px;
font-weight: 400;
letter-spacing: -1.05px;
align-items: center;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-original-content{
display: flex;
width: 100%;
justify-content: start;
align-items: center;
color: var(--color-primary-main);
background-color: transparent;
padding: 8px;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button{
text-decoration: underline;
text-underline-offset: 1px;
text-transform: capitalize;
position: relative;
margin-right: 8px;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--color-white);
transform: scaleX(0);
transition: transform .25s ease-out;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button:hover{
text-decoration: none;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button:hover::after{
transform: scaleX(1);
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-heading{
margin: 0;
padding: 8px;
padding-right: 0;
}
.tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="1"] .js-tier-name[data-tier="3"] .tier-name,
.tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="1"] .js-tier-name[data-tier="2"] .tier-name,
.tier-progress-bar-items .tier-progress-bar-item-wrapper[tier="2"] .js-tier-name[data-tier="3"] .tier-name{
color: rgba(23, 23, 23, 1, 0.2);
}
#loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content{
display: flex;
flex-direction: column;
}
#loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content .lion-reward-item__meta {
position: relative;
color: #171717;
font-family: "NeueHaasUnicaW1G-Regular";
font-size: 10px;
line-height: 15px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
@media screen and (max-width: 768px){
#loyaltylion .lion-history-table__row .lion-history-state-bubble--approved{
font-size: 10px;
font-weight: 400;
line-height: 15px;
letter-spacing: -0.75px;
}
.availabe-points-wrapper .avalilabe-points{
height: 38px;
}
#loyaltylion .lion-history-table tbody tr td:first-child,
#loyaltylion .lion-history-table thead tr th:first-child{
padding-inline: 0;
}
#loyaltylion .lion-claimed-rewards-list--empty.two-column-layout{
aspect-ratio: 375/303;
}
.availabe-points-wrapper .pending-points span,
#loyaltylion .lion-claimed-rewards-list--empty .reward-original-content,
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-heading,
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button{
text-align: start;
font-size: 12px;
line-height: 14px;
letter-spacing: -0.9px;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper{
gap: 8px;
justify-content: space-between;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-empty-content-wrapper .reward-empty-button{
text-wrap: nowrap;
text-align: start;
}
#loyaltylion .lion-claimed-rewards-list--empty{
gap: 0 !important;
aspect-ratio: 184 / 303;
}
#loyaltylion .lion-claimed-rewards-list--empty .reward-background-image{
max-width: 100%;
}
.extra-section section.account-rewards{
padding-inline: 0;
}
.reward-page-menu ul.reward-tabs li{
max-height: min-content;
margin-block: auto;
}
.reward-page-menu ul.reward-tabs li:has(a.reward-tab.active) {
line-height: 21px;
}
#loyaltylion .lion-reward-item--checkout-redemption .lion-reward-item__content .lion-reward-item__meta{
position: absolute;
bottom: 20px;
color: #171717;
}
.tier-progress-bar-items .progress-reached-text[tier="1"],
.tier-progress-bar-items .progress-reached-text[tier="2"]
{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
width: 100%;
padding-left: 9px;
}
.tier-progress-bar-items .progress-reached-text[tier="3"]
{
display: flex;
flex-direction: row;
justify-content: end;
width: 100%;
align-items: end;
}
.tier-progress-bar-items .progress-reached-text[tier="1"] .reached-heading{
/* max-width: 47px;
margin-left: 9.23px; */
line-height: 21px;
}
.tier-progress-bar-items .progress-reached-text[tier="1"] .reached-away-text{
/* max-width: 109px; */
text-align: end;
}
.tier-progress-bar-items .progress-reached-text[tier="2"] .reached-heading{
max-width: 100%;
font-size: 14px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: normal;
letter-spacing: -1.05px;
}
.tier-progress-bar-items .progress-reached-text[tier="2"] .reached-away-text{
max-width: 100%;
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.6px;
text-transform: uppercase;
}
.tier-progress-bar-items .progress-reached-text[tier="3"] .reached-heading{
max-width: 47px;
display: flex;
text-align: center !important;
margin-right: 9.23px;
line-height: 10px !important;
}
#loyaltylion .lion-rewards-list .lion-reward-item__meta span.value:before,
#loyaltylion .lion-rules-list .lion-rule-item__points span.value:before{
line-height: 13px;
}
#loyaltylion .lion-claimed-rewards-list
{
gap: 8px;
row-gap: 12px;
grid-template-columns: repeat(2, 1fr);
}
.claimed-rewards-list-items #loyaltylion:has(.lion-claimed-rewards-list--empty){
grid-template-columns: repeat(2, 1fr);
gap: 8px;
row-gap: 12px;
}
.tier-progress-bar-items .progress-reached-text,
.tier-progress-bar-item-wrapper{
max-width: 313.45px;
}
.js-tier-name.progress-item[data-tier="3"] span.tier-name{
margin: 0;
}
.js-tier-name.progress-item[data-tier="1"] span.tier-name{
padding-inline: 0;
padding-bottom: 7px;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.75px;
}
.tier-progress-bar-items .progress-reached-text{
padding-top: 7px;
}
.js-tier-name.progress-item .tier-progress-wrapper{
left: 18.5px;
}
.js-tier-name.progress-item[data-tier="3"] .tier-progress-wrapper{
right: 18px;
}
.js-tier-name.progress-item .tier-progress-wrapper{
left: 14px;
}
.tier-progress-bar-items .progress-reached-text .reached-away-text{
font-size: 8px;
line-height: 10px;
font-weight: 400;
}
.tier-progress-bar-items .progress-reached-text .reached-away-text span{
text-transform: uppercase;
}
.tier-progress-bar-items .progress-reached-text[tier="3"] .reached-heading{
text-align: end;
margin-right: 0;
font-size: 12px;
line-height: 18px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
.tier-progress-bar-item-wrapper::before {
width: 11px;
height: 12px;
border-radius: 50%;
}
.tier-progress-bar-item-wrapper::after{
height: 12px;
}
.tier-progress-bar-item-wrapper{
height: 13px;
}
.reward-page-menu ul.reward-tabs li{
padding: 14px;
}
.account-rewards.account-reward-menu.sticky{
margin-inline: auto;
width: 100%;
max-width: unset;
}
section.reward-account-page-hero .customer-name{
font-size: 12px;
line-height: 14px;
padding-bottom: 12px;
}
section.reward-account-page-hero .section__header{
margin-top: 30px;
padding-inline: 8.5px;
}
section.reward-account-page-hero{
margin-block: 20px 67px;
}
/* section.account-rewards{
margin-block: 17px 100px;
} */
section.reward-account-page-hero .account-hero-contemt-wrapper .tab_figure{
margin-top: -23px;
}
.reward-account-page-hero .tier-progress-bar-items .availabe-points-wrapper{
margin-top: 12px;
padding-bottom: 40px;
}
section.reward-account-page-hero .section__header .section-subheading{
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
section.reward-account-page-hero .section__header .tier-heading{
font-size: 60px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: normal;
letter-spacing: -4.5px;
height: 90px;
}
.tier-progress-bar-item-wrapper span.tier-name{
font-size: 10px;
line-height: 12px;
padding-bottom: 7px;
}
.tier-progress-bar-item-wrapper{
margin-top: 20px;
}
.availabe-points-wrapper .available-text{
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px; /* 116.667% */
letter-spacing: -0.9px;
}
/* .availabe-points-wrapper .avalilabe-points{
font-size: 26px;
line-height: 38px;
} */
.account-rewards .account-reward-heading{
font-size: 24px;
line-height: 24px;
letter-spacing: -1.8px;
margin-bottom: 8px;
}
.account-rewards .account-reward-description{
font-size: 10px;
line-height: 15px;
letter-spacing: -0.75px;
}
#loyaltylion .lion-history-table thead th:nth-child(3),
#loyaltylion .lion-history-table tbody td:nth-child(3){
width: 30%;
}
#loyaltylion .lion-history-table thead th,
#loyaltylion .lion-history-table tbody td{
line-height: normal;
letter-spacing: -0.9px;
color: #171717;
text-align: start;
font-size: 12px;
padding-top: 9px;
padding-bottom: 7px;
width: fit-content;
}
#loyaltylion .lion-history-table thead th{
padding-inline: 7px;
padding-bottom: 7px;
padding-top: 12px;
}
#loyaltylion .lion-reward-item__actions:not(:empty), #loyaltylion .lion-rule-item__actions:not(:empty){
left: 20px;
bottom: 20px;
box-shadow: 0 1px #171717;
padding-block: 5px;
justify-content: flex-start;
/* max-width: fit-content; */
font-size: 12px;
line-height: 18px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
}
#loyaltylion .lion-reward-item__title:empty, #loyaltylion .lion-reward-item__links:empty{
display: none;
}
#loyaltylion .lion-reward-item__content{
display: flex;
flex-direction: column;
align-items: start;
}
#loyaltylion .lion-reward-item .lion-reward-item__content{
flex-direction: column;
gap: 0;
}
#loyaltylion .lion-reward-item__meta,
#loyaltylion .lion-rule-item__points{
margin-top: 0;
}
#loyaltylion .lion-reward-item__meta{
font-size: 9px;
line-height: 13px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
#loyaltylion .lion-reward-item__title, #loyaltylion .lion-rule-item__title{
display: flex;
justify-content: start;
align-items: center;
text-align: start;
padding-right: 0;
}
#loyaltylion .lion-reward-item__content:has(.lion-reward-item__actions:empty) .lion-reward-item__title , #loyaltylion .lion-rule-item__content:has(.lion-rule-item__actions:empty) .lion-rule-item__title {
margin-bottom: 0;
}
#loyaltylion .lion-reward-item__meta .lion-reward-item__cost, #loyaltylion .lion-rule-item__points{
font-size: 9px;
line-height: 13px;
text-wrap: nowrap;
}
#loyaltylion .lion-reward-item__actions:has(.lion-action-button--disabled), #loyaltylion .lion-rule-item__actions:has(.lion-action-button--disabled) {
box-shadow: 0 1px #17171733;
}
#loyaltylion .lion-reward-item__content, #loyaltylion .lion-rule-item__content{
gap: 8px;
row-gap: 12px;
flex-direction: column;
align-items: start;
gap: 0;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions:not(:empty){
left: unset;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__icon-wrap:has(.lion-rule-item__icon:empty){
display: none;
}
#loyaltylion .lion-rule-item__content .lion-rule-item__actions:empty{
display: none;
}
#loyaltylion .lion-rewards-list, #loyaltylion .lion-rules-list{
gap: 8px;
row-gap: 12px;
grid-template-columns: repeat(2, 1fr);
}
.benefit-tier-items{
--tier-width: 345px;
}
#loyaltylion .lion-history-table th{
line-height: 10px;
padding-inline: 7px;
padding-block: 0 8.75px;
}
#loyaltylion .lion-history-table__row-cell{
padding-inline: 7px;
padding-block: 11.8px 4.8px;
}
#loyaltylion .lion-history-table__row-cell:first-child,
#loyaltylion .lion-history-table th:first-child,
#loyaltylion .lion-history-table td:first-child{
padding-left: 30px;
}
.account-rewards .reward-content-wraper .faq-content .Faq__ItemWrapper{
padding-bottom: 14px;
}
#loyaltylion .lion-history-table tbody tr:last-child td{
padding-bottom: 12px;
}
#loyaltylion .lion-history-table tbody td{
padding-inline: 5px;
}
#loyaltylion .lion-reward-item:has(.two-column-layout), #loyaltylion .lion-rule-item:has(.two-column-layout),
#loyaltylion .lion-reward-item, #loyaltylion .lion-rule-item {
max-width: calc(100%);
width: 100%;
}
.account-rewards .reward-content-wraper .faq-content .section__header-description{
font-size: 10px;
line-height: 12px;
font-weight: 400;
margin-top: 14px;
}
.account-rewards .reward-content-wraper .faq-content .heading-block{
font-size: 12px;
line-height: 18px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 900;
}
.account-rewards.reward__faq-section .Faq__Question{
font-size: 10px;
line-height: 12px;
}
.account-rewards.account-tiers .account-reward-heading,
.account-rewards.account-tiers .account-reward-description{
padding-inline: 30px;
}
.account-rewards.account-tiers .account-reward-description{
margin-bottom: 40px;
}
.account-rewards.reward-history .account-reward-description{
margin-bottom: 30px;
}
section.account-rewards.account-tiers{
padding-inline: 0;
}
.benefit-tiers-content.swiper{
margin-left: -600px;
}
.account-rewards.account-tiers .benefit-tier-items{
padding-inline: 600px;
overflow: scroll;
}
.account-rewards.account-tiers .benefit-tier-items::-webkit-scrollbar{
display: none;
}
section.account-rewards.reward__faq-section{
margin-bottom: 160px;
}
}
.reward-page-menu.shopify-section.sticky-menu > section{
position: fixed;
top: 0;
margin: 0;
margin-inline: calc((100% - 945px) / 2);
width: 100%; /* Ensure it spans the full width */
background: #FFF9EF;
}
.reward-page-menu.shopify-section.sticky-menu > .extra-section{
padding-top: 35px;
}
/* .reward-page-menu.shopify-section.sticky-menu >* section.account-rewards{
margin-top: 0;
padding-top: 75px;
margin-bottom: 75px;
} */
.shopify-section section.reward__faq-section.account-rewards{
padding-top: 75px;
margin-top: 0;
}
.reward-page-menu.shopify-section.sticky-menu >* section.account-rewards.account-reward-menu{
padding-top: 0;
}
@media screen and (max-width:768px){
/* .reward-page-menu.shopify-section.sticky-menu >* section.account-rewards{
margin-top: 0;
padding-top: 75px;
margin-bottom: 25px;
} */
.shopify-section section.reward__faq-section.account-rewards{
padding-top: 75px;
}
.reward-page-menu.shopify-section.sticky-menu > section{
margin-inline: auto;
width: 100%;
max-width: unset;
}
}
.video-wrapper.video-item-wrap .video-poster-image,.video-wrapper.video-item-wrap .video-control{
display: none;
}
/* SPRINT 3 CSS CHANGES */
#loyaltylion .lion-reward-code .lion-reward-code__code{
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
/* line-height: normal; */
letter-spacing: -0.9px;
text-transform: uppercase;
}
#loyaltylion .lion-modal{
border: 1px solid var(--color-primary-main);
border-radius: 0;
}
#loyaltylion .lion-referral-modal--incentive--code .lion-reward-code .lion-copy-to-clipboard-button {
max-width: 276px;
}
#loyaltylion .lion-referral-modal--continue{
padding: 0 !important;
}
#loyaltylion .lion-referral-modal--continue .lion-action-button{
border-radius: 0;
background: var(--color-primary-main);
color: var(--color-white);
font-family:"NeueHaasUnicaW1G-Regular";
text-transform: capitalize;
display: flex;
align-items: center;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content div:has(.lion-referral-modal--continue){
order: 5;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content:has(.lion-referral-modal--header){
display: flex;
flex-direction: column;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content:has(.lion-referral-modal--header) .lion-referral-modal--incentive{
order:7;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content .lion-referral-modal--header{
order: 9;
padding-right: 36px;
font-family:"NeueHaasUnicaW1G-Regular";
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal__content:has(.lion-referral-modal--header) .rule-image-wrapper{
order: 8;
margin-bottom: 8px;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal .rule-image-wrapper video,
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal .rule-image-wrapper img{
max-width: 276px;
aspect-ratio: 276 / 217;
object-fit: cover;
object-position: center;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal .rule-image-wrapper{
order: 2;
aspect-ratio: 276 / 217;
overflow: hidden;
margin-bottom: 12px;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal--rule-action .rule-image-wrapper {
margin-bottom: 12px;
}
#loyaltylion #lion-loyalty-panel-custom-css .lion-modal .lion-modal__content{
order: 3;
display: flex;
flex-direction: column-reverse;
}
#loyaltylion .lion-history-info-modal-content__comment-expiry{
font-size: 8px;
font-weight: 400;
line-height: 12px;
position: absolute;
bottom: -38px;
right: 0;
display: flex;
max-width: 53px;
text-transform: uppercase;
letter-spacing: -0.6px;
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-history-info-modal-content__comment-min-spend{
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-modal__close-button{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M7 17.4316L16.977 7.50003' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 17.5L7.023 7.56838' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
#loyaltylion .lion-modal.lion-redeem-reward-modal{
max-width: 316px;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__confirm-summary{
font-size: 14px;
line-height: 14px;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
letter-spacing: -1.05px;
margin-bottom: 6px;
color: var(--color-primary-main);
display: flex;
align-items: center;
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-redeem-reward-modal--product_cart .lion-redeem-reward-modal__confirm-box .lion-redeem-reward-modal__confirm-summary-extra,
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-reward-description-modal-content{
text-align: left;
display: flex;
font-size: 14px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 14px;
letter-spacing: -0.9px;
color: var(--color-primary-main);
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-redeem-reward-modal--product_cart .lion-redeem-reward-modal__confirm-box .lion-redeem-reward-modal__confirm-summary-extra{
padding: 0;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__minimum-spend,
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__expiration-message{
font-size: 12px;
justify-content: start;
font-weight: 400;
line-height: 14px; /* 116.667% */
letter-spacing: -0.9px;
color: var(--color-primary-main);
padding: 0;
display: flex;
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__minimum-spend:before{
content: none;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container{
margin-top: 12px;
display: flex;
flex-direction: column-reverse;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button{
border-radius: 0;
display: flex;
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 14px;
letter-spacing: -1.05px;
background-color: var(--color-primary-main);
color: var(--color-white);
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--confirm:hover{
background-color: transparent;
border: 1px solid var(--color-primary-main);
color: var(--color-primary-main);
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel{
background-color: transparent;
color: var(--color-primary-main);
text-decoration: underline;
padding: 0;
min-height: unset;
margin-top: 8px;
position: relative;
margin-inline: auto;
min-width: unset;
max-width: fit-content;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel:hover{
text-decoration: none;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--color-primary-main);
transform: scaleX(0);
transition: transform .25s ease-out;
}
#loyaltylion .lion-modal.lion-redeem-reward-modal .lion-redeem-reward-modal__button-container .lion-action-button.lion-redeem-reward-modal__button--cancel:hover::after{
transform: scaleX(1);
transition: transform .25s ease-out;
}
#loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__select--month,
#loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--day,
#loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--year{
width: 86px;
height: 34px;
padding: 5px 10px;
box-sizing: border-box;
border-radius: 0;
border: 1px solid var(--color-primary-main);
display: flex;
font-size: 14px;
font-weight: 400;
line-height: 14px;
letter-spacing: -1.05px;
margin: 0;
}
#loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--day,
#loyaltylion .lion-modal--rule-action .lion-birthday-entry-form__input--year{
background-color: var(--color-background);
}
#loyaltylion .lion-birthday-entry-form__inputs{
justify-content: space-between;
}
#loyaltylion .lion-birthday-action .lion-birthday-action__help{
padding-bottom: 12px;
}
#loyaltylion .lion-referral-widget-modal{
box-shadow: none;
max-width: 316px;
height: 480px;
padding: 19px;
border-radius: 0;
border: 1px solid var(--color-primary-main);
background-color: var(--color-background);
font-family: "NeueHaasUnicaW1G-Regular";
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main{
padding: 0;
}
#loyaltylion .lion-referral-widget{
height: 441px;
}
#loyaltylion .lion-referral-widget-panels--slide{
margin-top: -440px;
max-height: fit-content;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main .rule-image-wrapper{
aspect-ratio: 276 / 217;
overflow: hidden;
margin-bottom: 8px;
order: 2;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main .rule-image-wrapper .reward-background-image{
width: 100%;
height: -webkit-fill-available;
object-fit: cover;
object-position: center;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__heading::after{
content: none;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-controls{
order: 5;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro,
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro span,
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-text {
order: 4;
font-size: 12px;
font-weight: 400;
line-height: 14px;
letter-spacing: -0.9px;
text-align: start;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro .lion-referral-info-text a{
text-decoration: underline;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro span > *span{
display: flex;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__intro span{
line-height: 14px;
display: inline-block;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panel{
flex: 0 0 440px;
justify-content: start;
max-height: fit-content;
}
@media (max-height: 700px), (max-width: 530px) {
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide {
margin-top: 0;
padding-top: 111px;
}
}
@media screen and (max-width: 530px) {
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide {
margin-top: 0;
padding-top: 0px;
}
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__heading{
margin: 0;
order: 1;
font-style: normal;
font-size: 16px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: 18px;
letter-spacing: -1.2px;
padding-bottom: 13px;
border-bottom: 1px solid var(--color-primary-main);
display: flex;
width: 100%;
padding-right: 36px;
margin-bottom: 8px;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-buttons>a {
margin: 0;
border-radius: 50%;
height: 35px;
width: 35px;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-buttons{
padding: 0;
flex-wrap: nowrap;
margin-block: 24px;
gap: 20px;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container{
position: relative;
display: flex;
padding-top: 12px;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-referral-widget-main__share-link-url {
margin: 0;
width: 100%;
background: var(--color-background);
color: var(--color-primary-main);
font-size: 12px;
font-style: normal;
font-family:"NeueHaasUnicaW1G-bold";
font-weight: 700;
line-height: normal;
letter-spacing: -0.9px;
text-transform: uppercase !important;
padding: 9px 20px;
border-radius: 10px;
border: 1px dashed var(--color-primary-main);
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-copy-to-clipboard-button{
position: absolute;
width: 100%;
background: transparent;
cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2222%22%20viewBox%3D%220%200%2017%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1987_8651)%22%3E%3Cpath%20d%3D%22M0%2012.9585C0%2010.782%200%208.60539%200%206.42882C0%204.93665%200.984207%203.93268%202.44535%203.93006C2.65252%203.93006%202.92552%203.99764%203.04943%203.89134C3.18044%203.77913%203.08041%203.49304%203.08944%203.28306C3.1088%202.83422%203.05524%202.38408%203.13204%201.93656C3.31533%200.872879%204.23758%200.0218036%205.29858%200.0119608C7.39866%20-0.00838101%209.49937%200.00408656%2011.5994%200.00408656C11.8105%200.00408656%2011.9918%200.0867662%2012.1383%200.239658C13.6782%201.84404%2015.2175%203.44973%2016.756%205.05542C16.9271%205.2339%2016.9994%205.44848%2016.9994%205.6998C16.9968%209.02207%2017.0006%2012.3437%2016.9961%2015.666C16.9942%2017.0427%2015.9829%2018.0624%2014.6295%2018.0729C14.3972%2018.0748%2014.0848%2017.9908%2013.9544%2018.1103C13.8041%2018.2481%2013.917%2018.5709%2013.908%2018.813C13.8912%2019.2698%2013.9493%2019.7304%2013.8447%2020.1825C13.5937%2021.2646%2012.665%2021.9975%2011.5343%2021.9995C9.29672%2022.0028%207.05983%2022.0002%204.82229%2022.0002C4.04977%2022.0002%203.27725%2022.0002%202.50473%2022.0002C0.97259%2021.9988%200%2021.0152%200%2019.4633C0%2017.2953%200%2015.1266%200%2012.9585ZM1.54569%2012.9585C1.54569%2015.1594%201.54569%2017.3596%201.54569%2019.5604C1.54569%2020.1084%201.85999%2020.4279%202.40017%2020.4279C5.44121%2020.4286%208.4829%2020.4292%2011.5239%2020.4279C12.037%2020.4279%2012.361%2020.1057%2012.361%2019.5926C12.3629%2016.5328%2012.361%2013.4736%2012.3655%2010.4138C12.3655%2010.2537%2012.3249%2010.2098%2012.1674%2010.2117C11.4839%2010.2209%2010.7998%2010.2176%2010.1157%2010.215C8.73331%2010.2104%207.73103%209.19006%207.72651%207.78253C7.72457%207.09551%207.71812%206.40782%207.73103%205.72145C7.7349%205.53116%207.67811%205.49703%207.50385%205.49769C5.82199%205.50491%204.14077%205.50163%202.4589%205.50163C1.83159%205.50163%201.5444%205.79297%201.5444%206.43013C1.5444%208.60605%201.5444%2010.782%201.5444%2012.9579L1.54569%2012.9585ZM15.4524%2011.0917C15.4524%209.56146%2015.4498%208.03123%2015.4562%206.501C15.4569%206.33302%2015.4214%206.28052%2015.2478%206.2838C14.5637%206.29496%2013.8796%206.29102%2013.1955%206.28774C11.826%206.28183%2010.8224%205.26081%2010.8166%203.86903C10.814%203.17347%2010.8127%202.47791%2010.8185%201.78236C10.8198%201.63799%2010.8043%201.56975%2010.6301%201.57041C8.89981%201.57828%207.16955%201.57303%205.43928%201.57631C4.9604%201.57697%204.64159%201.90703%204.63771%202.39655C4.63384%202.83816%204.6461%203.28043%204.63255%203.72205C4.62739%203.89856%204.68095%203.93531%204.84617%203.93399C6.01302%203.92612%207.17987%203.93662%208.34672%203.92546C8.67716%203.92218%208.92886%204.03242%209.15797%204.27259C10.6249%205.81266%2012.097%207.34748%2013.573%208.87771C13.8079%209.12116%2013.9138%209.38691%2013.9125%209.73075C13.9035%2011.9152%2013.9099%2014.1003%2013.9041%2016.2848C13.9041%2016.4508%2013.9351%2016.5223%2014.1113%2016.502C14.2545%2016.4855%2014.4004%2016.4987%2014.5456%2016.4987C15.1555%2016.498%2015.4511%2016.2001%2015.4511%2015.5839C15.4511%2014.0865%2015.4511%2012.5891%2015.4511%2011.0917H15.4524ZM12.372%202.90378C12.372%203.15051%2012.372%203.49304%2012.372%203.83557C12.372%203.86838%2012.3707%203.90118%2012.372%203.93334C12.39%204.34542%2012.6785%204.6768%2013.0767%204.69911C13.4498%204.72011%2013.8254%204.7037%2014.1997%204.7037L14.2365%204.64989C13.6014%204.05539%2012.967%203.46023%2012.372%202.90312V2.90378ZM9.28123%206.83697C9.28123%207.06073%209.28123%207.38685%209.28123%207.71232C9.28123%207.76154%209.27994%207.81075%209.28123%207.85931C9.29866%208.27139%209.5865%208.60408%209.9847%208.62705C10.3584%208.6487%2010.7333%208.63164%2011.1083%208.63164L11.1445%208.58046C10.5094%207.98595%209.87434%207.39145%209.28123%206.83697Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M1.5459%2012.9584C1.5459%2010.7825%201.5459%208.60654%201.5459%206.43062C1.5459%205.79346%201.83309%205.50212%202.4604%205.50212C4.14227%205.50212%205.82349%205.50474%207.50535%205.49818C7.67961%205.49752%207.7364%205.53164%207.73253%205.72194C7.71962%206.40897%207.72543%207.09599%207.72801%207.78302C7.73253%209.18989%208.73416%2010.2103%2010.1172%2010.2155C10.8013%2010.2181%2011.4848%2010.2208%2012.1689%2010.2122C12.327%2010.2103%2012.3677%2010.2542%2012.367%2010.4143C12.3625%2013.4741%2012.3644%2016.5333%2012.3625%2019.5931C12.3625%2020.1062%2012.0379%2020.4284%2011.5254%2020.4284C8.4844%2020.4297%205.44271%2020.4297%202.40167%2020.4284C1.86149%2020.4284%201.54719%2020.1089%201.54719%2019.5609C1.5459%2017.3601%201.54719%2015.1599%201.54719%2012.959L1.5459%2012.9584ZM6.92903%2012.5719C7.9255%2012.5719%208.92261%2012.5719%209.91908%2012.5712C10.0152%2012.5712%2010.114%2012.5732%2010.2069%2012.5529C10.5948%2012.4669%2010.8562%2012.0955%2010.8142%2011.7018C10.7716%2011.3002%2010.4412%2011.0029%2010.0178%2011.0023C7.97648%2010.9997%205.93514%2011.001%203.89315%2011.0023C3.82151%2011.0023%203.74794%2011.0082%203.67888%2011.0259C3.2994%2011.125%203.0548%2011.482%203.09546%2011.8704C3.13676%2012.2628%203.46204%2012.5679%203.86798%2012.5699C4.88898%2012.5752%205.90932%2012.5719%206.93032%2012.5719H6.92903ZM6.94581%2015.7144C7.95067%2015.7144%208.95488%2015.715%209.95974%2015.7144C10.467%2015.7144%2010.8187%2015.3882%2010.8168%2014.925C10.8149%2014.463%2010.4631%2014.1441%209.95199%2014.1434C7.95067%2014.1428%205.94934%2014.1428%203.94801%2014.1434C3.43816%2014.1434%203.08965%2014.4669%203.09159%2014.9322C3.09352%2015.3935%203.44526%2015.7137%203.95575%2015.7144C4.95222%2015.7157%205.94934%2015.7144%206.94581%2015.7144ZM6.95936%2018.8568C7.95583%2018.8568%208.95294%2018.8575%209.94941%2018.8568C10.4638%2018.8568%2010.8129%2018.5412%2010.8162%2018.0779C10.82%2017.6127%2010.4702%2017.2866%209.96232%2017.2859C7.9526%2017.2853%205.94353%2017.2846%203.93381%2017.2859C3.44074%2017.2859%203.09481%2017.6081%203.09094%2018.0635C3.08707%2018.5274%203.4388%2018.8555%203.94478%2018.8562C4.94964%2018.8575%205.9545%2018.8562%206.95936%2018.8562V18.8568Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M15.4523%2011.0915C15.4523%2012.589%2015.4523%2014.0864%2015.4523%2015.5838C15.4523%2016.2%2015.1567%2016.4979%2014.5468%2016.4985C14.4022%2016.4985%2014.2557%2016.4854%2014.1124%2016.5018C13.9363%2016.5215%2013.9046%2016.4506%2013.9053%2016.2846C13.9111%2014.1002%2013.9046%2011.9151%2013.9137%209.7306C13.915%209.38676%2013.8091%209.12101%2013.5742%208.87756C12.0976%207.34733%2010.6254%205.81251%209.15914%204.27244C8.93003%204.03227%208.67833%203.92203%208.34789%203.92531C7.18104%203.93647%206.01419%203.92597%204.84734%203.93384C4.68148%203.93516%204.62791%203.89841%204.63372%203.7219C4.64727%203.28028%204.63501%202.83801%204.63888%202.3964C4.6434%201.90688%204.96157%201.57747%205.44045%201.57616C7.17072%201.57288%208.90098%201.57813%2010.6313%201.57026C10.8055%201.5696%2010.821%201.63784%2010.8197%201.7822C10.8139%202.47776%2010.8145%203.17332%2010.8178%203.86888C10.8236%205.26131%2011.8271%206.28234%2013.1966%206.28759C13.8808%206.29021%2014.5649%206.29481%2015.249%206.28365C15.4226%206.28103%2015.4581%206.33287%2015.4574%206.50085C15.451%208.03108%2015.4535%209.56131%2015.4535%2011.0915H15.4523Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M12.3722%202.90363C12.9672%203.46073%2013.6016%204.05589%2014.2367%204.6504L14.1999%204.7042C13.8256%204.7042%2013.4506%204.72061%2013.0769%204.69961C12.6787%204.6773%2012.3902%204.34527%2012.3722%203.93384C12.3709%203.90103%2012.3722%203.86822%2012.3722%203.83607C12.3722%203.49354%2012.3722%203.15035%2012.3722%202.90428V2.90363Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M9.28113%206.83679C9.87359%207.39127%2010.5086%207.98578%2011.1444%208.58028L11.1082%208.63146C10.7339%208.63146%2010.3583%208.64853%209.9846%208.62687C9.58705%208.6039%209.29856%208.27122%209.28113%207.85913C9.2792%207.80992%209.28113%207.76136%209.28113%207.71215C9.28113%207.38602%209.28113%207.06055%209.28113%206.83679Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M6.92862%2012.5719C5.90762%2012.5719%204.88727%2012.5752%203.86628%2012.5699C3.46098%2012.568%203.13506%2012.2628%203.09376%2011.8704C3.0531%2011.4813%203.2977%2011.1244%203.67718%2011.0259C3.74624%2011.0082%203.81981%2011.0023%203.89145%2011.0023C5.93279%2011.001%207.97413%2010.9997%2010.0161%2011.0023C10.4395%2011.0023%2010.7699%2011.2996%2010.8125%2011.7018C10.8545%2012.0955%2010.5931%2012.4669%2010.2052%2012.5529C10.1123%2012.5732%2010.0135%2012.5713%209.91738%2012.5713C8.92091%2012.5726%207.92379%2012.5719%206.92733%2012.5719H6.92862Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.94554%2015.7143C5.94907%2015.7143%204.95195%2015.715%203.95548%2015.7143C3.44499%2015.7143%203.09325%2015.3935%203.09132%2014.9322C3.08938%2014.4669%203.43853%2014.1441%203.94774%2014.1434C5.94907%2014.1428%207.9504%2014.1428%209.95172%2014.1434C10.4629%2014.1434%2010.8146%2014.463%2010.8165%2014.925C10.8185%2015.3882%2010.4674%2015.7137%209.95947%2015.7143C8.95461%2015.7157%207.9504%2015.7143%206.94554%2015.7143Z%22%20fill%3D%22%23161616%22%2F%3E%3Cpath%20d%3D%22M6.95927%2018.8569C5.95441%2018.8569%204.94955%2018.8575%203.94469%2018.8569C3.43871%2018.8562%203.08698%2018.5281%203.09085%2018.0642C3.09472%2017.6088%203.44065%2017.2866%203.93372%2017.2866C5.94344%2017.2853%207.95251%2017.2853%209.96223%2017.2866C10.4701%2017.2866%2010.8193%2017.6134%2010.8161%2018.0786C10.8122%2018.5419%2010.4637%2018.8569%209.94932%2018.8575C8.95285%2018.8582%207.95574%2018.8575%206.95927%2018.8575V18.8569Z%22%20fill%3D%22%23161616%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1987_8651%22%3E%3Crect%20width%3D%2217%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"),auto;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-copy-to-clipboard-button:hover{
background: transparent;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-main__share-link-container .lion-copy-to-clipboard-button::after{
content: none;
}
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-modal__close-button{
position: absolute;
margin: 0;
height: 24px;
width: 24px;
top: 20px;
right: 20px;
z-index: 999;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M7 17.4316L16.977 7.50003' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 17.5L7.023 7.56838' stroke='%23482922' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
#loyaltylion .lion-referral-email-form{
padding: 0;
padding-top: 45px;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__field{
margin-bottom: 20px;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__label{
color: var(--color-primary-main);
letter-spacing: -1.09px;
font-size: 14px;
line-height: 14px;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__input{
width: 100%;
font-size: 14px;
letter-spacing: -1.09px;
display: flex;
padding: 7px 7px;
padding-bottom: 10px;
background-color: transparent;
border: 1px solid var(--color-primary-main);
color: var(--color-primary-main);
border-radius: 0;
box-shadow: none;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
transition: none;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons{
flex-direction: column;
align-items: center;
gap: 12px;
width: 100%;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons .lion-action-button{
padding: 10px 22px;
font-size: 1.2em;
margin: 0;
width: 100%;
background: var(--color-primary-main);
color: var(--color-white);
border-radius: 0;
}
#loyaltylion .lion-referral-email-form .lion-referral-email-form__buttons .lion-action-button--neutral{
padding: 0;
min-height: unset;
text-decoration: underline;
background: transparent;
color: var(--color-primary-main);
}
#loyaltylion .lion-birthday-entry-form__select{
background-image: url('data:image/svg+xml;utf8,');
}
@media screen and (max-width: 530px){
#loyaltylion .lion-referral-widget-modal .lion-referral-widget-panels--slide .lion-referral-widget-main{
margin-top: -440px;
}
#loyaltylion .lion-referral-widget-modal{
position: fixed;
height:480px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: none;
max-width: 316px;
padding: 19px;
border-radius: 0;
border: 1px solid var(--color-primary-main);
background-color: var(--color-background);
font-family: "NeueHaasUnicaW1G-Regular";
}
}
.md-app-embed::selection {
background-color: rgba(12,140,233,.4)!important
}
.md-app-embed span::selection {
background-color: rgba(12,140,233,.4)!important
}
.md-app-embed p::selection {
background-color: rgba(12,140,233,.4)!important
}
.md-app-embed div::selection {
background-color: rgba(12,140,233,.4)!important
}
.md-app-embed label::selection {
background-color: rgba(12,140,233,.4)!important
}
.md-app-embed img::selection {
background-color: rgba(12,140,233,.4)!important
}
.md-modal__container {
position: fixed;
z-index: 10000000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end
}
.md-modal__grid {
display: block;
grid-template-columns: 1fr .3fr;
grid-template-rows: 1fr;
grid-column-gap: 0;
grid-row-gap: 0
}
.md-modal__grid__1 {
grid-area: 1/1/2/2
}
.md-modal__grid__2 {
grid-area: 1/2/2/3
}
.md-modal__grid__image {
width: 12.75em!important;
height: 100%!important;
object-fit: cover
}
@media (min-width: 48.0625em) {
.md-modal__container {
justify-content:center
}
}
.md-modal__dialog:focus {
outline: 0;
box-shadow: none!important
}
.md-modal__dialog:focus-visible {
outline: 2px solid transparent!important;
box-shadow: unset
}
.md-modal__dialog--animateFadeUp {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform,opacity;
opacity: 1;
transform: translateY(0);
transition: transform cubic-bezier(.25,.1,.25,1) 200ms,opacity cubic-bezier(.25,.1,.25,1) 200ms
}
.md-modal__dialog--animateFadeUp.md-modal__dialog--entering,.md-modal__dialog--animateFadeUp.md-modal__dialog--exiting,.md-modal__dialog--animateFadeUp.md-modal__dialog--exited {
opacity: 0;
transform: translateY(12.5em)
}
.md-modal__dialog--animateFadeUp.md-modal__dialog--entered {
opacity: 1;
transform: translateY(0)
}
.md-modal__content {
position: fixed;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
width: 100%;
background: #fff;
box-shadow: rgba(0,0,0,.2)0 26px 80px;
font-size: 1em;
min-height: 230px
}
.md-modal__content form {
margin: 0;
z-index: 2;
overflow: unset;
position: unset
}
@media (forced-colors:active) {
.md-modal__content {
border: 1px solid transparent
}
}
@media (max-width: 48.0525em) {
.md-modal__content.md-modal__dialog--sizeLargeXL {
grid-template-columns:1fr
}
}
@media (min-width: 48.0625em) {
.md-modal__content {
position:relative;
max-width: 35em;
margin: 0 auto;
border-radius: .8em
}
}
@media (max-width: 1051px) {
#md-app-embed__footer-popup .md-modal__content {
position:relative;
max-width: 60em;
margin: 0 auto;
border-radius: .8em
}
}
@media (min-width: 65.25em) {
.md-modal__content.md-modal__dialog--sizeLarge {
max-width:43.125em
}
.md-modal__content.md-modal__dialog--sizeLargeXL {
max-width: 91.25em
}
}
.md-modal__header {
display: flex;
align-items: flex-start;
flex-shrink: 0;
padding: 1.5em 1.5em 0;
justify-content: end;
}
.md-modal__header--titleHidden {
position: absolute;
right: .5em;
z-index: 1
}
.md-modal__header--titleHidden .md-modal__header__Title {
display: none
}
.md-modal__header__title {
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
flex: 1 1;
display: flex;
vertical-align: middle
}
.md-modal__header__title span,.md-modal__header__title h2 {
font-weight: 400;
margin: 0;
color: #000
}
.md-modal-closeButton {
-webkit-appearance: none;
appearance: none;
margin: 0;
padding: 0;
background: 0 0;
border: 0;
font-size: inherit;
line-height: inherit;
color: inherit;
cursor: pointer;
margin-left: 1.25em;
margin-right: -.5em;
padding: .5em;
border-radius: .375em;
align-self: center;
width: fit-content;
position: absolute;
right: 1rem;
top: 1rem;
z-index: 2;
}
.footer-email-wrapper input[type=text]:active, input[type=text]:focus, input[type=number]:active, input[type=number]:focus, input[type=email]:active, input[type=email]:focus, input[type=password]:active, input[type=password]:focus, input[type=address]:active, input[type=address]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=date]:active, input[type=date]:focus, textarea:active, textarea:focus {
border:none!important;
box-shadow: none!important;
}
.md-modal-closeButton::after {
content: "";
position: absolute;
z-index: 1;
top: -.071em;
right: -.071em;
bottom: -.071em;
left: -.071em;
display: block;
pointer-events: none;
transition: box-shadow 100ms cubic-bezier(.4,.22,.28,1);
border-radius: calc(.4em + .071em)
}
button.md-modal-closeButton:hover {
background: inherit;
border-color: inherit
}
.md-modal-closeButton:hover svg {
opacity: .7;
outline: .071em solid transparent
}
.md-modal-closeButton:focus:not(:active)::after {
outline: .071em solid transparent
}
.md-icon {
display: block;
height: 16px;
width: 16px;
max-height: 100%;
max-width: 100%;
margin: auto;
color: #fff
}
.md-icon__Svg {
position: relative;
display: block;
width: 100%;
max-width: 100%;
max-height: 100%;
fill: #5c5f62
}
.md-visuallyHidden {
position: absolute!important;
width: .1em!important;
height: .1em!important;
margin: 0!important;
padding: 0!important;
overflow: hidden!important;
-webkit-clip-path: inset(50%)!important;
clip-path: inset(50%)!important;
border: 0!important;
white-space: nowrap!important
}
.md-modal__body {
display: flex;
flex-grow: 1;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
width: 100%
}
.md-modal__bodyContent {
padding: 0 1.5em 0
}
#md-modal__form__footer-popup__id .md-modal__bodyContent {
padding: 0 24px 0;
min-height: 300px
}
.md-modal__bodyContent p {
margin-block-end:1em!important;margin-block-start:1em!important}
.md-modal__footer {
bottom: 0;
right: 0;
width: 100%;
min-height: 4em;
padding: 1.25em 1.5em 0;
box-sizing: border-box
}
.md-modal__footerContent {
width: 100%;
text-align: end
}
.md-modal__footerPowered {
width: 100%;
text-align: center;
display: none
}
.md-modal__footerPoweredOrbe {
margin: .5em 0 1.5em!important;
font-size: 12px;
text-align: center;
line-height: 1.25em
}
.md-modal__footerImage {
padding: 1.25em 1.5em 0
}
.md-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 3em;
min-width: 3em;
height: auto;
margin: 0;
padding: .6em 1.2em;
background: #fff;
border-radius: .4em!important;
color: #202223;
border: .1em solid #babfc3;
border-top-color: #c9cccf;
border-bottom-color: #babfc4;
line-height: 1;
text-align: center;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
font-family: inherit
}
.md-btn:hover {
/* background:#f6f6f7; */
/* outline:.071em solid transparent; */
}
.md-btn:focus::after {
outline: .071em solid transparent
}
.md-btn:active {
background: #f1f2f3
}
.md-btn:active::after {
border: 0;
box-shadow: none
}
.md-btn__primary {
position: relative;
background: #008060;
border-width: 0;
border-color: transparent;
color: #fff
}
.md-btn__primary:hover {
background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}
.md-btn__primary:active {
background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}
@media (max-width: 48.0525em) {
.md-btn__primary {
width:100%!important
}
.md-modal__footerContent {
max-width: 100%!important
}
}
.md-modal__backdrop {
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block!important;
background-color: rgba(0,0,0,.5);
animation: md-backdrop__fade--in .2s 1 forwards;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: opacity
}
@keyframes md-backdrop__fade--in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.md-form__select {
display: block;
width: 100%;
height: 40px;
padding: .375em 2.25em .375em .75em;
-moz-padding-start: calc(.75em - 3px);
font-weight: 400;
font-family: inherit;
color: #212529;
background-color: transparent!important;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99996 11.2929L13.1464 8.14648L13.8535 8.85359L9.99996 12.7071L6.14641 8.85359L6.85352 8.14648L9.99996 11.2929Z' fill='black'/%3E%3C/svg%3E")!important;
background-repeat: no-repeat!important;
background-position: right 6px center!important;
background-size: auto!important;
border: unset;
border-radius: .25em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: capitalize;
text-align: left;
margin-bottom: 0
}
.md-form__select:hover {
cursor: pointer
}
.md-modal__formContent {
display: flex;
padding: 0 1.5em .75em;
position: relative;
box-sizing: border-box
}
.md-modal__formContent__select:nth-child(2) {
margin-left: 1em
}
@media (max-width: 48.0525em) {
.md-modal__formContent {
display:inherit;
max-width: 100%
}
#md-app-embed__modal .md-modal__formContent__select:nth-child(2) {
margin-left: 0;
margin-top: .5em
}
.md-modal__bodyContent__text,.md-modal__bodyContent__helperText {
max-width: 100%!important
}
#md-app-embed__modal .md-form__select {
height: 48px
}
}
.md-modal__formContent__select {
flex: auto;
flex-basis: 10em
}
.md-modal__formContent__select label,.md-modal__formContent__selectLabel {
font-size: .7143em;
line-height: unset
}
.md-modal__formContent__select select {
font-size: 1em
}
.md-modal__bodyContent__text {
max-width: 325px;
line-height: inherit;
margin-bottom: auto
}
.md-modal__bodyContent__helperText {
max-width: 325px;
font-size: 12px;
line-height: 1.25em;
margin-block-end:1em!important}
.md-modal__bodyContent__helperText p {
font-size: 12px!important
}
.md-modal__content__img {
width: 100%;
height: 100%;
display: block!important;
position: absolute
}
.md-modal__content,.md-modal__content__img {
border-radius: .4em
}
@media (max-width: 48.0525em) {
.md-modal__content__img {
z-index:1
}
.md-form__select__mobile,.md-form__select__mobile a {
height: 60px
}
.md-form__select__mobile span {
white-space: inherit!important
}
.md-modal__footerPoweredOrbe {
margin: .5em 0!important
}
.md-modal__grid__image {
display: none!important
}
.md-modal__grid {
display: block!important
}
#md-app-embed__modal .md-modal__header {
padding: 1em!important
}
#md-app-embed__footer-popup .md-modal__header {
padding: 20px!important
}
#md-modal__form__footer-popup___language__id .md-modal__header {
padding: 0 20px!important;
align-items: center
}
#md-app-embed__modal .md-modal__bodyContent {
padding: 0 1em!important
}
#md-modal__form__footer-popup__id .md-modal__bodyContent {
padding: 0 20px!important
}
#md-app-embed__modal .md-modal__formContent {
padding: 0 1em .75em!important;
position: inherit
}
.md-footer-selector__content {
max-width: 100%!important
}
.md-footer-selector__content .md-modal__formContent,.md-orbe-selector__content .md-modal__formContent {
padding: .75em 0 .75em!important
}
.md-modal__footer {
padding: .75em 1em 1em!important
}
.md-modal-closeButton {
right: 0;
top: 0;
margin: 0!important
}
#md-app-embed__modal .md-modal__dialog {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw
}
.md-modal__content {
height: fit-content;
width: 95%!important;
margin: auto;
bottom: revert;
top: revert;
right: revert;
left: revert
}
.md-modal__footer {
position: relative;
bottom: revert;
top: revert;
right: revert;
left: revert
}
.md-footer-selector__content .md-modal__formContent__select,.md-orbe-selector__content .md-modal__formContent__select {
width: 100%;
margin: 0
}
.md-footer-selector__content .md-form__select__mobile span,.md-orbe-selector__content .md-form__select__mobile span {
white-space: inherit!important
}
}
@media (min-width: 65.25em) {
.md-modal__content.md-modal__dialog--sizeLargeXL {
max-width:91.25em;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
background-image: unset!important
}
.md-modal__dialog--sizeTwoColumns {
-ms-grid-columns: .5fr 1.5fr!important;
grid-template-columns: .5fr 1.5fr!important
}
#md-modal__form__footer-popup___language__id .md-footer-modal-language-closeButton {
display: none
}
}
@media (max-width: 1080px) {
.md-modal__footer-selector-modal__region-list {
grid-template-columns:repeat(4,1fr)!important
}
.md-modal__body-market-selector .md-footer-selector__content {
max-width: 100%!important;
flex-direction: row
}
}
@media (max-width: 899px) {
.md-modal__footer-selector-modal__region-list {
grid-template-columns:repeat(3,1fr)!important
}
.md-modal__body-market-selector .md-footer-selector__content {
max-width: 100%!important;
flex-direction: row
}
#md-modal__form__footer-popup___language__id {
max-width: 120%!important
}
}
@media (max-width: 48.0525em) {
.md-modal__content.md-modal__dialog--sizeLargeXL {
-ms-grid-columns:1fr!important;
grid-template-columns: 1fr!important
}
.md-form__select__country__list,.md-form__select__language__list {
width: 100%!important
}
.md-modal__formContent__select {
position: relative
}
}
@media (max-width: 560px) {
.md-orbe__mobile-hidden {
display:none
}
}
.md-modal__body-market-selector .md-footer-selector__content {
max-width: 60%;
flex-direction: row
}
.md-footer-selector__selector,select.md-footer-selector__selector {
-moz-appearance: none!important;
-webkit-appearance: none!important;
appearance: none!important;
background-position: right 10px center!important;
background-repeat: no-repeat!important;
background-size: auto!important;
border-radius: .25em;
cursor: pointer!important;
display: inline-block!important;
font-size: 14px!important;
height: auto!important;
line-height: 1.375!important;
margin: .3em!important;
max-width: 100%!important;
min-height: unset!important;
min-width: unset!important;
padding: .3em 28px .3em .5em!important;
text-indent: .01px!important;
-o-text-overflow: ""!important;
text-overflow: ""!important;
vertical-align: baseline!important;
width: auto!important;
margin: 0!important;
font-family: inherit
}
.md-footer-selector__selector+.md-footer-selector__selector {
margin: .5em 0 0 .5em!important;
text-transform: capitalize
}
.md-modal__footer-selector-modal__region-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1.875rem 1fr 1.875rem 1fr;
grid-template-columns: repeat(5,1fr);
grid-column-gap: 10px;
row-gap: 4px;
font-size: 1em;
list-style: none;
margin: 0;
padding: 0
}
#md-footer-selector__form__id {
overflow: visible
}
#md-footer-selector__form__id>.md-modal__formContent__select {
margin-left: 5px;
margin-right: 5px
}
.md-modal__mk-footerPoweredOrbe {
display: flex;
align-items: flex-end
}
.md-modal__mk-footerPoweredOrbe .md-modal__footerPoweredOrbe {
margin: 0 24px 0 0!important;
text-align: right;
line-height: 20px;
color: #000
}
.md-modal__mk-header__lang {
padding: 8px 24px 0
}
.md-modal__mk-helper-text {
color: #000;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px;
padding: 0 24px;
display: block;
line-height: 2em
}
.md-modal__footer-selector-modal__region-list-item {
list-style: none;
padding: 0
}
.md-form__select__country__list,.md-form__select__language__list {
position: absolute;
background: #fff;
min-width: 217px;
border-radius: .25rem;
border: 1px solid #000;
max-height: 20vh;
overflow: scroll;
overflow-y: auto;
overflow-x: hidden;
z-index: 11;
font-size: 14px;
list-style: none;
padding: 0;
margin: .25em 0 0;
text-transform: capitalize
}
.md-form__select__country__list li,.md-form__select__language__list li {
padding: 0!important;
margin: 0!important
}
.md-form__select__country__list-link,.md-form__select__language__list-link {
color: #000;
display: flex;
vertical-align: middle;
font-size: 14px;
margin: 0;
text-align: left;
padding: .625em .75em;
text-decoration: none;
height: 40px;
text-transform: capitalize
}
.md-form__select__country__list-link:hover,.md-form__select__language__list-link:hover {
background: rgba(23, 23, 23, 1, 0.1) !important;
text-decoration: none!important
}
.md-modal__bodyContent__helperText li {
list-style: disc;
}
.md-form__select__country__list-link-wrapper,.md-form__select__language__list-link-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: .375em;
-moz-column-gap: .375em;
column-gap: .375em;
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.md-form__select__country__list-link-wrapper span {
white-space: nowrap
}
.md-form__select__country__list-link-wrapper span,.md-form__select__language__list-link-wrapper span {
font-size: 14px;
letter-spacing: normal;
text-transform: capitalize
}
.md-form__select__country__list-link__flag {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
width: 2rem;
height: 1.5rem;
overflow: clip;
outline: .0625rem solid rgba(0,0,0,.05);
outline-offset: calc(.0625rem*-1)
}
.md-form__select__country__list-link__flag img,.md-form__select__img {
display: block!important;
min-height: 1px;
width: 100%;
object-fit: cover;
height: 100%
}
.md-form__select__span {
line-height: initial
}
.md-form__select__country__button {
margin-bottom: 0
}
.md-app-embed .md-modal__formContent__select {
position: relative
}
.md-app-embed .md-form__select__country__list,.md-app-embed .md-form__select__language__list {
min-width: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.md-modal__bodyContent p {
margin-block-end:1em!important}
.md-modal__formContent,.md-modal__bodyContent,.md-modal__bodyContent__text,.md-modal__bodyContent__helperText {
width: 100%;
max-width: 100%
}
.md-modal__footer-selector-modal__region-list-divider {
padding: 0 24px
}
.md-modal__footer-selector-modal__region-list-divider span {
display: block
}
#md-modal__form__footer-popup___language__id .md-modal__header {
align-items: center
}
.md-modal__bodyContent__tabs {
padding: 0 24px;
margin-bottom: 11px
}
.md-modal__bodyContent__tabs ul.md-tab__ul {
list-style: none;
justify-content: space-around;
align-items: center;
width: 100%;
display: flex;
margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}
.md-modal__bodyContent__tabs ul>li.md-tab__element {
padding: 8px 0;
border-bottom: 1px solid rgba(0,0,0,.2);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%;
width: 100%;
color: #000
}
.md-modal__bodyContent__tabs ul>li>a {
text-decoration: none;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%;
width: 100%;
color: #000
}
.md-modal__bodyContent__tabs ul>li.md-tab__element:hover,.md-modal__bodyContent__tabs ul>li.md-tab_active {
border-bottom: 1px solid #000!important;
cursor: pointer;
font-weight: 700
}
.md-modal__bodyContent__tabs ul>li.md-tab_active>a {
cursor: pointer;
font-weight: 700
}
.md-hide__country__element {
display: none!important
}
.md-footer-selector__container,.md-orbe-selector__container {
position: relative;
display: flex;
justify-content: center
}
.md-footer-selector__content,.md-orbe-selector__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
max-width: 31em;
flex-direction: column;
width: 100%
}
.md-footer-selector__content .md-form__select__language__list-link-wrapper span,.md-orbe-selector__content .md-form__select__language__list-link-wrapper span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media (max-width: 750px) {
.md-footer-selector__content,.md-orbe-selector__content {
-webkit-box-pack:center!important;
-ms-flex-pack: center!important;
justify-content: center!important
}
}
.md-form__select__country__list-top,.md-form__select__language__list-top {
margin: 0 0 3.25em;
bottom: 0
}
ul.md-footer-selector__selector {
list-style: none
}
ul.md-footer-selector__selector>li {
list-style: none
}
.md-modal__footer-selector-modal__region-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 400;
padding: 5px;
width: 100%;
background-color: transparent;
border: 0;
line-height: 1.5;
position: relative;
text-decoration: none;
-webkit-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
color: #000;
align-items: center;
height: 40px
}
.md-modal__footer-selector-modal__region-btn:hover {
cursor: pointer
}
.md-footer-modal__header {
padding: 24px 24px 21px
}
.md-modal__form__footer-popup__grid-lang {
margin-top: 8px;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0;
margin-bottom: 24px
}
.md-modal__footer-selector-modal__flag-country-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.md-modal__footer-selector-modal__flag-country-name span {
font-size: 14px
}
.md-modal__footer-selector-modal__flag-country-name span.active {
font-weight: 700
}
.md-modal__footer-selector-modal__flag-wrapper {
width: 2.5rem
}
.md-modal__footer-locale-flag {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
width: 2.5rem;
height: 1.875rem;
overflow: clip;
outline: .0625rem solid rgba(0,0,0,.05);
outline-offset: calc(.0625rem*-1)
}
.md-modal__footer-locale-flag img,.md-modal__footer-locale-flag .md-form__select__img {
display: block!important;
min-height: 1px;
width: 100%
}
ul.md-footer-selector__selector {
list-style: none
}
ul.md-footer-selector__selector>li {
list-style: none
}
.md-modal__footer-selector {
padding: 1.25em 2.3em 2.3em;
min-height: 2em
}
md-footer-selector-popup__form .md-modal__body {
max-height: 80vh;
overflow: scroll;
height: 400px;
overflow-y: auto;
overflow-x: auto
}
#md-app-embed__footer-popup .md-modal__header__title span,#md-app-embed__footer-popup .md-modal__header__title h2 {
font-size: 18px;
white-space: nowrap;
font-weight: 700
}
@media (max-width: 650px) {
.md-modal__footer-selector-modal__region-list {
grid-template-columns:repeat(2,1fr)!important
}
.md-modal__mk-helper-text {
padding: 0 20px
}
md-footer-selector-popup__form .md-modal__body {
max-height: 40vh
}
}
md-footer-selector-popup__form .md-modal__mk-footerPoweredOrbe {
display: none
}
#md-app-embed__footer-popup .md-modal__container {
justify-content: center;
overflow-x: hidden;
overflow-y: auto
}
#md-app-embed__footer-popup .md-modal__content {
width: 95%!important;
min-height: 500px!important
}
@media (max-width: 560px) {
.md-modal__bodyContent__tabs ul.md-tab__ul {
flex-direction:column
}
.md-modal__bodyContent__tabs ul>li.md-tab__element {
text-align: left;
margin-bottom: 20px;
margin-top: 10px
}
#md-modal__mk-footerPoweredOrbe_withoutLang {
display: none!important
}
.md-modal__footer-selector-modal__region-list-divider span {
display: none!important
}
#md-app-embed__footer-popup .md-form__select__language__list-top {
bottom: auto!important;
margin: .25em 0 0!important
}
.md-footer-selector__content .md-modal__formContent__select:last-child {
margin-top: 20px
}
#md-modal__form__footer-popup___language__id .md-modal__bodyContent {
padding: 0 0!important
}
md-footer-selector-popup__form .md-modal__mk-footerPoweredOrbe {
display: flex!important
}
md-footer-selector-popup__language__form .md-modal__mk-footerPoweredOrbe {
display: none
}
.md-modal__footer-selector-modal__region-list {
grid-template-columns: repeat(1,1fr)!important;
border-bottom: none
}
.md-footer-modal-closeButton {
padding-top: 24px!important
}
.md-modal__footerPopupPoweredOrbe {
left: unset;
right: 1%
}
.md-modal__mk-footerPoweredOrbe .md-modal__footerPoweredOrbe {
text-align: center;
margin: 8px 24px 20px 24px!important
}
md-footer-selector-popup__form .md-modal__body {
max-height: 40vh
}
#md-app-embed__footer-popup .md-modal__content {
flex-direction: column-reverse
}
#md-app-embed__footer-popup .md-modal__header {
display: block!important;
position: relative
}
#md-modal__form__footer-popup___language__id .md-modal__header {
padding: 20px 20px 0 20px!important
}
.md-modal__form__footer-popup__grid-lang {
margin-top: 0!important
}
.md-modal__form__footer-popup__grid-lang .md-modal__mk-footerPoweredOrbe {
display: none
}
.md-modal__form__footer-popup__grid-lang {
display: block!important
}
.md-modal__mk-helper-text {
padding: 0 20px
}
md-footer-selector-popup__form .md-modal__mk-footerPoweredOrbe {
border-top: 1px solid rgba(0,0,0,.2);
margin: 0 20px
}
#md-footer-selector__form__id>.md-modal__formContent__select {
margin-left: 0;
margin-right: 0
}
}
#md-footer-selector__country-popup {
background-color: transparent!important;
border: unset!important;
background-image: none
}
.md-modal__footer-selector__language-dropdown-wrapper {
position: relative
}
.md-modal__footer-selector__language-dropdown-wrapper button {
border: unset;
border-radius: .25rem;
height: 40px;
padding: .375em 2.25em .375em .75em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
background-color: transparent;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
position: relative;
text-decoration: none;
-webkit-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
color: #000;
text-transform: capitalize;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99996 11.2929L13.1464 8.14648L13.8535 8.85359L9.99996 12.7071L6.14641 8.85359L6.85352 8.14648L9.99996 11.2929Z' fill='black'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 6px center;
background-size: auto
}
.md-modal__footer-selector__language-dropdown-wrapper button>svg {
width: 12px
}
.md-modal__footer-selector__language-dropdown-wrapper button:hover {
opacity: .7;
cursor: pointer;
background: unset;
color: unset;
border-color: unset
}
.md-modal__footer-selector__language-list {
position: absolute;
background: #fff;
width: 100%;
border-radius: .25rem;
border: 1px solid #000;
border-top: none;
max-height: 20vh;
overflow: scroll;
overflow-y: auto;
overflow-x: hidden;
z-index: 2;
font-size: 14px;
list-style: none;
margin: 0;
padding: 0
}
.md-modal__footer-selector__language-link {
color: #000;
display: block;
font-size: 14px;
margin: 0;
text-align: left;
padding: 1rem;
text-decoration: none
}
.md-modal__footer-selector__language-link:hover {
color: #fff!important;
background: #000!important;
text-decoration: none!important
}
.md-modal__footer-selector-modal__region-iso {
margin-left: 8px;
font-size: 12px;
color: rgba(0,0,0,.5);
text-align: right
}
.md-modal__body-market-selector {
overflow-x: revert!important
}
.md-form__select__search__input,.md-form__select__search__input[type=text] {
display: none;
min-width: 0;
height: auto;
border-bottom: none;
border-left: none;
border-right: none;
border-top: none;
padding: 0;
text-align: left;
width: 100%;
color: rgba(0,0,0,.5);
background: #fff;
font-size: 14px;
margin: 0;
box-sizing: border-box
}
.md-form__select__search__input:focus {
outline: 0!important
}
.md-form__select__search__input:focus-visible {
outline: 0!important;
box-shadow: none!important
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.md-form__select__search__input,.md-form__select__search__input:focus {
font-size:16px!important
}
}
.orbe--opened .needsclick {
display: none!important
}
body.password #md-footer-selector-block,body.password #md-app-embed__modal {
display: none!important
}
.md-orbe-selector__content .md-modal__formContent {
padding: 0!important
}
.md-orbe-selector__content .md-modal__formContent__select {
position: relative
}
.md-orbe-selector__content .md-form__select__country__list {
min-width: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.md-orbe-selector__content .md-form__select__language__list {
min-width: 175px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media (max-width: 48.0525em) {
.md-orbe__cs,.md-orbe__ls {
width:100%
}
.md-orbe__cs .md-form__select__country__list-link-wrapper span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
}
@media (min-width: 1281px) {
.md-orbe-selector__desktop-hidden {
display:none
}
}
@media (min-width: 1025px) and (max-width:1280px) {
.md-orbe-selector__desktop-hidden {
display:none
}
}
@media (max-width: 1024px) {
.md-orbe-selector__mobile-hidden {
display:none
}
}
.md-orbe-country-selector-layout__icon {
object-fit: cover;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 24px;
height: 24px;
margin-left: 5px;
margin-right: 5px
}
.md-modal__content, .md-btn, .md-modal__formContent__select select, .md-form__select, .md-form__select__country__list-link, .md-form__select__language__list-link, .md-form__select__country__list-link-wrapper span, .md-form__select__language__list-link-wrapper span, .md-modal__bodyContent__text p {
font-size: 14px !important;
}
.md-modal__header__title span, .md-modal__header__title h2 {
font-size: 20px;
}
#md-app-embed__modal .md-modal__header__title span, #md-app-embed__modal .md-modal__header__title h2 {
color: #171717 !important;
line-height: 1.75em;
}
#md-app-embed__modal .md-form__select__search__input, #md-app-embed__modal .md-form__select, #md-app-embed__modal .md-form__select__country__list-link, #md-app-embed__modal .md-form__select__language__list-link, #md-app-embed__modal .md-form__select__country__list-link-wrapper span, #md-app-embed__modal .md-form__select__language__list-link-wrapper span {
color: #171717 !important;
}
#md-app-embed__modal .md-form__select[aria-expanded="true"] .md-form__select__country__list__flag-wrapper {
display: none;
}
#md-app-embed__modal .md-form__select[aria-expanded="true"] .md-form__select__country__list-link-wrapper .md-form__select__span {
display: none;
}
#md-app-embed__modal .md-form__select[aria-expanded="true"] .md-form__select__search__input {
display: block;
font-family: inherit;
line-height: inherit;
border: none;
font-size: 14px !important;
}
#md-app-embed__modal .md-form__select[aria-expanded="true"] .md-form__select__search__input::placeholder {
font-size: 14px !important;
}
#md-app-embed__modal .md-form__select__country__list-link:hover, #md-app-embed__modal .md-form__select__language__list-link:hover {
background: rgba(23, 23, 23, 1, 0.1) !important;
}
#md-app-embed__modal .md-form__select__search__input::placeholder {
color: rgba(23, 23, 23, 1, 0.5) !important;
}
.md-btn__primary {
background: #171717 !important;
color: #ffffff !important;
}
.md-btn__primary:hover {
background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) !important;
}
.md-btn__primary:active {
background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) !important;
}
.md-btn__primary {
width: 100% !important;
}
#md-app-embed__modal .md-form__select__search__input, #md-app-embed__modal .md-modal__content, #md-app-embed__modal .md-form__select__country__list, #md-app-embed__modal .md-form__select__language__list {
background-color: #ffffff !important;
color: #171717 !important;
}
#md-app-embed__modal .md-modal__bodyContent p {
color: #171717 !important;
}
.md-modal__container {
-webkit-backdrop-filter: blur(4px) !important;
backdrop-filter: blur(4px) !important;
}
#md-app-embed__modal .md-modal__footerPoweredLink {
color: #171717 !important;
}#md-app-embed__modal .md-modal-closeButton .md-icon__Svg {
fill: #5c5f62 !important;
}
#md-app-embed__modal .md-form__select {
border: unset !important;
}
#md-app-embed__modal .md-form__select__country__list, #md-app-embed__modal .md-form__select__language__list {
border: 1px solid #171717 !important;
}
#md-app-embed__modal .md-form__select {
background-image: url('data:image/svg+xml,') !important;
}
#md-app-embed__modal .md-form__select[aria-expanded="true"] {
background-image: url('data:image/svg+xml,') !important;
}
.md-modal__footerContent {
max-width: 100%;
}
#md-app-embed__modal .md-modal__content, #md-app-embed__modal .md-modal-closeButton, .md-btn, #md-app-embed__modal .md-form__select, #md-app-embed__modal .md-modal__content, .md-modal__content__img, #md-app-embed__modal .md-form__select__country__list, #md-app-embed__modal .md-form__select__language__list {
border-radius: unset !important;
}
/* Custom CSS */
.orbe--opened .otCookiesNotification, .orbe--opened .needsclick{
display: none !important;
}
.md-modal__formContent {
align-items: end;
}
.md-modal__footer {
padding:0!important;
min-height:-webkit-fit-content;
min-height:-moz-fit-content;
min-height:fit-content
}
.md-modal__formContent {
padding-bottom:0!important;
border-top:1px solid #452b1a!important
}
.md-modal__formContent__select {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
button#md-form__select__country {
width:50%
}
button#md-form__select__language {
width:50%
}
.md-modal__formContent__select label {
padding-left:1.5em
}
button#md-form__select__country, button#md-form__select__language {
padding:0 30px 0 0
}
.md-form__select__country__list-link-wrapper .md-form__select__span {
text-overflow: ellipsis; /* IE, Safari (WebKit) */
overflow:hidden;
}
.md-form__selectcountrylist-link-wrapper,.md-formselectlanguage__list-link-wrapper {
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end
}
.md-modal__bodyContent p {
text-align:center;
-webkit-margin-after:0!important;
margin-block-end:0!important
}
.md-modal__header {
padding:0!important
}
.md-modal__content {
min-height:-webkit-fit-content;
min-height:-moz-fit-content;
min-height:fit-content
}
.md-modal__bodyContent__helperText:before {
position:absolute;
content:'';
width:120px;
height:30px;
left:calc(50% - 60px);
background-size: cover;
background-repeat:no-repeat;
top:30px;
}
.md-modal__bodyContent {
position:relative;
padding:4em 3em 2em!important
}
.md-modal__formContent {
padding:0!important;
}
ul#orbeCountryList, ul#orbeLanguageList,#md-app-embed_modal .md-form__select__country__list ,#md-app-embedmodal .md-form__select__language__list {
top:91%;
border:none!important;
border-top:1px solid #452b1a!important
}
.md-modal__bodyContent__helperText {
margin-bottom:0!important;
text-align: center;
}
.md-modal__formContent__selectLabel {
padding-left: 1em;
}
.md-modal__bodyContent__helperText ul {
text-align: left;
margin-left: 4em;
}
.md-modal__bodyContent__helperText p:first-of-type {
display: block;
margin: 0 !important;;
margin-bottom: 1em !important;;
}
.md-form__select__country__list-link-wrapper span, .md-form__select__language__list-link-wrapper span, #md-app-embed__modal .md-form__select[aria-expanded="true"] .md-form__select__search__input, .md-modal__formContent__select label, .md-modal__formContent__selectLabel {
font-size: 0.8579em !important;
}
#md-app-embed__modal .md-form__select[aria-expanded="true"] .md-form__select__search__input::placeholder {
font-size: 0.9em !important;
}
@media only screen and (max-width: 48.0525em) {
.md-modal__bodyContent__helperText {
padding: 3.5em 0 1.5em 0;
}
#md-app-embed__modal .md-modal__header, p.md-modal__bodyContent__text {
padding: 0 !important;
margin: 0 !important;
}
.md-modal__bodyContent__helperText:before {
width: 100px;
height: 20px;
left: calc(50% - 50px);
top: 17px;
    }
#md-app-embed__modal .md-modal__formContent {
padding-bottom: 0!important;
}
#md-app-embed__modal .md-modal__formContent {
padding: 0 !important;
}
.md-modal__bodyContent__helperText ul {
margin-left: 1em;
}
#md-app-embed__modal .md-modal__formContent__select:nth-child(2) {
margin-top: 0;
}
}
.md-modal__footer {
padding: 0.75em 1.5em 1.5em;
}
.md-modal__header__flag {
display: none !important;
}
.md-modal__backdrop {
display: block !important;
}
/* Flag CSS Rules - Country and language flag backgrounds */
.orbe-flags-base { display: none; }
.orbe-flags-eu, .orbe-flags__before-eu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/eu.svg") !important;
}
.orbe-flags-xx, .orbe-flags__before-xx:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/xx.svg") !important;
}
.orbe-flags-ac, .orbe-flags__before-ac:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ac.svg") !important;
}
.orbe-flags-ad, .orbe-flags__before-ad:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ad.svg") !important;
}
.orbe-flags-ae, .orbe-flags__before-ae:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ae.svg") !important;
}
.orbe-flags-af, .orbe-flags__before-af:before {
background-image: url("https://cdn.shopify.com/static/images/flags/af.svg") !important;
}
.orbe-flags-ag, .orbe-flags__before-ag:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ag.svg") !important;
}
.orbe-flags-ai, .orbe-flags__before-ai:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ai.svg") !important;
}
.orbe-flags-al, .orbe-flags__before-al:before {
background-image: url("https://cdn.shopify.com/static/images/flags/al.svg") !important;
}
.orbe-flags-am, .orbe-flags__before-am:before {
background-image: url("https://cdn.shopify.com/static/images/flags/am.svg") !important;
}
.orbe-flags-ao, .orbe-flags__before-ao:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ao.svg") !important;
}
.orbe-flags-aq, .orbe-flags__before-aq:before {
background-image: url("https://cdn.shopify.com/static/images/flags/aq.svg") !important;
}
.orbe-flags-ar, .orbe-flags__before-ar:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ar.svg") !important;
}
.orbe-flags-arab, .orbe-flags__before-arab:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/arab.svg") !important;
}
.orbe-flags-as, .orbe-flags__before-as:before {
background-image: url("https://cdn.shopify.com/static/images/flags/as.svg") !important;
}
.orbe-flags-asean, .orbe-flags__before-asean:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/asean.svg") !important;
}
.orbe-flags-at, .orbe-flags__before-at:before {
background-image: url("https://cdn.shopify.com/static/images/flags/at.svg") !important;
}
.orbe-flags-au, .orbe-flags__before-au:before {
background-image: url("https://cdn.shopify.com/static/images/flags/au.svg") !important;
}
.orbe-flags-aw, .orbe-flags__before-aw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/aw.svg") !important;
}
.orbe-flags-ax, .orbe-flags__before-ax:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ax.svg") !important;
}
.orbe-flags-az, .orbe-flags__before-az:before {
background-image: url("https://cdn.shopify.com/static/images/flags/az.svg") !important;
}
.orbe-flags-ba, .orbe-flags__before-ba:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ba.svg") !important;
}
.orbe-flags-bb, .orbe-flags__before-bb:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bb.svg") !important;
}
.orbe-flags-bd, .orbe-flags__before-bd:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bd.svg") !important;
}
.orbe-flags-be, .orbe-flags__before-be:before {
background-image: url("https://cdn.shopify.com/static/images/flags/be.svg") !important;
}
.orbe-flags-bf, .orbe-flags__before-bf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bf.svg") !important;
}
.orbe-flags-bg, .orbe-flags__before-bg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bg.svg") !important;
}
.orbe-flags-bh, .orbe-flags__before-bh:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bh.svg") !important;
}
.orbe-flags-bi, .orbe-flags__before-bi:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bi.svg") !important;
}
.orbe-flags-bj, .orbe-flags__before-bj:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bj.svg") !important;
}
.orbe-flags-bl, .orbe-flags__before-bl:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bl.svg") !important;
}
.orbe-flags-bm, .orbe-flags__before-bm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bm.svg") !important;
}
.orbe-flags-bn, .orbe-flags__before-bn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bn.svg") !important;
}
.orbe-flags-bo, .orbe-flags__before-bo:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bo.svg") !important;
}
.orbe-flags-bq, .orbe-flags__before-bq:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bq.svg") !important;
}
.orbe-flags-br, .orbe-flags__before-br:before {
background-image: url("https://cdn.shopify.com/static/images/flags/br.svg") !important;
}
.orbe-flags-bs, .orbe-flags__before-bs:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bs.svg") !important;
}
.orbe-flags-bt, .orbe-flags__before-bt:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bt.svg") !important;
}
.orbe-flags-bv, .orbe-flags__before-bv:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bv.svg") !important;
}
.orbe-flags-bw, .orbe-flags__before-bw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bw.svg") !important;
}
.orbe-flags-by, .orbe-flags__before-by:before {
background-image: url("https://cdn.shopify.com/static/images/flags/by.svg") !important;
}
.orbe-flags-bz, .orbe-flags__before-bz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/bz.svg") !important;
}
.orbe-flags-ca, .orbe-flags__before-ca:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ca.svg") !important;
}
.orbe-flags-cc, .orbe-flags__before-cc:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cc.svg") !important;
}
.orbe-flags-cd, .orbe-flags__before-cd:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cd.svg") !important;
}
.orbe-flags-cefta, .orbe-flags__before-cefta:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cefta.svg") !important;
}
.orbe-flags-cf, .orbe-flags__before-cf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cf.svg") !important;
}
.orbe-flags-cg, .orbe-flags__before-cg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cg.svg") !important;
}
.orbe-flags-ch, .orbe-flags__before-ch:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ch.svg") !important;
}
.orbe-flags-ci, .orbe-flags__before-ci:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ci.svg") !important;
}
.orbe-flags-ck, .orbe-flags__before-ck:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ck.svg") !important;
}
.orbe-flags-cl, .orbe-flags__before-cl:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cl.svg") !important;
}
.orbe-flags-cm, .orbe-flags__before-cm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cm.svg") !important;
}
.orbe-flags-cn, .orbe-flags__before-cn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cn.svg") !important;
}
.orbe-flags-co, .orbe-flags__before-co:before {
background-image: url("https://cdn.shopify.com/static/images/flags/co.svg") !important;
}
.orbe-flags-cp, .orbe-flags__before-cp:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cp.svg") !important;
}
.orbe-flags-cr, .orbe-flags__before-cr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cr.svg") !important;
}
.orbe-flags-cu, .orbe-flags__before-cu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cu.svg") !important;
}
.orbe-flags-cv, .orbe-flags__before-cv:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cv.svg") !important;
}
.orbe-flags-cw, .orbe-flags__before-cw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cw.svg") !important;
}
.orbe-flags-cx, .orbe-flags__before-cx:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cx.svg") !important;
}
.orbe-flags-cy, .orbe-flags__before-cy:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cy.svg") !important;
}
.orbe-flags-cz, .orbe-flags__before-cz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/cz.svg") !important;
}
.orbe-flags-de, .orbe-flags__before-de:before {
background-image: url("https://cdn.shopify.com/static/images/flags/de.svg") !important;
}
.orbe-flags-dg, .orbe-flags__before-dg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/dg.svg") !important;
}
.orbe-flags-dj, .orbe-flags__before-dj:before {
background-image: url("https://cdn.shopify.com/static/images/flags/dj.svg") !important;
}
.orbe-flags-dk, .orbe-flags__before-dk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/dk.svg") !important;
}
.orbe-flags-dm, .orbe-flags__before-dm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/dm.svg") !important;
}
.orbe-flags-do, .orbe-flags__before-do:before {
background-image: url("https://cdn.shopify.com/static/images/flags/do.svg") !important;
}
.orbe-flags-dz, .orbe-flags__before-dz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/dz.svg") !important;
}
.orbe-flags-ea, .orbe-flags__before-ea:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ea.svg") !important;
}
.orbe-flags-eac, .orbe-flags__before-eac:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/eac.svg") !important;
}
.orbe-flags-ec, .orbe-flags__before-ec:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ec.svg") !important;
}
.orbe-flags-ee, .orbe-flags__before-ee:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ee.svg") !important;
}
.orbe-flags-eg, .orbe-flags__before-eg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/eg.svg") !important;
}
.orbe-flags-eh, .orbe-flags__before-eh:before {
background-image: url("https://cdn.shopify.com/static/images/flags/eh.svg") !important;
}
.orbe-flags-er, .orbe-flags__before-er:before {
background-image: url("https://cdn.shopify.com/static/images/flags/er.svg") !important;
}
.orbe-flags-es, .orbe-flags__before-es:before {
background-image: url("https://cdn.shopify.com/static/images/flags/es.svg") !important;
}
.orbe-flags-es-ct, .orbe-flags__before-es-ct:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/es-ct.svg") !important;
}
.orbe-flags-es-ga, .orbe-flags__before-es-ga:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/es-ga.svg") !important;
}
.orbe-flags-es-pv, .orbe-flags__before-es-pv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/es-pv.svg") !important;
}
.orbe-flags-et, .orbe-flags__before-et:before {
background-image: url("https://cdn.shopify.com/static/images/flags/et.svg") !important;
}
.orbe-flags-fi, .orbe-flags__before-fi:before {
background-image: url("https://cdn.shopify.com/static/images/flags/fi.svg") !important;
}
.orbe-flags-fj, .orbe-flags__before-fj:before {
background-image: url("https://cdn.shopify.com/static/images/flags/fj.svg") !important;
}
.orbe-flags-fk, .orbe-flags__before-fk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/fk.svg") !important;
}
.orbe-flags-fm, .orbe-flags__before-fm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/fm.svg") !important;
}
.orbe-flags-fo, .orbe-flags__before-fo:before {
background-image: url("https://cdn.shopify.com/static/images/flags/fo.svg") !important;
}
.orbe-flags-fr, .orbe-flags__before-fr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/fr.svg") !important;
}
.orbe-flags-ga, .orbe-flags__before-ga:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ga.svg") !important;
}
.orbe-flags-gb, .orbe-flags__before-gb:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gb.svg") !important;
}
.orbe-flags-gd, .orbe-flags__before-gd:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gd.svg") !important;
}
.orbe-flags-ge, .orbe-flags__before-ge:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ge.svg") !important;
}
.orbe-flags-gf, .orbe-flags__before-gf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gf.svg") !important;
}
.orbe-flags-gg, .orbe-flags__before-gg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gg.svg") !important;
}
.orbe-flags-gh, .orbe-flags__before-gh:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gh.svg") !important;
}
.orbe-flags-gi, .orbe-flags__before-gi:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gi.svg") !important;
}
.orbe-flags-gl, .orbe-flags__before-gl:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gl.svg") !important;
}
.orbe-flags-gm, .orbe-flags__before-gm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gm.svg") !important;
}
.orbe-flags-gn, .orbe-flags__before-gn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gn.svg") !important;
}
.orbe-flags-gp, .orbe-flags__before-gp:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gp.svg") !important;
}
.orbe-flags-gq, .orbe-flags__before-gq:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gq.svg") !important;
}
.orbe-flags-gr, .orbe-flags__before-gr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gr.svg") !important;
}
.orbe-flags-gs, .orbe-flags__before-gs:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gs.svg") !important;
}
.orbe-flags-gt, .orbe-flags__before-gt:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gt.svg") !important;
}
.orbe-flags-gu, .orbe-flags__before-gu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gu.svg") !important;
}
.orbe-flags-gw, .orbe-flags__before-gw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gw.svg") !important;
}
.orbe-flags-gy, .orbe-flags__before-gy:before {
background-image: url("https://cdn.shopify.com/static/images/flags/gy.svg") !important;
}
.orbe-flags-hk, .orbe-flags__before-hk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/hk.svg") !important;
}
.orbe-flags-hm, .orbe-flags__before-hm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/hm.svg") !important;
}
.orbe-flags-hn, .orbe-flags__before-hn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/hn.svg") !important;
}
.orbe-flags-hr, .orbe-flags__before-hr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/hr.svg") !important;
}
.orbe-flags-ht, .orbe-flags__before-ht:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ht.svg") !important;
}
.orbe-flags-hu, .orbe-flags__before-hu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/hu.svg") !important;
}
.orbe-flags-ic, .orbe-flags__before-ic:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ic.svg") !important;
}
.orbe-flags-id, .orbe-flags__before-id:before {
background-image: url("https://cdn.shopify.com/static/images/flags/id.svg") !important;
}
.orbe-flags-ie, .orbe-flags__before-ie:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ie.svg") !important;
}
.orbe-flags-il, .orbe-flags__before-il:before {
background-image: url("https://cdn.shopify.com/static/images/flags/il.svg") !important;
}
.orbe-flags-im, .orbe-flags__before-im:before {
background-image: url("https://cdn.shopify.com/static/images/flags/im.svg") !important;
}
.orbe-flags-in, .orbe-flags__before-in:before {
background-image: url("https://cdn.shopify.com/static/images/flags/in.svg") !important;
}
.orbe-flags-io, .orbe-flags__before-io:before {
background-image: url("https://cdn.shopify.com/static/images/flags/io.svg") !important;
}
.orbe-flags-iq, .orbe-flags__before-iq:before {
background-image: url("https://cdn.shopify.com/static/images/flags/iq.svg") !important;
}
.orbe-flags-ir, .orbe-flags__before-ir:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ir.svg") !important;
}
.orbe-flags-is, .orbe-flags__before-is:before {
background-image: url("https://cdn.shopify.com/static/images/flags/is.svg") !important;
}
.orbe-flags-it, .orbe-flags__before-it:before {
background-image: url("https://cdn.shopify.com/static/images/flags/it.svg") !important;
}
.orbe-flags-je, .orbe-flags__before-je:before {
background-image: url("https://cdn.shopify.com/static/images/flags/je.svg") !important;
}
.orbe-flags-jm, .orbe-flags__before-jm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/jm.svg") !important;
}
.orbe-flags-jo, .orbe-flags__before-jo:before {
background-image: url("https://cdn.shopify.com/static/images/flags/jo.svg") !important;
}
.orbe-flags-jp, .orbe-flags__before-jp:before {
background-image: url("https://cdn.shopify.com/static/images/flags/jp.svg") !important;
}
.orbe-flags-ke, .orbe-flags__before-ke:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ke.svg") !important;
}
.orbe-flags-kg, .orbe-flags__before-kg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/kg.svg") !important;
}
.orbe-flags-kh, .orbe-flags__before-kh:before {
background-image: url("https://cdn.shopify.com/static/images/flags/kh.svg") !important;
}
.orbe-flags-ki, .orbe-flags__before-ki:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ki.svg") !important;
}
.orbe-flags-km, .orbe-flags__before-km:before {
background-image: url("https://cdn.shopify.com/static/images/flags/km.svg") !important;
}
.orbe-flags-kn, .orbe-flags__before-kn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/kn.svg") !important;
}
.orbe-flags-kp, .orbe-flags__before-kp:before {
background-image: url("https://cdn.shopify.com/static/images/flags/kp.svg") !important;
}
.orbe-flags-kr, .orbe-flags__before-kr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/kr.svg") !important;
}
.orbe-flags-kw, .orbe-flags__before-kw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/kw.svg") !important;
}
.orbe-flags-ky, .orbe-flags__before-ky:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ky.svg") !important;
}
.orbe-flags-kz, .orbe-flags__before-kz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/kz.svg") !important;
}
.orbe-flags-la, .orbe-flags__before-la:before {
background-image: url("https://cdn.shopify.com/static/images/flags/la.svg") !important;
}
.orbe-flags-lb, .orbe-flags__before-lb:before {
background-image: url("https://cdn.shopify.com/static/images/flags/lb.svg") !important;
}
.orbe-flags-lc, .orbe-flags__before-lc:before {
background-image: url("https://cdn.shopify.com/static/images/flags/lc.svg") !important;
}
.orbe-flags-li, .orbe-flags__before-li:before {
background-image: url("https://cdn.shopify.com/static/images/flags/li.svg") !important;
}
.orbe-flags-lk, .orbe-flags__before-lk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/lk.svg") !important;
}
.orbe-flags-lr, .orbe-flags__before-lr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/lr.svg") !important;
}
.orbe-flags-ls, .orbe-flags__before-ls:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ls.svg") !important;
}
.orbe-flags-lt, .orbe-flags__before-lt:before {
background-image: url("https://cdn.shopify.com/static/images/flags/lt.svg") !important;
}
.orbe-flags-lu, .orbe-flags__before-lu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/lu.svg") !important;
}
.orbe-flags-lv, .orbe-flags__before-lv:before {
background-image: url("https://cdn.shopify.com/static/images/flags/lv.svg") !important;
}
.orbe-flags-ly, .orbe-flags__before-ly:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ly.svg") !important;
}
.orbe-flags-ma, .orbe-flags__before-ma:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ma.svg") !important;
}
.orbe-flags-mc, .orbe-flags__before-mc:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mc.svg") !important;
}
.orbe-flags-md, .orbe-flags__before-md:before {
background-image: url("https://cdn.shopify.com/static/images/flags/md.svg") !important;
}
.orbe-flags-me, .orbe-flags__before-me:before {
background-image: url("https://cdn.shopify.com/static/images/flags/me.svg") !important;
}
.orbe-flags-mf, .orbe-flags__before-mf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mf.svg") !important;
}
.orbe-flags-mg, .orbe-flags__before-mg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mg.svg") !important;
}
.orbe-flags-mh, .orbe-flags__before-mh:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mh.svg") !important;
}
.orbe-flags-mk, .orbe-flags__before-mk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mk.svg") !important;
}
.orbe-flags-ml, .orbe-flags__before-ml:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ml.svg") !important;
}
.orbe-flags-mm, .orbe-flags__before-mm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mm.svg") !important;
}
.orbe-flags-mn, .orbe-flags__before-mn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mn.svg") !important;
}
.orbe-flags-mo, .orbe-flags__before-mo:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mo.svg") !important;
}
.orbe-flags-mp, .orbe-flags__before-mp:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mp.svg") !important;
}
.orbe-flags-mq, .orbe-flags__before-mq:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mq.svg") !important;
}
.orbe-flags-mr, .orbe-flags__before-mr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mr.svg") !important;
}
.orbe-flags-ms, .orbe-flags__before-ms:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ms.svg") !important;
}
.orbe-flags-mt, .orbe-flags__before-mt:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mt.svg") !important;
}
.orbe-flags-mu, .orbe-flags__before-mu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mu.svg") !important;
}
.orbe-flags-mv, .orbe-flags__before-mv:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mv.svg") !important;
}
.orbe-flags-mw, .orbe-flags__before-mw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mw.svg") !important;
}
.orbe-flags-mx, .orbe-flags__before-mx:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mx.svg") !important;
}
.orbe-flags-my, .orbe-flags__before-my:before {
background-image: url("https://cdn.shopify.com/static/images/flags/my.svg") !important;
}
.orbe-flags-mz, .orbe-flags__before-mz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/mz.svg") !important;
}
.orbe-flags-na, .orbe-flags__before-na:before {
background-image: url("https://cdn.shopify.com/static/images/flags/na.svg") !important;
}
.orbe-flags-nc, .orbe-flags__before-nc:before {
background-image: url("https://cdn.shopify.com/static/images/flags/nc.svg") !important;
}
.orbe-flags-ne, .orbe-flags__before-ne:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ne.svg") !important;
}
.orbe-flags-nf, .orbe-flags__before-nf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/nf.svg") !important;
}
.orbe-flags-ng, .orbe-flags__before-ng:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ng.svg") !important;
}
.orbe-flags-ni, .orbe-flags__before-ni:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ni.svg") !important;
}
.orbe-flags-nl, .orbe-flags__before-nl:before {
background-image: url("https://cdn.shopify.com/static/images/flags/nl.svg") !important;
}
.orbe-flags-no, .orbe-flags__before-no:before {
background-image: url("https://cdn.shopify.com/static/images/flags/no.svg") !important;
}
.orbe-flags-np, .orbe-flags__before-np:before {
background-image: url("https://cdn.shopify.com/static/images/flags/np.svg") !important;
}
.orbe-flags-nr, .orbe-flags__before-nr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/nr.svg") !important;
}
.orbe-flags-nu, .orbe-flags__before-nu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/nu.svg") !important;
}
.orbe-flags-nz, .orbe-flags__before-nz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/nz.svg") !important;
}
.orbe-flags-om, .orbe-flags__before-om:before {
background-image: url("https://cdn.shopify.com/static/images/flags/om.svg") !important;
}
.orbe-flags-pa, .orbe-flags__before-pa:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pa.svg") !important;
}
.orbe-flags-pc, .orbe-flags__before-pc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pc.svg") !important;
}
.orbe-flags-pe, .orbe-flags__before-pe:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pe.svg") !important;
}
.orbe-flags-pf, .orbe-flags__before-pf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pf.svg") !important;
}
.orbe-flags-pg, .orbe-flags__before-pg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pg.svg") !important;
}
.orbe-flags-ph, .orbe-flags__before-ph:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ph.svg") !important;
}
.orbe-flags-pk, .orbe-flags__before-pk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pk.svg") !important;
}
.orbe-flags-pl, .orbe-flags__before-pl:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pl.svg") !important;
}
.orbe-flags-pm, .orbe-flags__before-pm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pm.svg") !important;
}
.orbe-flags-pn, .orbe-flags__before-pn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pn.svg") !important;
}
.orbe-flags-pr, .orbe-flags__before-pr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pr.svg") !important;
}
.orbe-flags-ps, .orbe-flags__before-ps:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ps.svg") !important;
}
.orbe-flags-pt, .orbe-flags__before-pt:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pt.svg") !important;
}
.orbe-flags-pw, .orbe-flags__before-pw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/pw.svg") !important;
}
.orbe-flags-py, .orbe-flags__before-py:before {
background-image: url("https://cdn.shopify.com/static/images/flags/py.svg") !important;
}
.orbe-flags-qa, .orbe-flags__before-qa:before {
background-image: url("https://cdn.shopify.com/static/images/flags/qa.svg") !important;
}
.orbe-flags-re, .orbe-flags__before-re:before {
background-image: url("https://cdn.shopify.com/static/images/flags/re.svg") !important;
}
.orbe-flags-ro, .orbe-flags__before-ro:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ro.svg") !important;
}
.orbe-flags-rs, .orbe-flags__before-rs:before {
background-image: url("https://cdn.shopify.com/static/images/flags/rs.svg") !important;
}
.orbe-flags-ru, .orbe-flags__before-ru:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ru.svg") !important;
}
.orbe-flags-rw, .orbe-flags__before-rw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/rw.svg") !important;
}
.orbe-flags-sa, .orbe-flags__before-sa:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sa.svg") !important;
}
.orbe-flags-sb, .orbe-flags__before-sb:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sb.svg") !important;
}
.orbe-flags-sc, .orbe-flags__before-sc:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sc.svg") !important;
}
.orbe-flags-sd, .orbe-flags__before-sd:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sd.svg") !important;
}
.orbe-flags-se, .orbe-flags__before-se:before {
background-image: url("https://cdn.shopify.com/static/images/flags/se.svg") !important;
}
.orbe-flags-sg, .orbe-flags__before-sg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sg.svg") !important;
}
.orbe-flags-sh, .orbe-flags__before-sh:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sh.svg") !important;
}
.orbe-flags-sh-ac, .orbe-flags__before-sh-ac:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sh-ac.svg") !important;
}
.orbe-flags-sh-hl, .orbe-flags__before-sh-hl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sh-hl.svg") !important;
}
.orbe-flags-sh-ta, .orbe-flags__before-sh-ta:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sh-ta.svg") !important;
}
.orbe-flags-si, .orbe-flags__before-si:before {
background-image: url("https://cdn.shopify.com/static/images/flags/si.svg") !important;
}
.orbe-flags-sj, .orbe-flags__before-sj:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sj.svg") !important;
}
.orbe-flags-sk, .orbe-flags__before-sk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sk.svg") !important;
}
.orbe-flags-sl, .orbe-flags__before-sl:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sl.svg") !important;
}
.orbe-flags-sm, .orbe-flags__before-sm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sm.svg") !important;
}
.orbe-flags-sn, .orbe-flags__before-sn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sn.svg") !important;
}
.orbe-flags-so, .orbe-flags__before-so:before {
background-image: url("https://cdn.shopify.com/static/images/flags/so.svg") !important;
}
.orbe-flags-sr, .orbe-flags__before-sr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sr.svg") !important;
}
.orbe-flags-ss, .orbe-flags__before-ss:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ss.svg") !important;
}
.orbe-flags-st, .orbe-flags__before-st:before {
background-image: url("https://cdn.shopify.com/static/images/flags/st.svg") !important;
}
.orbe-flags-sv, .orbe-flags__before-sv:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sv.svg") !important;
}
.orbe-flags-sx, .orbe-flags__before-sx:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sx.svg") !important;
}
.orbe-flags-sy, .orbe-flags__before-sy:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sy.svg") !important;
}
.orbe-flags-sz, .orbe-flags__before-sz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/sz.svg") !important;
}
.orbe-flags-ta, .orbe-flags__before-ta:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ta.svg") !important;
}
.orbe-flags-tc, .orbe-flags__before-tc:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tc.svg") !important;
}
.orbe-flags-td, .orbe-flags__before-td:before {
background-image: url("https://cdn.shopify.com/static/images/flags/td.svg") !important;
}
.orbe-flags-tf, .orbe-flags__before-tf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tf.svg") !important;
}
.orbe-flags-tg, .orbe-flags__before-tg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tg.svg") !important;
}
.orbe-flags-th, .orbe-flags__before-th:before {
background-image: url("https://cdn.shopify.com/static/images/flags/th.svg") !important;
}
.orbe-flags-tj, .orbe-flags__before-tj:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tj.svg") !important;
}
.orbe-flags-tk, .orbe-flags__before-tk:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tk.svg") !important;
}
.orbe-flags-tl, .orbe-flags__before-tl:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tl.svg") !important;
}
.orbe-flags-tm, .orbe-flags__before-tm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tm.svg") !important;
}
.orbe-flags-tn, .orbe-flags__before-tn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tn.svg") !important;
}
.orbe-flags-to, .orbe-flags__before-to:before {
background-image: url("https://cdn.shopify.com/static/images/flags/to.svg") !important;
}
.orbe-flags-tr, .orbe-flags__before-tr:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tr.svg") !important;
}
.orbe-flags-tt, .orbe-flags__before-tt:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tt.svg") !important;
}
.orbe-flags-tv, .orbe-flags__before-tv:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tv.svg") !important;
}
.orbe-flags-tw, .orbe-flags__before-tw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tw.svg") !important;
}
.orbe-flags-tz, .orbe-flags__before-tz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/tz.svg") !important;
}
.orbe-flags-ua, .orbe-flags__before-ua:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ua.svg") !important;
}
.orbe-flags-ug, .orbe-flags__before-ug:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ug.svg") !important;
}
.orbe-flags-um, .orbe-flags__before-um:before {
background-image: url("https://cdn.shopify.com/static/images/flags/um.svg") !important;
}
.orbe-flags-un, .orbe-flags__before-un:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/un.svg") !important;
}
.orbe-flags-us, .orbe-flags__before-us:before {
background-image: url("https://cdn.shopify.com/static/images/flags/us.svg") !important;
}
.orbe-flags-uy, .orbe-flags__before-uy:before {
background-image: url("https://cdn.shopify.com/static/images/flags/uy.svg") !important;
}
.orbe-flags-uz, .orbe-flags__before-uz:before {
background-image: url("https://cdn.shopify.com/static/images/flags/uz.svg") !important;
}
.orbe-flags-va, .orbe-flags__before-va:before {
background-image: url("https://cdn.shopify.com/static/images/flags/va.svg") !important;
}
.orbe-flags-vc, .orbe-flags__before-vc:before {
background-image: url("https://cdn.shopify.com/static/images/flags/vc.svg") !important;
}
.orbe-flags-ve, .orbe-flags__before-ve:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ve.svg") !important;
}
.orbe-flags-vg, .orbe-flags__before-vg:before {
background-image: url("https://cdn.shopify.com/static/images/flags/vg.svg") !important;
}
.orbe-flags-vi, .orbe-flags__before-vi:before {
background-image: url("https://cdn.shopify.com/static/images/flags/vi.svg") !important;
}
.orbe-flags-vn, .orbe-flags__before-vn:before {
background-image: url("https://cdn.shopify.com/static/images/flags/vn.svg") !important;
}
.orbe-flags-vu, .orbe-flags__before-vu:before {
background-image: url("https://cdn.shopify.com/static/images/flags/vu.svg") !important;
}
.orbe-flags-wf, .orbe-flags__before-wf:before {
background-image: url("https://cdn.shopify.com/static/images/flags/wf.svg") !important;
}
.orbe-flags-ws, .orbe-flags__before-ws:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ws.svg") !important;
}
.orbe-flags-xk, .orbe-flags__before-xk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/xk.svg") !important;
}
.orbe-flags-ye, .orbe-flags__before-ye:before {
background-image: url("https://cdn.shopify.com/static/images/flags/ye.svg") !important;
}
.orbe-flags-yt, .orbe-flags__before-yt:before {
background-image: url("https://cdn.shopify.com/static/images/flags/yt.svg") !important;
}
.orbe-flags-za, .orbe-flags__before-za:before {
background-image: url("https://cdn.shopify.com/static/images/flags/za.svg") !important;
}
.orbe-flags-zm, .orbe-flags__before-zm:before {
background-image: url("https://cdn.shopify.com/static/images/flags/zm.svg") !important;
}
.orbe-flags-zw, .orbe-flags__before-zw:before {
background-image: url("https://cdn.shopify.com/static/images/flags/zw.svg") !important;
}
.orbe-flags-gb-eng, .orbe-flags__before-gb-eng:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-eng.svg") !important;
}
.orbe-flags-gb-nir, .orbe-flags__before-gb-nir:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-nir.svg") !important;
}
.orbe-flags-gb-sct, .orbe-flags__before-gb-sct:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-sct.svg") !important;
}
.orbe-flags-gb-wls, .orbe-flags__before-gb-wls:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-wls.svg") !important;
}
.orbe-flags-circle-eu, .orbe-flags-circle__before-eu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/eu-1x1.svg") !important;
}
.orbe-flags-circle-xx, .orbe-flags-circle__before-xx:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/xx-1x1.svg") !important;
}
.orbe-flags-circle-ac, .orbe-flags-circle__before-ac:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ac-1x1.svg") !important;
}
.orbe-flags-circle-ad, .orbe-flags-circle__before-ad:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ad-1x1.svg") !important;
}
.orbe-flags-circle-ae, .orbe-flags-circle__before-ae:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ae-1x1.svg") !important;
}
.orbe-flags-circle-af, .orbe-flags-circle__before-af:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/af-1x1.svg") !important;
}
.orbe-flags-circle-ag, .orbe-flags-circle__before-ag:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ag-1x1.svg") !important;
}
.orbe-flags-circle-ai, .orbe-flags-circle__before-ai:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ai-1x1.svg") !important;
}
.orbe-flags-circle-al, .orbe-flags-circle__before-al:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/al-1x1.svg") !important;
}
.orbe-flags-circle-am, .orbe-flags-circle__before-am:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/am-1x1.svg") !important;
}
.orbe-flags-circle-ao, .orbe-flags-circle__before-ao:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ao-1x1.svg") !important;
}
.orbe-flags-circle-aq, .orbe-flags-circle__before-aq:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/aq-1x1.svg") !important;
}
.orbe-flags-circle-ar, .orbe-flags-circle__before-ar:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ar-1x1.svg") !important;
}
.orbe-flags-circle-arab, .orbe-flags-circle__before-arab:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/arab-1x1.svg") !important;
}
.orbe-flags-circle-as, .orbe-flags-circle__before-as:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/as-1x1.svg") !important;
}
.orbe-flags-circle-asean, .orbe-flags-circle__before-asean:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/asean-1x1.svg") !important;
}
.orbe-flags-circle-at, .orbe-flags-circle__before-at:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/at-1x1.svg") !important;
}
.orbe-flags-circle-au, .orbe-flags-circle__before-au:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/au-1x1.svg") !important;
}
.orbe-flags-circle-aw, .orbe-flags-circle__before-aw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/aw-1x1.svg") !important;
}
.orbe-flags-circle-ax, .orbe-flags-circle__before-ax:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ax-1x1.svg") !important;
}
.orbe-flags-circle-az, .orbe-flags-circle__before-az:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/az-1x1.svg") !important;
}
.orbe-flags-circle-ba, .orbe-flags-circle__before-ba:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ba-1x1.svg") !important;
}
.orbe-flags-circle-bb, .orbe-flags-circle__before-bb:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bb-1x1.svg") !important;
}
.orbe-flags-circle-bd, .orbe-flags-circle__before-bd:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bd-1x1.svg") !important;
}
.orbe-flags-circle-be, .orbe-flags-circle__before-be:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/be-1x1.svg") !important;
}
.orbe-flags-circle-bf, .orbe-flags-circle__before-bf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bf-1x1.svg") !important;
}
.orbe-flags-circle-bg, .orbe-flags-circle__before-bg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bg-1x1.svg") !important;
}
.orbe-flags-circle-bh, .orbe-flags-circle__before-bh:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bh-1x1.svg") !important;
}
.orbe-flags-circle-bi, .orbe-flags-circle__before-bi:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bi-1x1.svg") !important;
}
.orbe-flags-circle-bj, .orbe-flags-circle__before-bj:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bj-1x1.svg") !important;
}
.orbe-flags-circle-bl, .orbe-flags-circle__before-bl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bl-1x1.svg") !important;
}
.orbe-flags-circle-bm, .orbe-flags-circle__before-bm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bm-1x1.svg") !important;
}
.orbe-flags-circle-bn, .orbe-flags-circle__before-bn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bn-1x1.svg") !important;
}
.orbe-flags-circle-bo, .orbe-flags-circle__before-bo:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bo-1x1.svg") !important;
}
.orbe-flags-circle-bq, .orbe-flags-circle__before-bq:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bq-1x1.svg") !important;
}
.orbe-flags-circle-br, .orbe-flags-circle__before-br:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/br-1x1.svg") !important;
}
.orbe-flags-circle-bs, .orbe-flags-circle__before-bs:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bs-1x1.svg") !important;
}
.orbe-flags-circle-bt, .orbe-flags-circle__before-bt:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bt-1x1.svg") !important;
}
.orbe-flags-circle-bv, .orbe-flags-circle__before-bv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bv-1x1.svg") !important;
}
.orbe-flags-circle-bw, .orbe-flags-circle__before-bw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bw-1x1.svg") !important;
}
.orbe-flags-circle-by, .orbe-flags-circle__before-by:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/by-1x1.svg") !important;
}
.orbe-flags-circle-bz, .orbe-flags-circle__before-bz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/bz-1x1.svg") !important;
}
.orbe-flags-circle-ca, .orbe-flags-circle__before-ca:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ca-1x1.svg") !important;
}
.orbe-flags-circle-cc, .orbe-flags-circle__before-cc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cc-1x1.svg") !important;
}
.orbe-flags-circle-cd, .orbe-flags-circle__before-cd:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cd-1x1.svg") !important;
}
.orbe-flags-circle-cefta, .orbe-flags-circle__before-cefta:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cefta-1x1.svg") !important;
}
.orbe-flags-circle-cf, .orbe-flags-circle__before-cf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cf-1x1.svg") !important;
}
.orbe-flags-circle-cg, .orbe-flags-circle__before-cg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cg-1x1.svg") !important;
}
.orbe-flags-circle-ch, .orbe-flags-circle__before-ch:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ch-1x1.svg") !important;
}
.orbe-flags-circle-ci, .orbe-flags-circle__before-ci:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ci-1x1.svg") !important;
}
.orbe-flags-circle-ck, .orbe-flags-circle__before-ck:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ck-1x1.svg") !important;
}
.orbe-flags-circle-cl, .orbe-flags-circle__before-cl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cl-1x1.svg") !important;
}
.orbe-flags-circle-cm, .orbe-flags-circle__before-cm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cm-1x1.svg") !important;
}
.orbe-flags-circle-cn, .orbe-flags-circle__before-cn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cn-1x1.svg") !important;
}
.orbe-flags-circle-co, .orbe-flags-circle__before-co:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/co-1x1.svg") !important;
}
.orbe-flags-circle-cp, .orbe-flags-circle__before-cp:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cp-1x1.svg") !important;
}
.orbe-flags-circle-cr, .orbe-flags-circle__before-cr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cr-1x1.svg") !important;
}
.orbe-flags-circle-cu, .orbe-flags-circle__before-cu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cu-1x1.svg") !important;
}
.orbe-flags-circle-cv, .orbe-flags-circle__before-cv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cv-1x1.svg") !important;
}
.orbe-flags-circle-cw, .orbe-flags-circle__before-cw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cw-1x1.svg") !important;
}
.orbe-flags-circle-cx, .orbe-flags-circle__before-cx:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cx-1x1.svg") !important;
}
.orbe-flags-circle-cy, .orbe-flags-circle__before-cy:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cy-1x1.svg") !important;
}
.orbe-flags-circle-cz, .orbe-flags-circle__before-cz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/cz-1x1.svg") !important;
}
.orbe-flags-circle-de, .orbe-flags-circle__before-de:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/de-1x1.svg") !important;
}
.orbe-flags-circle-dg, .orbe-flags-circle__before-dg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/dg-1x1.svg") !important;
}
.orbe-flags-circle-dj, .orbe-flags-circle__before-dj:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/dj-1x1.svg") !important;
}
.orbe-flags-circle-dk, .orbe-flags-circle__before-dk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/dk-1x1.svg") !important;
}
.orbe-flags-circle-dm, .orbe-flags-circle__before-dm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/dm-1x1.svg") !important;
}
.orbe-flags-circle-do, .orbe-flags-circle__before-do:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/do-1x1.svg") !important;
}
.orbe-flags-circle-dz, .orbe-flags-circle__before-dz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/dz-1x1.svg") !important;
}
.orbe-flags-circle-ea, .orbe-flags-circle__before-ea:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ea-1x1.svg") !important;
}
.orbe-flags-circle-eac, .orbe-flags-circle__before-eac:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/eac-1x1.svg") !important;
}
.orbe-flags-circle-ec, .orbe-flags-circle__before-ec:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ec-1x1.svg") !important;
}
.orbe-flags-circle-ee, .orbe-flags-circle__before-ee:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ee-1x1.svg") !important;
}
.orbe-flags-circle-eg, .orbe-flags-circle__before-eg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/eg-1x1.svg") !important;
}
.orbe-flags-circle-eh, .orbe-flags-circle__before-eh:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/eh-1x1.svg") !important;
}
.orbe-flags-circle-er, .orbe-flags-circle__before-er:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/er-1x1.svg") !important;
}
.orbe-flags-circle-es, .orbe-flags-circle__before-es:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/es-1x1.svg") !important;
}
.orbe-flags-circle-es-ct, .orbe-flags-circle__before-es-ct:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/es-ct-1x1.svg") !important;
}
.orbe-flags-circle-es-ga, .orbe-flags-circle__before-es-ga:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/es-ga-1x1.svg") !important;
}
.orbe-flags-circle-es-pv, .orbe-flags-circle__before-es-pv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/es-pv-1x1.svg") !important;
}
.orbe-flags-circle-et, .orbe-flags-circle__before-et:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/et-1x1.svg") !important;
}
.orbe-flags-circle-fi, .orbe-flags-circle__before-fi:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/fi-1x1.svg") !important;
}
.orbe-flags-circle-fj, .orbe-flags-circle__before-fj:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/fj-1x1.svg") !important;
}
.orbe-flags-circle-fk, .orbe-flags-circle__before-fk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/fk-1x1.svg") !important;
}
.orbe-flags-circle-fm, .orbe-flags-circle__before-fm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/fm-1x1.svg") !important;
}
.orbe-flags-circle-fo, .orbe-flags-circle__before-fo:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/fo-1x1.svg") !important;
}
.orbe-flags-circle-fr, .orbe-flags-circle__before-fr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/fr-1x1.svg") !important;
}
.orbe-flags-circle-ga, .orbe-flags-circle__before-ga:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ga-1x1.svg") !important;
}
.orbe-flags-circle-gb, .orbe-flags-circle__before-gb:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-1x1.svg") !important;
}
.orbe-flags-circle-gd, .orbe-flags-circle__before-gd:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gd-1x1.svg") !important;
}
.orbe-flags-circle-ge, .orbe-flags-circle__before-ge:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ge-1x1.svg") !important;
}
.orbe-flags-circle-gf, .orbe-flags-circle__before-gf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gf-1x1.svg") !important;
}
.orbe-flags-circle-gg, .orbe-flags-circle__before-gg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gg-1x1.svg") !important;
}
.orbe-flags-circle-gh, .orbe-flags-circle__before-gh:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gh-1x1.svg") !important;
}
.orbe-flags-circle-gi, .orbe-flags-circle__before-gi:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gi-1x1.svg") !important;
}
.orbe-flags-circle-gl, .orbe-flags-circle__before-gl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gl-1x1.svg") !important;
}
.orbe-flags-circle-gm, .orbe-flags-circle__before-gm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gm-1x1.svg") !important;
}
.orbe-flags-circle-gn, .orbe-flags-circle__before-gn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gn-1x1.svg") !important;
}
.orbe-flags-circle-gp, .orbe-flags-circle__before-gp:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gp-1x1.svg") !important;
}
.orbe-flags-circle-gq, .orbe-flags-circle__before-gq:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gq-1x1.svg") !important;
}
.orbe-flags-circle-gr, .orbe-flags-circle__before-gr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gr-1x1.svg") !important;
}
.orbe-flags-circle-gs, .orbe-flags-circle__before-gs:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gs-1x1.svg") !important;
}
.orbe-flags-circle-gt, .orbe-flags-circle__before-gt:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gt-1x1.svg") !important;
}
.orbe-flags-circle-gu, .orbe-flags-circle__before-gu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gu-1x1.svg") !important;
}
.orbe-flags-circle-gw, .orbe-flags-circle__before-gw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gw-1x1.svg") !important;
}
.orbe-flags-circle-gy, .orbe-flags-circle__before-gy:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gy-1x1.svg") !important;
}
.orbe-flags-circle-hk, .orbe-flags-circle__before-hk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/hk-1x1.svg") !important;
}
.orbe-flags-circle-hm, .orbe-flags-circle__before-hm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/hm-1x1.svg") !important;
}
.orbe-flags-circle-hn, .orbe-flags-circle__before-hn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/hn-1x1.svg") !important;
}
.orbe-flags-circle-hr, .orbe-flags-circle__before-hr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/hr-1x1.svg") !important;
}
.orbe-flags-circle-ht, .orbe-flags-circle__before-ht:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ht-1x1.svg") !important;
}
.orbe-flags-circle-hu, .orbe-flags-circle__before-hu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/hu-1x1.svg") !important;
}
.orbe-flags-circle-ic, .orbe-flags-circle__before-ic:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ic-1x1.svg") !important;
}
.orbe-flags-circle-id, .orbe-flags-circle__before-id:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/id-1x1.svg") !important;
}
.orbe-flags-circle-ie, .orbe-flags-circle__before-ie:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ie-1x1.svg") !important;
}
.orbe-flags-circle-il, .orbe-flags-circle__before-il:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/il-1x1.svg") !important;
}
.orbe-flags-circle-im, .orbe-flags-circle__before-im:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/im-1x1.svg") !important;
}
.orbe-flags-circle-in, .orbe-flags-circle__before-in:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/in-1x1.svg") !important;
}
.orbe-flags-circle-io, .orbe-flags-circle__before-io:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/io-1x1.svg") !important;
}
.orbe-flags-circle-iq, .orbe-flags-circle__before-iq:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/iq-1x1.svg") !important;
}
.orbe-flags-circle-ir, .orbe-flags-circle__before-ir:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ir-1x1.svg") !important;
}
.orbe-flags-circle-is, .orbe-flags-circle__before-is:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/is-1x1.svg") !important;
}
.orbe-flags-circle-it, .orbe-flags-circle__before-it:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/it-1x1.svg") !important;
}
.orbe-flags-circle-je, .orbe-flags-circle__before-je:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/je-1x1.svg") !important;
}
.orbe-flags-circle-jm, .orbe-flags-circle__before-jm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/jm-1x1.svg") !important;
}
.orbe-flags-circle-jo, .orbe-flags-circle__before-jo:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/jo-1x1.svg") !important;
}
.orbe-flags-circle-jp, .orbe-flags-circle__before-jp:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/jp-1x1.svg") !important;
}
.orbe-flags-circle-ke, .orbe-flags-circle__before-ke:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ke-1x1.svg") !important;
}
.orbe-flags-circle-kg, .orbe-flags-circle__before-kg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/kg-1x1.svg") !important;
}
.orbe-flags-circle-kh, .orbe-flags-circle__before-kh:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/kh-1x1.svg") !important;
}
.orbe-flags-circle-ki, .orbe-flags-circle__before-ki:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ki-1x1.svg") !important;
}
.orbe-flags-circle-km, .orbe-flags-circle__before-km:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/km-1x1.svg") !important;
}
.orbe-flags-circle-kn, .orbe-flags-circle__before-kn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/kn-1x1.svg") !important;
}
.orbe-flags-circle-kp, .orbe-flags-circle__before-kp:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/kp-1x1.svg") !important;
}
.orbe-flags-circle-kr, .orbe-flags-circle__before-kr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/kr-1x1.svg") !important;
}
.orbe-flags-circle-kw, .orbe-flags-circle__before-kw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/kw-1x1.svg") !important;
}
.orbe-flags-circle-ky, .orbe-flags-circle__before-ky:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ky-1x1.svg") !important;
}
.orbe-flags-circle-kz, .orbe-flags-circle__before-kz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/kz-1x1.svg") !important;
}
.orbe-flags-circle-la, .orbe-flags-circle__before-la:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/la-1x1.svg") !important;
}
.orbe-flags-circle-lb, .orbe-flags-circle__before-lb:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/lb-1x1.svg") !important;
}
.orbe-flags-circle-lc, .orbe-flags-circle__before-lc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/lc-1x1.svg") !important;
}
.orbe-flags-circle-li, .orbe-flags-circle__before-li:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/li-1x1.svg") !important;
}
.orbe-flags-circle-lk, .orbe-flags-circle__before-lk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/lk-1x1.svg") !important;
}
.orbe-flags-circle-lr, .orbe-flags-circle__before-lr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/lr-1x1.svg") !important;
}
.orbe-flags-circle-ls, .orbe-flags-circle__before-ls:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ls-1x1.svg") !important;
}
.orbe-flags-circle-lt, .orbe-flags-circle__before-lt:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/lt-1x1.svg") !important;
}
.orbe-flags-circle-lu, .orbe-flags-circle__before-lu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/lu-1x1.svg") !important;
}
.orbe-flags-circle-lv, .orbe-flags-circle__before-lv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/lv-1x1.svg") !important;
}
.orbe-flags-circle-ly, .orbe-flags-circle__before-ly:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ly-1x1.svg") !important;
}
.orbe-flags-circle-ma, .orbe-flags-circle__before-ma:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ma-1x1.svg") !important;
}
.orbe-flags-circle-mc, .orbe-flags-circle__before-mc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mc-1x1.svg") !important;
}
.orbe-flags-circle-md, .orbe-flags-circle__before-md:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/md-1x1.svg") !important;
}
.orbe-flags-circle-me, .orbe-flags-circle__before-me:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/me-1x1.svg") !important;
}
.orbe-flags-circle-mf, .orbe-flags-circle__before-mf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mf-1x1.svg") !important;
}
.orbe-flags-circle-mg, .orbe-flags-circle__before-mg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mg-1x1.svg") !important;
}
.orbe-flags-circle-mh, .orbe-flags-circle__before-mh:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mh-1x1.svg") !important;
}
.orbe-flags-circle-mk, .orbe-flags-circle__before-mk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mk-1x1.svg") !important;
}
.orbe-flags-circle-ml, .orbe-flags-circle__before-ml:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ml-1x1.svg") !important;
}
.orbe-flags-circle-mm, .orbe-flags-circle__before-mm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mm-1x1.svg") !important;
}
.orbe-flags-circle-mn, .orbe-flags-circle__before-mn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mn-1x1.svg") !important;
}
.orbe-flags-circle-mo, .orbe-flags-circle__before-mo:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mo-1x1.svg") !important;
}
.orbe-flags-circle-mp, .orbe-flags-circle__before-mp:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mp-1x1.svg") !important;
}
.orbe-flags-circle-mq, .orbe-flags-circle__before-mq:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mq-1x1.svg") !important;
}
.orbe-flags-circle-mr, .orbe-flags-circle__before-mr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mr-1x1.svg") !important;
}
.orbe-flags-circle-ms, .orbe-flags-circle__before-ms:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ms-1x1.svg") !important;
}
.orbe-flags-circle-mt, .orbe-flags-circle__before-mt:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mt-1x1.svg") !important;
}
.orbe-flags-circle-mu, .orbe-flags-circle__before-mu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mu-1x1.svg") !important;
}
.orbe-flags-circle-mv, .orbe-flags-circle__before-mv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mv-1x1.svg") !important;
}
.orbe-flags-circle-mw, .orbe-flags-circle__before-mw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mw-1x1.svg") !important;
}
.orbe-flags-circle-mx, .orbe-flags-circle__before-mx:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mx-1x1.svg") !important;
}
.orbe-flags-circle-my, .orbe-flags-circle__before-my:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/my-1x1.svg") !important;
}
.orbe-flags-circle-mz, .orbe-flags-circle__before-mz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/mz-1x1.svg") !important;
}
.orbe-flags-circle-na, .orbe-flags-circle__before-na:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/na-1x1.svg") !important;
}
.orbe-flags-circle-nc, .orbe-flags-circle__before-nc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/nc-1x1.svg") !important;
}
.orbe-flags-circle-ne, .orbe-flags-circle__before-ne:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ne-1x1.svg") !important;
}
.orbe-flags-circle-nf, .orbe-flags-circle__before-nf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/nf-1x1.svg") !important;
}
.orbe-flags-circle-ng, .orbe-flags-circle__before-ng:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ng-1x1.svg") !important;
}
.orbe-flags-circle-ni, .orbe-flags-circle__before-ni:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ni-1x1.svg") !important;
}
.orbe-flags-circle-nl, .orbe-flags-circle__before-nl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/nl-1x1.svg") !important;
}
.orbe-flags-circle-no, .orbe-flags-circle__before-no:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/no-1x1.svg") !important;
}
.orbe-flags-circle-np, .orbe-flags-circle__before-np:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/np-1x1.svg") !important;
}
.orbe-flags-circle-nr, .orbe-flags-circle__before-nr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/nr-1x1.svg") !important;
}
.orbe-flags-circle-nu, .orbe-flags-circle__before-nu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/nu-1x1.svg") !important;
}
.orbe-flags-circle-nz, .orbe-flags-circle__before-nz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/nz-1x1.svg") !important;
}
.orbe-flags-circle-om, .orbe-flags-circle__before-om:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/om-1x1.svg") !important;
}
.orbe-flags-circle-pa, .orbe-flags-circle__before-pa:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pa-1x1.svg") !important;
}
.orbe-flags-circle-pc, .orbe-flags-circle__before-pc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pc-1x1.svg") !important;
}
.orbe-flags-circle-pe, .orbe-flags-circle__before-pe:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pe-1x1.svg") !important;
}
.orbe-flags-circle-pf, .orbe-flags-circle__before-pf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pf-1x1.svg") !important;
}
.orbe-flags-circle-pg, .orbe-flags-circle__before-pg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pg-1x1.svg") !important;
}
.orbe-flags-circle-ph, .orbe-flags-circle__before-ph:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ph-1x1.svg") !important;
}
.orbe-flags-circle-pk, .orbe-flags-circle__before-pk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pk-1x1.svg") !important;
}
.orbe-flags-circle-pl, .orbe-flags-circle__before-pl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pl-1x1.svg") !important;
}
.orbe-flags-circle-pm, .orbe-flags-circle__before-pm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pm-1x1.svg") !important;
}
.orbe-flags-circle-pn, .orbe-flags-circle__before-pn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pn-1x1.svg") !important;
}
.orbe-flags-circle-pr, .orbe-flags-circle__before-pr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pr-1x1.svg") !important;
}
.orbe-flags-circle-ps, .orbe-flags-circle__before-ps:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ps-1x1.svg") !important;
}
.orbe-flags-circle-pt, .orbe-flags-circle__before-pt:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pt-1x1.svg") !important;
}
.orbe-flags-circle-pw, .orbe-flags-circle__before-pw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/pw-1x1.svg") !important;
}
.orbe-flags-circle-py, .orbe-flags-circle__before-py:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/py-1x1.svg") !important;
}
.orbe-flags-circle-qa, .orbe-flags-circle__before-qa:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/qa-1x1.svg") !important;
}
.orbe-flags-circle-re, .orbe-flags-circle__before-re:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/re-1x1.svg") !important;
}
.orbe-flags-circle-ro, .orbe-flags-circle__before-ro:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ro-1x1.svg") !important;
}
.orbe-flags-circle-rs, .orbe-flags-circle__before-rs:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/rs-1x1.svg") !important;
}
.orbe-flags-circle-ru, .orbe-flags-circle__before-ru:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ru-1x1.svg") !important;
}
.orbe-flags-circle-rw, .orbe-flags-circle__before-rw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/rw-1x1.svg") !important;
}
.orbe-flags-circle-sa, .orbe-flags-circle__before-sa:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sa-1x1.svg") !important;
}
.orbe-flags-circle-sb, .orbe-flags-circle__before-sb:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sb-1x1.svg") !important;
}
.orbe-flags-circle-sc, .orbe-flags-circle__before-sc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sc-1x1.svg") !important;
}
.orbe-flags-circle-sd, .orbe-flags-circle__before-sd:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sd-1x1.svg") !important;
}
.orbe-flags-circle-se, .orbe-flags-circle__before-se:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/se-1x1.svg") !important;
}
.orbe-flags-circle-sg, .orbe-flags-circle__before-sg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sg-1x1.svg") !important;
}
.orbe-flags-circle-sh, .orbe-flags-circle__before-sh:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sh-1x1.svg") !important;
}
.orbe-flags-circle-sh-ac, .orbe-flags-circle__before-sh-ac:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sh-ac-1x1.svg") !important;
}
.orbe-flags-circle-sh-hl, .orbe-flags-circle__before-sh-hl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sh-hl-1x1.svg") !important;
}
.orbe-flags-circle-sh-ta, .orbe-flags-circle__before-sh-ta:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sh-ta-1x1.svg") !important;
}
.orbe-flags-circle-si, .orbe-flags-circle__before-si:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/si-1x1.svg") !important;
}
.orbe-flags-circle-sj, .orbe-flags-circle__before-sj:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sj-1x1.svg") !important;
}
.orbe-flags-circle-sk, .orbe-flags-circle__before-sk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sk-1x1.svg") !important;
}
.orbe-flags-circle-sl, .orbe-flags-circle__before-sl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sl-1x1.svg") !important;
}
.orbe-flags-circle-sm, .orbe-flags-circle__before-sm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sm-1x1.svg") !important;
}
.orbe-flags-circle-sn, .orbe-flags-circle__before-sn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sn-1x1.svg") !important;
}
.orbe-flags-circle-so, .orbe-flags-circle__before-so:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/so-1x1.svg") !important;
}
.orbe-flags-circle-sr, .orbe-flags-circle__before-sr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sr-1x1.svg") !important;
}
.orbe-flags-circle-ss, .orbe-flags-circle__before-ss:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ss-1x1.svg") !important;
}
.orbe-flags-circle-st, .orbe-flags-circle__before-st:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/st-1x1.svg") !important;
}
.orbe-flags-circle-sv, .orbe-flags-circle__before-sv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sv-1x1.svg") !important;
}
.orbe-flags-circle-sx, .orbe-flags-circle__before-sx:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sx-1x1.svg") !important;
}
.orbe-flags-circle-sy, .orbe-flags-circle__before-sy:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sy-1x1.svg") !important;
}
.orbe-flags-circle-sz, .orbe-flags-circle__before-sz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/sz-1x1.svg") !important;
}
.orbe-flags-circle-ta, .orbe-flags-circle__before-ta:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ta-1x1.svg") !important;
}
.orbe-flags-circle-tc, .orbe-flags-circle__before-tc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tc-1x1.svg") !important;
}
.orbe-flags-circle-td, .orbe-flags-circle__before-td:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/td-1x1.svg") !important;
}
.orbe-flags-circle-tf, .orbe-flags-circle__before-tf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tf-1x1.svg") !important;
}
.orbe-flags-circle-tg, .orbe-flags-circle__before-tg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tg-1x1.svg") !important;
}
.orbe-flags-circle-th, .orbe-flags-circle__before-th:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/th-1x1.svg") !important;
}
.orbe-flags-circle-tj, .orbe-flags-circle__before-tj:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tj-1x1.svg") !important;
}
.orbe-flags-circle-tk, .orbe-flags-circle__before-tk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tk-1x1.svg") !important;
}
.orbe-flags-circle-tl, .orbe-flags-circle__before-tl:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tl-1x1.svg") !important;
}
.orbe-flags-circle-tm, .orbe-flags-circle__before-tm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tm-1x1.svg") !important;
}
.orbe-flags-circle-tn, .orbe-flags-circle__before-tn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tn-1x1.svg") !important;
}
.orbe-flags-circle-to, .orbe-flags-circle__before-to:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/to-1x1.svg") !important;
}
.orbe-flags-circle-tr, .orbe-flags-circle__before-tr:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tr-1x1.svg") !important;
}
.orbe-flags-circle-tt, .orbe-flags-circle__before-tt:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tt-1x1.svg") !important;
}
.orbe-flags-circle-tv, .orbe-flags-circle__before-tv:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tv-1x1.svg") !important;
}
.orbe-flags-circle-tw, .orbe-flags-circle__before-tw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tw-1x1.svg") !important;
}
.orbe-flags-circle-tz, .orbe-flags-circle__before-tz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/tz-1x1.svg") !important;
}
.orbe-flags-circle-ua, .orbe-flags-circle__before-ua:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ua-1x1.svg") !important;
}
.orbe-flags-circle-ug, .orbe-flags-circle__before-ug:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ug-1x1.svg") !important;
}
.orbe-flags-circle-um, .orbe-flags-circle__before-um:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/um-1x1.svg") !important;
}
.orbe-flags-circle-un, .orbe-flags-circle__before-un:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/un-1x1.svg") !important;
}
.orbe-flags-circle-us, .orbe-flags-circle__before-us:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/us-1x1.svg") !important;
}
.orbe-flags-circle-uy, .orbe-flags-circle__before-uy:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/uy-1x1.svg") !important;
}
.orbe-flags-circle-uz, .orbe-flags-circle__before-uz:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/uz-1x1.svg") !important;
}
.orbe-flags-circle-va, .orbe-flags-circle__before-va:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/va-1x1.svg") !important;
}
.orbe-flags-circle-vc, .orbe-flags-circle__before-vc:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/vc-1x1.svg") !important;
}
.orbe-flags-circle-ve, .orbe-flags-circle__before-ve:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ve-1x1.svg") !important;
}
.orbe-flags-circle-vg, .orbe-flags-circle__before-vg:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/vg-1x1.svg") !important;
}
.orbe-flags-circle-vi, .orbe-flags-circle__before-vi:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/vi-1x1.svg") !important;
}
.orbe-flags-circle-vn, .orbe-flags-circle__before-vn:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/vn-1x1.svg") !important;
}
.orbe-flags-circle-vu, .orbe-flags-circle__before-vu:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/vu-1x1.svg") !important;
}
.orbe-flags-circle-wf, .orbe-flags-circle__before-wf:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/wf-1x1.svg") !important;
}
.orbe-flags-circle-ws, .orbe-flags-circle__before-ws:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ws-1x1.svg") !important;
}
.orbe-flags-circle-xk, .orbe-flags-circle__before-xk:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/xk-1x1.svg") !important;
}
.orbe-flags-circle-ye, .orbe-flags-circle__before-ye:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/ye-1x1.svg") !important;
}
.orbe-flags-circle-yt, .orbe-flags-circle__before-yt:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/yt-1x1.svg") !important;
}
.orbe-flags-circle-za, .orbe-flags-circle__before-za:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/za-1x1.svg") !important;
}
.orbe-flags-circle-zm, .orbe-flags-circle__before-zm:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/zm-1x1.svg") !important;
}
.orbe-flags-circle-zw, .orbe-flags-circle__before-zw:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/zw-1x1.svg") !important;
}
.orbe-flags-circle-gb-eng, .orbe-flags-circle__before-gb-eng:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-eng-1x1.svg") !important;
}
.orbe-flags-circle-gb-nir, .orbe-flags-circle__before-gb-nir:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-nir-1x1.svg") !important;
}
.orbe-flags-circle-gb-sct, .orbe-flags-circle__before-gb-sct:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-sct-1x1.svg") !important;
}
.orbe-flags-circle-gb-wls, .orbe-flags-circle__before-gb-wls:before {
background-image: url("https://cdn.shopify.com/extensions/019a4fad-3d71-7f56-8ed1-97c74b8e682d/orbe-400/assets/gb-wls-1x1.svg") !important;
}
.swym-wishlist-collections-v2-container {
position: absolute;
top: 0;
left: 0;
padding: 10px;
z-index: 5;
cursor: pointer;
}
.template-product main, .template-collection main {
margin-top: calc(var(--header-parent-height) - 1px) !important;
}
.sticky-content-container {
position: sticky;
top: calc(50px + var(--theme-sticky-header-height))!important;
}
.template-product main, .template-collection main {
margin-top: calc(
var(--header-height) + var(--anouncement-scrolling-height)
)!important;
}
button.btn.btn--large.add-to-cart {
color: #fff;
border: 1px solid #171717;
Background: #171717;
}
@media (min-width: 1024px) and (max-width: 99999px) {
button.btn.btn--large.add-to-cart {
font-size: 14px;
letter-spacing: -0.075em;
text-transform: capitalize !important;
font-family: "NeueHaasUnicaW1G-Regular";
font-weight: 400 !important;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
button.btn.btn--large.add-to-cart {
font-size: 14px;
letter-spacing: -0.075em;
text-transform: capitalize !important;
font-family: "NeueHaasUnicaW1G-Regular";
font-weight: 400 !important;
}
}
@media (min-width: 0px) and (max-width: 768px) {
button.btn.btn--large.add-to-cart {
font-size: 14px;
letter-spacing: -0.075em;
text-transform: capitalize !important;
font-family: "NeueHaasUnicaW1G-Regular";
font-weight: 400 !important;
}
}
.ProductMeta .ProductMeta__Title, .ProductMeta__PriceList, .ProductMeta__Description_top, .ProductForm__Inventory, .shopify-payment-button {
padding: 0px;
}
.related-products h4.align-center.hometitle {
font-family: NeueHaasUnicaW1G-bold;
font-weight: 700;
font-style: normal;
color: #171717;
text-align: left;
}
.product-grid.product-grid {
gap: 0px;
--product-columns-desktop: 5;
margin: 0 -4px;
row-gap: 20px;
}
product-block.product-block {
padding: 0 4px;
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
.product-grid.product-grid {
--product-columns-desktop: 4;
}
}
@media screen and (max-width: 640px) {
.product-grid.product-grid {
--product-columns-desktop: 2;
}
.swiper-button-prev, .swiper-button-next {
display: none !important;
}
}
button.modal__close-btn.absolute.js-close-modal {
z-index: 5;
}
img.Image--fadeIn.lazyautosizes.Image--lazyLoaded {
height: 100%!important;
}
.template-product main {
margin-top: calc(
var(--header-height) + var(--anouncement-scrolling-height)
)!important;
}
.shopify-section.section-main-product {
margin-top: 0px;
}
.template-collection main {
margin-top: calc(var(--header-height)) !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
width: 20px!important;
height: 20px!important;
object-fit: contain;
transform-origin: center;
}
.section-slide_slide_Bm.new-countdown-banner .banner-text-content .collection-open-status .pre-heading h3 {
color: white;
}
.image-grid-gallery-new svg {
height: 10px !important;
width: 10px !important;
}
@media screen and (max-width: 1007px) {
.product-featured-wrapper {
display: none !important;
}
.image-grid-gallery-new {
display: block !important;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.product-image-wrapper-new_grid .image-grid-gallery-new, .product-image-wrapper-new_grid:focus-within .image-grid-gallery-new {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.quick-menus-and-sorting-idevv {
display: flex;
justify-content: space-between;
flex-direction: column;
}
}
h1, .h1, h2, h3, h4, h5, h6, .heading-font {
margin-bottom: auto;
color: rgb(var(--heading-color));
line-height: 1.2;
}
button.btn.btn--large.add-to-cart{
border-radius: 0px;
}
.product-dynamic-payment-button div,
.product-dynamic-payment-button button {
border-radius: 10px !important;
}
.paypal-button.paypal-button-border-radius {
border-radius: 0px!important;
}
.swym-atw-btn-wrapper.add_to_cart_button_left-position, .swym-atw-btn-wrapper.product_title_left-position, .swym-atw-btn-wrapper.product_title_right-position, .swym-atw-btn-wrapper.add_to_cart_button_right-position {
display: flex;
gap: 1px!important;
}
/* 1. Tell Shopify accelerated checkout to use 0 radius */
.product-dynamic-payment-button {
--shopify-accelerated-checkout-button-border-radius: 0px !important;
}
/* 2. Kill radius on everything you *can* reach */
.product-dynamic-payment-button,
.product-dynamic-payment-button * {
border-radius: 0 !important;
}
/* 3. Make sure wrapper hides any rounded corners inside the iframe */
.product-dynamic-payment-button iframe,
.product-dynamic-payment-button .shopify-payment-button,
.product-dynamic-payment-button [data-shopify="payment-button"] {
border-radius: 0 !important;
overflow: hidden; /* clips inner rounded edges from PayPal */
}
.btn{
background: #171717 !important;
border-radius: 0px;
border: none
}
.cart-item-upsells ul {
--product-columns-desktop: 3!important;
}
.page-section-spacing {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
.collection-open-status .pre-heading h3 {
color: white;
}
swym-header-icon .counter-wrapper {
top: -1px;
display: none;
}
.text-box{
}
.product-info .ProductMeta {
margin-bottom: 20px;
}
body {
--header-parent-height: calc(var(--header-height) + var(--anouncement-scroll-height));
--small-header-announcement: calc(var(--small-header-height) + var(--anouncement-scrolling-height));
}
.template-index main, .template-product main, .template-collection main, main {
margin-top: calc(var(--header-parent-height) - 1px) !important;
}
#content>.container {
margin-top: 140px;
margin-bottom: var(--section-padding);
}
.Header__Logo--large.Header__logo, .Header__Logo--large.Header__logo.animate-logo {
display: none;
}
main {
border-bottom: 1px solid #1717173d;
}
.CollectionToolbar.json_template_style.CollectionToolbar--top.CollectionToolbar--reverse {
margin-top: 16px;
}
main {
margin-bottom: 40px;
}
div#giftbox-root
Specificity: (1,0,1)
{
position: relative;
z-index: 2;
}
.ProductItem_new-grid__Wrapper .product-label-container {
z-index: 3;
}