/* !!!! begin root styles */ :root { --LBGBlack: #151515; --LBGCreme: #fffcf6; --LBGDarkCreme: #f0ede8; --LBGDarkCreme_active: #ddd6cb; --LBGRed: #ce3948; --white: #fff; } ::-moz-selection { /* Code for Firefox */ background: #ddd6cb; color: var(--LBGBlack); } ::selection { background: #ddd6cb; color: var(--LBGBlack); } /*width*/ ::-webkit-scrollbar { width: 0px; } /*track*/ ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); } /*thumb*/ ::-webkit-scrollbar-thumb { background: rgba(51, 51, 51, 0); } /* end root styles */ /* !!!! begin custom cursor */ .custom-cursor { pointer-events: none; } .product-card-colwrap.splide__track:hover .custom-cursor, .full-workshop-image-wrap:hover .custom-cursor { opacity: 100%; } .custom-cursor { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .custom-cursor.show-cursor.click .custom-cursor__label .custom-cursor__center-label { margin: 0px; } /* end custom cursor */ /* !!!! begin white/normal home hero */ .left-nav.white-bm-normal .side-nav-link, .left-nav.white-bm-normal, .nav.white-bm-normal .top-nav-link, .nav.white-bm-normal, .promo-bar.white-bm-normal, .hero-newsletter-wrapper.white-bm-normal { mix-blend-mode: normal !important; color: var(--white) !important; } .hero-newsletter-trig { color: inherit; } /* end white/normal home hero */ /* !!!! begin input field */ .input-field-wrap::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; transform: scaleX(0); background-color: var(--LBGBlack); transform-origin: bottom left; transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); } .input-field-wrap:focus-within::after { transform: scaleX(1); } /* end input field */ /* !!!! begin underlined links */ .footer-link { position: relative; padding-bottom: 1px; } .footer-link::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; transform: scaleX(0); background-color: currentColor; transform-origin: bottom right; transition: transform 0.3s ease; } .footer-link:hover::after { transform: scaleX(1); transform-origin: bottom left; } /* end underlined links */ .growing-video { transition-property: top, bottom, left, right, width, height; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-duration: 2.2s; } .vertical-type { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; } /* !!!! begin reduced nav styles */ /* .top-nav-wrapper.is--reduced :is(.top-nav-links.top-left > .top-nav-link:nth-of-type(1), .top-nav-links.top-right > .top-nav-link:nth-of-type(1), .hero-logo) { display: none; } */ .top-nav-wrapper.is--reduced.is--fixed :is(.nav) { mix-blend-mode: exclusion; position: static; } .top-nav-wrapper.with-promo :is(.nav) { top: 5.3em; } .top-nav-wrapper.is--404-collection :is(.nav) { top: 2em; } .top-nav-wrapper.is--404-collection :is(.nav) { top: 0em; padding-top: 2em; padding-bottom: 2em; } /* end reduced nav styles */ /* !!!! begin cart styles */ .cart-offer-item:last-of-type { border-bottom: none !important; } .mini-cart-list { overflow-y: auto; } @media screen and (min-width: 768px) { .cart-offers { overflow-y: auto; } } @media screen and (max-width: 767px) { .cart-offers.mobile-version { overflow-x: auto; } } /* end cart styles */ /* !!!! begin left nav styles */ .left-nav-wrap__product .left-nav { display: none; z-index: 21; } /* Desktop and Up */ @media only screen and (min-width: 992px) { .left-nav-links-wrap { justify-content: center !important; } .nav.bm-normal, .left-nav.bm-normal, .promo-bar.bm-normal { mix-blend-mode: normal !important; } .nav.bm-normal :is(.top-nav-link, .text-link__underlined), .left-nav.bm-normal :is(.side-nav-link) { color: white !important; } .left-nav:hover { mix-blend-mode: normal; } .left-nav:hover .left-nav-bg { background-color: var(--LBGDarkCreme); } /* !! PRODUCT PAGE & INNER PAGES LEFT NAV */ .left-nav-wrap__home .left-nav, .left-nav-wrap__product .left-nav { padding-top: 0%; } .left-nav-wrap__home .left-nav-links-wrap, .left-nav-wrap__product .left-nav-links-wrap { height: 100%; top: 50%; transform: translateY(-50%); } /* HOME PAGE LEFT NAV */ /* !! PRODUCT PAGE & INNER PAGES LEFT NAV */ .left-nav-wrap__product .left-nav{ mix-blend-mode: normal; } .left-nav-wrap__product .left-nav { background-color: var(--LBGDarkCreme); } .left-nav-wrap__inner-pages .left-nav { padding-top: 21vh; } /* PRODUCT PAGE & INNER PAGES LEFT NAV */ } /* end left nav styles */ .is--white :is(.top-nav-link, .text-link__underlined), .text-link__underlined.is--white { color: white; } /* .is--black :is(.top-nav-link, .text-link__underlined, .hero-logo-wrap, .reduced-logo-wrap) { filter: invert(100%); } */ .text-link__underlined.is--white { border-bottom: dotted 2px #fff; } .large-decorative-heading { mix-blend-mode: exclusion; } .product-config-gif { mix-blend-mode: darken; } .splide__arrow:disabled { opacity: 20%; } .secondary-btn.customize::after { content: url("https://uploads-ssl.webflow.com/61837f2f4130b4826b2648c1/61973945f6ae6ddf4f4a8e92_magic-wand.svg"); width: auto; height: auto; position: absolute; right: 1em; bottom: 1em; } /* .primary-btn::after { content: ""; position: absolute; width: 35em; height: 35em; left: 50%; transform: translate(-50%, 10%); border-radius: 50%; background-color: var(--LBGDarkCreme); transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1); } .primary-btn:hover::after { transform: translate(-50%, -105%); } */ .instagram-post-link:hover :is(.instagram-post) { opacity: 60%; transform: scale(1.08, 1.08); } .instagram-post-link:hover :is(.text-link__underlined) { opacity: 100%; } .instagram-post-link :is(.text-link__underlined) { opacity: 0%; } @media only screen and (min-width: 0px) and (max-width: 320px) { .hero-logo-wrap { width: 20vw; } } /* Mobile Portrait */ @media only screen and (min-width: 0px) and (max-width: 479px) { .top-nav-wrapper.with-promo :is(.nav) { top: 5.8em; } } /* Tablet Only */ @media only screen and (min-width: 768px) and (max-width: 991px) { .top-nav-wrapper.with-promo :is(.nav) { top: 3.8em; } } /* Tablet on Down */ @media only screen and (min-width: 320px) and (max-width: 991px) { /* PRODUCT LEFT NAV */ .left-nav-wrap__product .left-nav { mix-blend-mode: normal; z-index: 5; } /* PRODUCT LEFT NAV */ } /* Mobile Landscape */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Landscape and Down */ @media only screen and (min-width: 320px) and (max-width: 767px) { .top-nav-wrapper.with-promo :is(.nav) { top: 3em; } } /* Desktop Main */ @media only screen and (min-width: 992px) and (max-width: 1280px) { body :is(.body-copy, .side-nav-link, .text-link__underlined) { font-size: 12px; } body :is(.footer-link, .top-nav-link) { font-size: 10px; } .top-nav-wrapper.is--reduced.is--fixed :is(.top-nav-link, .home-hero__chevron-icon, .wg-dropdown-1-link) { color: var(--LBGBlack); } } /* Desktop Largest and Up */ @media only screen and (min-width: 1920px) { body { font-size: 16px; } body :is(p, .body-copy, .text-link__underlined) { font-size: 16px; } } .large-decorative-heading.animated-left { animation: infiniteHorizontalMoveLeft 25s linear infinite; } .large-decorative-heading.animated-right { animation: infiniteHorizontalMoveRight 25s linear infinite; } @keyframes infiniteHorizontalMoveLeft { 0% { transform: translateX(0vw); } 99.9% { transform: translateX(-100vw); } 100% { transform: translate(0vw); } } @keyframes infiniteHorizontalMoveRight { 0% { transform: translateX(0vw); } 99.9% { transform: translateX(100vw); } 100% { transform: translate(0vw); } } .weglot-container.wg-default { display: none !important; } .variation-element.selected:hover .variant-swatch .swatch-inner { background-color: var(--LBGDarkCreme_active); } .variation-element:hover .variant-swatch { opacity: 85%; } .variant-swatch-wrap.active .swatch-inner__icon, .variation-element.selected .swatch-inner.is--check { opacity: 100%; } .swatch-inner, .pointer-events-none { pointer-events: none; } .swatch-inner.real-checkbox { pointer-events: all; } .grid-4col-2gut .product-card-title { text-overflow: ellipsis; max-width: 24ch; } .product-card-grid .product-card-title { text-overflow: ellipsis; max-width: 36ch; } .product-card-item.category-page:hover .product-card-image.is--primary { opacity: 0; } .product-card-item.category-page:hover :is(.product-card__top-type, .product-card__bottom-type) { color: white; } .splide__slide.materials-slide.is-active .material-slider_image { mix-blend-mode: normal; opacity: 100; width: 34.4em; } .splide__slide.materials-slide.is-active .large-decorative-heading.materials-slider { opacity: 100; } .splide.product-slider .splide__sr { display: none; }