@charset "utf-8";



.lkp { --rosa: #FF4D8D; --rosa-claro: #FFB3D0; --lila: #C77DFF; --amarillo: #FFD700; --turquesa: #00D4C8; --verde: #4CAF50; --blanco: #FFFAF9; --oscuro: #2D1B4E; --gradiente: linear-gradient(135deg, #FF4D8D 0%, #C77DFF 50%, #7B2FFF 100%); --gradiente-rosa: linear-gradient(135deg, #FF4D8D, #FFB3D0); font-family: Nunito, sans-serif; background: var(--blanco); color: var(--oscuro); overflow-x: hidden; }



.lkp, .lkp * { box-sizing: border-box; }



.lkp__inner { width: 100%; }



.lkp img { max-width: 100%; height: auto; }



.lkp a { text-decoration: none; }



.lkp section { padding: 60px 20px; }



.lkp .container { max-width: 780px; margin: 0px auto; }



.lkp .titulo-seccion { font-family: "Fredoka One", cursive; font-size: clamp(1.6rem, 5vw, 2.4rem); text-align: center; margin: 0px 0px 8px; color: var(--oscuro); }



.lkp .subtitulo-seccion { text-align: center; color: rgb(102, 102, 102); font-size: 1rem; margin-bottom: 40px; font-weight: 600; }



.lkp .hero { background: var(--gradiente); padding: 0px; position: relative; overflow: hidden; }



.lkp .hero::before { content: ""; position: absolute; top: -80px; left: -80px; width: 300px; height: 300px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; }



.lkp .hero::after { content: ""; position: absolute; bottom: -100px; right: -60px; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.06); border-radius: 50%; }



.lkp .alerta-top { background: var(--amarillo); color: var(--oscuro); text-align: center; padding: 10px 20px; font-size: 14px; font-weight: 800; letter-spacing: 0.5px; animation: 2s ease 0s infinite normal none running lkp-pulse-bg; }



@keyframes lkp-pulse-bg { 

  0%, 100% { background: var(--amarillo); }

  50% { background: rgb(255, 229, 92); }

}



.lkp .hero-inner { max-width: 780px; margin: 0px auto; padding: 50px 24px 40px; text-align: center; position: relative; z-index: 2; }



.lkp .badge-espera { display: inline-block; background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.5); color: rgb(255, 255, 255); padding: 6px 18px; border-radius: 50px; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; backdrop-filter: blur(4px); }



.lkp .hero h1 { font-family: "Fredoka One", cursive; font-size: clamp(2rem, 6vw, 3.4rem); color: rgb(255, 255, 255); line-height: 1.15; margin: 0px 0px 16px; text-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px; }



.lkp .hero h1 span { color: var(--amarillo); display: block; }



.lkp .hero-sub { font-size: clamp(1rem, 2.5vw, 1.2rem); color: rgba(255, 255, 255, 0.92); max-width: 560px; margin: 0px auto 28px; line-height: 1.6; font-weight: 600; }



.lkp .countdown-box { background: rgba(0, 0, 0, 0.25); border-radius: 20px; padding: 18px 30px; display: inline-flex; align-items: center; gap: 16px; margin-bottom: 32px; backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.2); }



.lkp .countdown-label { color: rgba(255, 255, 255, 0.8); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }



.lkp .timer { display: flex; gap: 10px; align-items: center; }



.lkp .timer-unit { text-align: center; }



.lkp .timer-num { font-family: "Fredoka One", cursive; font-size: 2rem; color: var(--amarillo); line-height: 1; display: block; min-width: 48px; background: rgba(0, 0, 0, 0.3); border-radius: 10px; padding: 4px 8px; }



.lkp .timer-tag { font-size: 10px; color: rgba(255, 255, 255, 0.7); font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }



.lkp .timer-sep { font-family: "Fredoka One", cursive; font-size: 1.8rem; color: var(--amarillo); margin-top: -8px; }



.lkp .btn-cta { display: inline-block; background: linear-gradient(135deg, gold, rgb(255, 149, 0)); color: var(--oscuro); font-family: "Fredoka One", cursive; font-size: clamp(1.1rem, 3vw, 1.5rem); padding: 18px 48px; border-radius: 100px; box-shadow: rgba(255, 165, 0, 0.5) 0px 8px 30px, rgba(255, 215, 0, 0.4) 0px 0px; transition: transform 0.2s, box-shadow 0.2s; animation: 2.5s ease 0s infinite normal none running lkp-pulse-btn; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; letter-spacing: 0.5px; }



@keyframes lkp-pulse-btn { 

  0%, 100% { box-shadow: rgba(255, 165, 0, 0.5) 0px 8px 30px, rgba(255, 215, 0, 0.4) 0px 0px; }

  50% { box-shadow: rgba(255, 165, 0, 0.6) 0px 8px 30px, rgba(255, 215, 0, 0) 0px 0px 0px 14px; }

}



.lkp .btn-cta:hover { transform: translateY(-3px) scale(1.03); box-shadow: rgba(255, 165, 0, 0.6) 0px 14px 40px; }



.lkp .btn-cta-block { display: block; }



.lkp .btn-sub { display: block; color: rgba(255, 255, 255, 0.7); font-size: 12px; margin-top: 12px; font-weight: 600; }



.lkp .hero-media { border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 40px; max-width: 620px; margin: 36px auto 28px; }



.lkp .hero-media video { width: 100%; display: block; pointer-events: none; }



.lkp .paraquien-section { background: rgb(255, 245, 249); border-top: 4px solid var(--rosa-claro); border-bottom: 4px solid var(--rosa-claro); padding: 60px 20px; }



.lkp .check-lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }



.lkp .check-item { display: flex; align-items: flex-start; gap: 12px; background: rgb(255, 255, 255); padding: 14px 18px; border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px; font-size: 0.95rem; font-weight: 600; color: rgb(68, 68, 68); border-left: 5px solid var(--rosa); }



.lkp .check-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 1px; }



.lkp .incluye-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 40px; }



.lkp .incluye-card { background: rgb(255, 255, 255); border-radius: 20px; padding: 24px 20px; text-align: center; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 20px; border: 2px solid transparent; transition: border-color 0.3s, transform 0.3s; position: relative; overflow: hidden; }



.lkp .incluye-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 4px; background: var(--gradiente); }



.lkp .incluye-card:hover { border-color: var(--rosa-claro); transform: translateY(-4px); }



.lkp .incluye-emoji { font-size: 2.6rem; margin-bottom: 12px; display: block; }



.lkp .incluye-titulo { font-family: "Fredoka One", cursive; font-size: 1.1rem; color: var(--oscuro); margin-bottom: 6px; }



.lkp .incluye-desc { font-size: 0.88rem; color: rgb(119, 119, 119); line-height: 1.5; }



.lkp .cantidad-badge { display: inline-block; background: var(--gradiente); color: rgb(255, 255, 255); font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 50px; margin-bottom: 8px; }



.lkp .image-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 8px; }



.lkp .image-grid img { width: 100%; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; }



.lkp .bonos-section { background: linear-gradient(135deg, rgb(248, 240, 255), rgb(255, 240, 248)); position: relative; }



.lkp .bono-card { background: rgb(255, 255, 255); border-radius: 20px; padding: 20px 24px; display: grid; grid-template-columns: 44px 1fr 120px; align-items: center; gap: 20px; margin-bottom: 16px; box-shadow: rgba(199, 125, 255, 0.1) 0px 3px 16px; border: 2px solid rgb(240, 228, 255); position: relative; overflow: hidden; transition: transform 0.2s; }



.lkp .bono-card:hover { transform: translate(4px); }



.lkp .bono-card::after { content: "GRATIS"; position: absolute; top: 14px; right: -24px; background: var(--verde); color: rgb(255, 255, 255); font-size: 10px; font-weight: 900; padding: 3px 30px; transform: rotate(45deg); letter-spacing: 1px; }



.lkp .bono-num { background: var(--gradiente); color: rgb(255, 255, 255); font-family: "Fredoka One", cursive; font-size: 1.3rem; min-width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }



.lkp .bono-info h4 { font-family: "Fredoka One", cursive; font-size: 1.05rem; color: var(--oscuro); margin-bottom: 4px; }



.lkp .bono-info p { font-size: 0.87rem; color: rgb(102, 102, 102); line-height: 1.5; margin: 0px; }



.lkp .bono-valor { font-weight: 800; color: var(--rosa); font-size: 0.95rem; margin-top: 4px; display: block; }



.lkp .bono-thumb { width: 120px; height: 120px; border-radius: 16px; overflow: hidden; background: rgb(255, 255, 255); border: 2px solid rgb(242, 223, 247); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; flex-shrink: 0; }



.lkp .bono-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }



.lkp .bonos-btn-container { text-align: center; margin-top: 30px; }



.lkp .btn-bonos { display: inline-block; background: linear-gradient(135deg, rgb(255, 77, 141), rgb(199, 125, 255)); color: rgb(255, 255, 255); font-family: "Fredoka One", cursive; font-size: 1.3rem; padding: 16px 42px; border-radius: 60px; text-decoration: none; box-shadow: rgba(199, 125, 255, 0.4) 0px 8px 20px; transition: transform 0.3s, box-shadow 0.3s; border: 2px solid rgba(255, 255, 255, 0.3); }



.lkp .btn-bonos:hover { transform: translateY(-3px) scale(1.03); box-shadow: rgba(199, 125, 255, 0.6) 0px 12px 30px; }



.lkp .como-funciona-section { background: linear-gradient(135deg, rgb(255, 240, 247), rgb(249, 240, 255)); border-top: 4px solid var(--lila); border-bottom: 4px solid var(--rosa); position: relative; overflow: hidden; }



.lkp .como-funciona-section::before { content: ""; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: rgba(199, 125, 255, 0.1); border-radius: 50%; }



.lkp .como-funciona-section::after { content: ""; position: absolute; bottom: -50px; left: -50px; width: 250px; height: 250px; background: rgba(255, 77, 141, 0.1); border-radius: 50%; }



.lkp .pasos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 40px; position: relative; z-index: 2; }



.lkp .paso-card { background: rgb(255, 255, 255); border-radius: 30px; padding: 35px 20px 30px; text-align: center; box-shadow: rgba(199, 125, 255, 0.2) 0px 15px 35px; border: 3px solid transparent; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; position: relative; overflow: hidden; }



.lkp .paso-card:hover { transform: translateY(-10px); border-color: var(--rosa); box-shadow: rgba(255, 77, 141, 0.25) 0px 20px 40px; }



.lkp .paso-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 6px; background: var(--gradiente); }



.lkp .paso-numero { font-family: "Fredoka One", cursive; font-size: 4.5rem; background: var(--gradiente); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-bottom: 5px; text-shadow: rgba(199, 125, 255, 0.2) 3px 3px 0px; }



.lkp .paso-icono { font-size: 3rem; margin-bottom: 15px; display: block; }



.lkp .paso-titulo { font-family: "Fredoka One", cursive; font-size: 1.4rem; color: var(--oscuro); margin-bottom: 12px; background: var(--gradiente); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }



.lkp .paso-desc { font-size: 0.95rem; color: rgb(85, 85, 85); line-height: 1.6; padding: 0px 10px; margin: 0px; }



.lkp .comparativa-section { background: rgb(247, 240, 255); padding-top: 50px; padding-bottom: 50px; }



.lkp .comparativa { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; }



.lkp .comp-box { border-radius: 20px; padding: 24px; }



.lkp .comp-antes { background: rgb(255, 240, 240); border: 2px solid rgb(255, 205, 210); }



.lkp .comp-despues { background: rgb(240, 255, 244); border: 2px solid rgb(200, 230, 201); }



.lkp .comp-titulo { font-family: "Fredoka One", cursive; font-size: 1.2rem; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }



.lkp .comp-antes .comp-titulo { color: rgb(229, 57, 53); }



.lkp .comp-despues .comp-titulo { color: rgb(67, 160, 71); }



.lkp .comp-item { display: flex; align-items: flex-start; gap: 8px; font-size: 0.9rem; color: rgb(85, 85, 85); margin-bottom: 10px; line-height: 1.4; }



.lkp .creaciones-section { background: rgb(249, 245, 255); padding: 60px 20px; overflow: hidden; }



.lkp .creaciones-container { max-width: 1100px; }



.lkp .creaciones-showcase { margin-top: 34px; display: grid; gap: 22px; }



.lkp .creaciones-marquee { position: relative; overflow: hidden; width: 100%; }



.lkp .creaciones-track { display: flex; gap: 20px; width: max-content; }



.lkp .creaciones-marquee--left .creaciones-track { animation: 28s linear 0s infinite normal none running lkp-creaciones-left; }



.lkp .creaciones-marquee--right .creaciones-track { animation: 28s linear 0s infinite normal none running lkp-creaciones-right; }



.lkp .creaciones-marquee:hover .creaciones-track { animation-play-state: paused; }



.lkp .creacion-mini-card { width: 260px; flex: 0 0 260px; background: rgb(255, 255, 255); border-radius: 24px; overflow: hidden; box-shadow: rgba(199, 125, 255, 0.16) 0px 12px 30px; border: 2px solid rgb(242, 215, 234); transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }



.lkp .creacion-mini-card:hover { transform: translateY(-6px); box-shadow: rgba(255, 77, 141, 0.18) 0px 18px 40px; border-color: var(--rosa); }



.lkp .creacion-mini-card img { width: 100%; height: 220px; object-fit: cover; display: block; }



.lkp .creacion-mini-info { padding: 14px 14px 16px; text-align: center; }



.lkp .creacion-mini-info h3 { font-family: "Fredoka One", cursive; font-size: 1rem; color: var(--oscuro); margin: 0px 0px 6px; }



.lkp .creacion-mini-info p { margin: 0px; font-size: 0.84rem; line-height: 1.45; color: rgb(102, 102, 102); }



@keyframes lkp-creaciones-left { 

  0% { transform: translate(0px); }

  100% { transform: translate(calc(-50% - 10px)); }

}



@keyframes lkp-creaciones-right { 

  0% { transform: translate(calc(-50% - 10px)); }

  100% { transform: translate(0px); }

}



.lkp .creaciones-note { text-align: center; margin-top: 40px; }



.lkp .creaciones-note p { font-size: 1.1rem; color: rgb(85, 85, 85); max-width: 600px; margin: 0px auto; font-weight: 600; }



.lkp .testimonios-section { background: rgb(255, 250, 245); overflow: hidden; }



.lkp .testimonios-carrusel-wrap { position: relative; max-width: 900px; margin: 0px auto; padding: 0px 50px; }



.lkp .testimonios-carrusel { overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; display: flex; gap: 24px; padding: 10px 0px 30px; }



.lkp .testimonios-carrusel::-webkit-scrollbar { display: none; }



.lkp .testimonio-slide { flex: 0 0 100%; scroll-snap-align: start; background: rgb(255, 255, 255); border-radius: 28px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 32px; border: 2px solid var(--rosa-claro); transition: transform 0.3s; }



.lkp .testimonio-slide:hover { transform: scale(1.02); }



.lkp .testimonio-imagen { width: 100%; border-radius: 20px; display: block; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }



.lkp .testimonios-flechas { display: flex; justify-content: center; gap: 20px; margin-top: 20px; }



.lkp .testimonios-flecha { width: 48px; height: 48px; border-radius: 50%; background: var(--gradiente); color: rgb(255, 255, 255); font-size: 1.8rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 77, 141, 0.3) 0px 4px 12px; }



.lkp .testimonios-flecha:hover { transform: scale(1.1); box-shadow: rgba(255, 77, 141, 0.5) 0px 6px 18px; }



.lkp .testimonios-dots { display: flex; justify-content: center; gap: 12px; margin-top: 25px; }



.lkp .testimonios-dot { width: 12px; height: 12px; border-radius: 50%; background: rgb(221, 221, 221); cursor: pointer; transition: 0.3s; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



.lkp .testimonios-dot.active { background: var(--rosa); width: 28px; border-radius: 20px; }



.lkp .precio-section { background: rgb(255, 245, 251); }



.lkp .precio-tabla { background: rgb(255, 255, 255); border-radius: 28px; padding: 36px 32px; box-shadow: rgba(255, 77, 141, 0.12) 0px 8px 40px; max-width: 560px; margin: 0px auto; text-align: center; border: 3px solid var(--rosa-claro); }



.lkp .precio-titulo { font-family: "Fredoka One", cursive; font-size: 1.5rem; color: var(--oscuro); margin-bottom: 24px; }



.lkp .mockup-img { width: 100%; border-radius: 14px; margin-bottom: 20px; display: block; }



.lkp .resumen-item { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 0px; border-bottom: 1px dashed rgb(240, 224, 235); font-size: 0.92rem; color: rgb(85, 85, 85); }



.lkp .resumen-item:last-of-type { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }



.lkp .resumen-item .valor { font-weight: 800; color: var(--oscuro); white-space: nowrap; }



.lkp .resumen-item .gratis { color: var(--verde); font-weight: 800; white-space: nowrap; }



.lkp .total-row { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, rgb(255, 240, 245), rgb(245, 230, 255)); border-radius: 14px; padding: 16px 20px; margin: 20px 0px; border: 2px solid var(--rosa-claro); }



.lkp .total-label { font-family: "Fredoka One", cursive; font-size: 1.2rem; color: var(--oscuro); }



.lkp .total-precio { font-family: "Fredoka One", cursive; font-size: 2rem; color: var(--rosa); }



.lkp .total-antes { font-size: 0.85rem; color: rgb(170, 170, 170); text-decoration: line-through; }



.lkp .precio-nota { font-size: 0.82rem; color: rgb(153, 153, 153); margin-top: 8px; }



.lkp .pagos-garantia { display: flex; flex-flow: wrap; justify-content: center; align-items: center; gap: 20px; margin-top: 25px; }



.lkp .pagos-garantia-img { max-width: 280px; width: 100%; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 18px; transition: transform 0.3s; }



.lkp .pagos-garantia-img:hover { transform: scale(1.03); }



.lkp .garantia-section { background: var(--gradiente); color: rgb(255, 255, 255); text-align: center; }



.lkp .garantia-box { background: rgba(255, 255, 255, 0.12); border-radius: 28px; padding: 40px 36px; backdrop-filter: blur(8px); border: 2px solid rgba(255, 255, 255, 0.25); max-width: 600px; margin: 0px auto; }



.lkp .garantia-icono { font-size: 4rem; margin-bottom: 16px; display: block; }



.lkp .garantia-box h3 { font-family: "Fredoka One", cursive; font-size: 1.8rem; margin: 0px 0px 12px; }



.lkp .garantia-box p { font-size: 1rem; opacity: 0.9; line-height: 1.7; margin: 0px; }



.lkp .faq-section { background: rgb(249, 245, 255); }



.lkp .faq-wrap { margin-top: 30px; }



.lkp .faq-item { background: rgb(255, 255, 255); border-radius: 16px; margin-bottom: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 12px; border: 2px solid rgb(237, 224, 255); }



.lkp .faq-pregunta { padding: 18px 22px; font-weight: 700; font-size: 0.95rem; color: var(--oscuro); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.2s; }



.lkp .faq-pregunta:hover { background: rgb(251, 245, 255); }



.lkp .faq-icon { font-size: 1.2rem; color: var(--lila); transition: transform 0.3s; flex-shrink: 0; margin-left: 10px; }



.lkp .faq-respuesta { display: none; padding: 0px 22px 18px; font-size: 0.9rem; color: rgb(102, 102, 102); line-height: 1.7; border-top: 1px solid rgb(237, 224, 255); }



.lkp .faq-item.open .faq-respuesta { display: block; }



.lkp .faq-item.open .faq-icon { transform: rotate(45deg); }



.lkp .cta-final { background: var(--gradiente); text-align: center; padding: 70px 20px; position: relative; overflow: hidden; }



.lkp .cta-final::before, .lkp .cta-final::after { content: ""; position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.07); }



.lkp .cta-final::before { width: 350px; height: 350px; top: -120px; left: -100px; }



.lkp .cta-final::after { width: 250px; height: 250px; bottom: -80px; right: -60px; }



.lkp .cta-final h2 { font-family: "Fredoka One", cursive; font-size: clamp(1.8rem, 5vw, 2.8rem); color: rgb(255, 255, 255); margin: 0px 0px 12px; position: relative; z-index: 2; }



.lkp .cta-final p { color: rgba(255, 255, 255, 0.85); font-size: 1.05rem; margin-bottom: 32px; position: relative; z-index: 2; max-width: 500px; margin-left: auto; margin-right: auto; }



.lkp .confetti-container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 9999; overflow: hidden; }



.lkp .confetti-piece { position: absolute; width: 10px; height: 10px; top: -10px; animation: auto linear 0s 1 normal forwards running lkp-fall; opacity: 0; }



@keyframes lkp-fall { 

  0% { top: -10px; opacity: 1; transform: translate(0px) rotate(0deg); }

  100% { top: 100vh; opacity: 0.3; transform: translate(var(--drift)) rotate(720deg); }

}



.lkp .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s, transform 0.6s; }



.lkp .reveal.visible { opacity: 1; transform: translateY(0px); }



@media (max-width: 768px) {

  .lkp .creacion-mini-card { width: 220px; flex: 0 0 220px; }

  .lkp .creacion-mini-card img { height: 185px; }

  .lkp .creaciones-marquee--left .creaciones-track, .lkp .creaciones-marquee--right .creaciones-track { animation-duration: 22s; }

  .lkp .testimonios-carrusel-wrap { padding: 0px 30px; }

  .lkp .bono-card { grid-template-columns: 44px 1fr 100px; gap: 15px; }

  .lkp .bono-thumb { width: 100px; height: 100px; }

}



@media (max-width: 700px) {

  .lkp .pasos-grid { grid-template-columns: 1fr; gap: 20px; }

}



@media (max-width: 600px) {

  .lkp .countdown-box { flex-direction: column; gap: 10px; }

  .lkp .precio-tabla { padding: 28px 20px; }

  .lkp .resumen-item { flex-direction: column; align-items: flex-start; }

  .lkp .pagos-garantia { flex-direction: column; }

  .lkp .btn-cta { padding: 16px 28px; width: 100%; text-align: center; }

  .lkp .bono-card { grid-template-columns: 38px 1fr 85px; gap: 10px; padding: 16px 12px; }

  .lkp .bono-num { min-width: 38px; height: 38px; font-size: 1rem; border-radius: 10px; }

  .lkp .bono-thumb { width: 85px; height: 85px; border-radius: 12px; }

  .lkp .bono-info h4 { font-size: 0.92rem; line-height: 1.25; }

  .lkp .bono-info p { font-size: 0.76rem; line-height: 1.35; }

  .lkp .bono-valor { font-size: 0.84rem; }

  .lkp .btn-bonos { width: 100%; text-align: center; padding: 16px 24px; }

  .lkp .bono-card::after { font-size: 9px; top: 12px; right: -28px; padding: 3px 28px; }

  .lkp .testimonios-carrusel-wrap { padding: 0px 15px; }

  .lkp .testimonios-flecha { width: 40px; height: 40px; font-size: 1.4rem; }

}



@media (max-width: 520px) {

  .lkp .comparativa, .lkp .image-grid, .lkp .check-lista { grid-template-columns: 1fr; }

  .lkp .comparativa { grid-template-columns: 1fr 1fr; gap: 10px; }

  .lkp .comp-box { padding: 14px 12px; border-radius: 14px; }

  .lkp .comp-titulo { font-size: 0.95rem; margin-bottom: 10px; justify-content: center; text-align: center; }

  .lkp .comp-item { font-size: 0.78rem; line-height: 1.3; gap: 6px; }

  .lkp .incluye-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }

  .lkp .incluye-card { padding: 16px 12px; border-radius: 16px; }

  .lkp .incluye-emoji { font-size: 2rem; margin-bottom: 8px; }

  .lkp .incluye-titulo { font-size: 0.95rem; line-height: 1.25; }

  .lkp .incluye-desc { font-size: 0.78rem; line-height: 1.35; }

  .lkp .cantidad-badge { font-size: 10px; padding: 3px 8px; margin-bottom: 6px; }

  .lkp .como-funciona-section { padding: 42px 16px; }

  .lkp .pasos-grid { gap: 14px; margin-top: 24px; }

  .lkp .paso-card { padding: 20px 14px 18px; border-radius: 20px; }

  .lkp .paso-card::before { height: 4px; }

  .lkp .paso-numero { font-size: 3rem; margin-bottom: 2px; }

  .lkp .paso-icono { font-size: 2rem; margin-bottom: 8px; }

  .lkp .paso-titulo { font-size: 1.05rem; margin-bottom: 8px; }

  .lkp .paso-desc { font-size: 0.82rem; line-height: 1.45; padding: 0px 4px; }

}



.lkp .landing-footer { background: linear-gradient(135deg, rgb(7, 17, 43), rgb(2, 9, 29)); padding: 64px 20px 42px; text-align: center; color: rgba(255, 255, 255, 0.78); margin-top: 0px; }



.lkp .landing-footer .container { max-width: 900px; margin: 0px auto; }



.lkp .landing-footer h3 { font-family: "Fredoka One", cursive; font-size: clamp(2rem, 4vw, 2.6rem); color: rgb(255, 199, 44); margin: 0px 0px 16px; }



.lkp .landing-footer p { font-size: 1.02rem; line-height: 1.8; max-width: 760px; margin: 0px auto 26px; color: rgba(255, 255, 255, 0.72); }



.lkp .landing-footer hr { width: 100%; max-width: 760px; height: 1px; background: rgba(255, 255, 255, 0.08); margin: 0px auto 22px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.lkp .legal-disclosure {
  max-width: 820px;
  margin: 30px auto 28px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  text-align: left;
}

.lkp .legal-disclosure h4 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 1.18rem;
}

.lkp .legal-disclosure p {
  max-width: none;
  margin: 0 0 12px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.9rem;
  line-height: 1.65;
}

.lkp .legal-disclosure p:last-child { margin-bottom: 0; }

.lkp .legal-footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  max-width: 760px;
  margin: 0 auto 22px;
  padding: 14px 18px;
  border-radius: 12px;
  background: #df0000;
  color: #fff;
  font-weight: 800;
}

.lkp .legal-footer-links a {
  color: #fff;
  text-decoration: none;
}

.lkp .legal-footer-links a:hover,
.lkp .legal-footer-links a:focus-visible { text-decoration: underline; }

.lkp .business-info {
  display: grid;
  gap: 4px;
  margin: 0 auto 22px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.92rem;
  font-style: normal;
  line-height: 1.55;
  text-align: center;
}

.lkp .business-info strong {
  color: #fff;
  font-size: 1rem;
}

@media (max-width: 640px) {
  .lkp .legal-disclosure { padding: 19px; }
  .lkp .legal-footer-links { gap: 7px; font-size: 0.92rem; }
}

@charset "utf-8";



collection-links-component { --alignment: flex-start; display: grid; align-items: center; gap: var(--gap-3xl); }



collection-links-component:has([ratio="portrait"]) { --template-column-ratio: .8fr; }



collection-links-component:has([ratio="square"]) { --template-column-ratio: 1fr; }



collection-links-component:has([ratio="landscape"]) { --template-column-ratio: 1.4fr; }



collection-links-component[alignment="center"] { --alignment: center; }



collection-links-component[alignment="center"] .text-block { text-align: center; }



collection-links-component[alignment="right"] { --alignment: flex-end; }



collection-links-component[alignment="right"] .text-block { text-align: right; }



collection-links-component[layout="spotlight"] { position: relative; grid-template-columns: 1fr var(--template-column-ratio); grid-template-areas: "text image"; }



@media (min-width: 749px) {

  collection-links-component[layout="spotlight"][reverse] { grid-template-areas: "image text"; grid-template-columns: var(--template-column-ratio) 1fr; }

}



collection-links-component[layout="spotlight"] .collection-links__container { align-items: var(--alignment); }



@media (max-width: 749px) {

  collection-links-component[layout="spotlight"] { grid-template-columns: 1fr; grid-template-areas: "text" "image"; gap: var(--gap-2xl); }

  collection-links-component[layout="spotlight"] .collection-links__container { gap: clamp(var(--gap-xs),1vw,var(--gap-xl)) var(--gap-2xl); justify-content: var(--alignment); }

}



collection-links-component[layout="text"] { gap: 0px; grid-template-areas: "text"; }



collection-links-component[layout="text"] .collection-links__container { gap: clamp(var(--gap-xs),1vw,var(--gap-xl)) var(--gap-2xl); flex-flow: wrap; justify-content: var(--alignment); }



.collection-links__container { display: flex; gap: var(--gap-md); flex-direction: column; }



.collection-links__images { overflow: hidden; grid-area: image; }



@media (max-width: 749px) {

  .collection-links__images image-block { max-width: 100%; }

}



.featured-product-section .section-content-wrapper { grid-template-columns: 1fr; display: grid; overflow: hidden; }



@media (min-width: 750px) {

  .featured-product-section .section-content-wrapper { grid-template-columns: 1fr 1fr; }

}



.featured-product-section { --viewport-offset: 400px; --constrained-min-height: var(--visual-preview--height, 80dvh); --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset))); }



@media screen and (min-width: 750px) {

  .featured-product-section { --viewport-offset: 300px; }

}



.featured-product-section .product-grid__card { --padding-block: 20px; --padding-inline: 20px; }



@media screen and (min-width: 750px) {

  .featured-product-section .product-grid__card { --padding-block: 40px; --padding-inline: 40px; }

}



@media screen and (max-width: 749px) {

  .featured-product-section .media-block { order: -1; }

}



@media screen and (min-width: 750px) {

  .featured-product-section .product-card__content { --hugged-width: calc(var(--constrained-height) * var(--gallery-aspect-ratio, var(--media-preview-ratio))); width: min(100%,var(--hugged-width)); margin-left: auto; margin-right: auto; }

}



.utilities { width: 100%; display: flex; flex-direction: column; align-items: center; gap: var(--gap); text-wrap: nowrap; border-top: var(--border-width) solid var(--color-border); color: var(--color-foreground-muted); }



@media screen and (min-width: 750px) {

  .utilities { display: grid; grid-template-columns: 1fr auto 1fr; justify-content: center; gap: var(--gap); align-items: center; text-align: left; }

}



.utilities a { color: var(--color-foreground-muted); }



.utilities > * { text-align: center; }



@media screen and (min-width: 750px) {

  .utilities > * { text-align: left; justify-self: start; }

}



@media screen and (min-width: 750px) {

  .utilities--blocks-1 { grid-template-columns: 1fr; justify-content: start; }

  .utilities--blocks-1 > * { justify-self: start; text-align: left; }

  .utilities--blocks-2 { grid-template-columns: 1fr 1fr; }

  .utilities--blocks-2 > :nth-child(2) { justify-self: end; text-align: right; }

  .utilities--blocks-3 { grid-template-columns: 1fr auto 1fr; }

  .utilities--blocks-3 > :nth-child(2) { justify-self: center; text-align: center; }

  .utilities--blocks-3 > :nth-child(3) { justify-self: end; text-align: right; }

}



.footer-content { contain: content; content-visibility: auto; display: grid; grid-template-columns: 1fr; gap: var(--footer-gap); }



@media screen and (min-width: 750px) and (max-width: 989px) {

  .footer-content { grid-template-columns: repeat(min(var(--grid-columns),3),1fr); grid-auto-flow: row; }

  .footer-content[style*="--grid-columns: 4"] { grid-template-columns: repeat(2, 1fr); }

  .footer-content--isolated-grid-item-tablet > :last-child { grid-column: 1 / -1; }

}



@media screen and (min-width: 990px) {

  .footer-content { grid-template-columns: repeat(var(--grid-columns),1fr); }

  .footer-content[style*="--grid-columns: 1"] { justify-items: center; }

  .footer-content--isolated-grid-item-desktop > :last-child { grid-column: 1 / -1; }

}



.announcement-bar { border-block-end: var(--border-bottom-width) solid var(--color-border); }



.announcement-bar__slider { display: flex; flex-direction: row; align-items: center; position: relative; }



@media screen and (max-width: 749px) {

  .announcement-bar__slider { grid-column: 1 / -1; }

}



.announcement-bar__slides { display: grid; grid: [stack] auto / [stack] auto; width: calc(100% - var(--button-size) * 2); max-width: 680px; margin-inline: auto; }



.announcement-bar__slides > * { grid-area: stack; }



.announcement-bar__slide { transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; content-visibility: visible; }



.announcement-bar__slide[aria-hidden="true"] { opacity: 0; visibility: hidden; }



.announcement-bar__slider slideshow-arrows { padding: 0px; mix-blend-mode: normal; }



.announcement-bar__slider slideshow-arrows .slideshow-control { color: var(--color-foreground); }



.announcement-bar__slider .slideshow-control { display: flex; padding: 0px; width: var(--button-size); height: var(--button-size); align-items: center; justify-content: center; opacity: 1; animation: auto ease 0s 1 normal none running none; }



@media screen and (min-width: 750px) {

  .announcement-bar__slider .slideshow-control { --slideshow-control-offset: calc((var(--button-size) - var(--icon-size-xs)) / 2); }

  .section--page-width :is(.announcement-bar__slider .slideshow-control).slideshow-control--previous { transform: translate(var(--slideshow-control-offset)); }

}



.announcement-bar__slider .slideshow-control .svg-wrapper { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.announcement-bar__slide { place-content: center; }



.announcement-bar__text:first-child { margin: 0px; }



.announcement-bar__link { position: absolute; inset: 0px; }



body { --header-height: 60px; --header-group-height: var(--header-height); --transparent-header-offset-boolean: 0; }



.header { display: block; }



#header-component :is(.header-menu, .dropdown-localization) { display: none; }



@media screen and (min-width: 750px) {

  #header-component[data-menu-style="menu"] :is(.header-menu, .dropdown-localization) { display: flex; }

}



#header-component[data-menu-style="drawer"] .header__column { display: contents; }



@media screen and (min-width: 750px) {

  #header-component[data-menu-style="menu"] .header__navigation-bar-row { display: none; }

}



.header[transparent] { --language-button-background-color: transparent; --language-button-border-color: transparent; --header-bg-color: transparent; --header-logo-display: none; --header-logo-inverse-display: block; position: absolute; top: 0px; left: 0px; right: 0px; background-color: transparent; z-index: var(--layer-overlay); }



.header[transparent][transparent="not-sticky"][data-sticky-state="active"], .header[transparent]:has(.mega-menu__list:hover), .header[transparent]:has(.menu-list__link[aria-haspopup]:is(:hover, [aria-expanded="true"])), .header[transparent]:has(.menu-list__list-item[slot="overflow"] .menu-list__link:is(:hover, [aria-expanded="true"])) { --header-logo-display: unset; --header-logo-inverse-display: unset; --header-bg-color: unset; --color-foreground: inherit; --color-foreground-rgb: inherit; --color-background: inherit; --color-background-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; }



:is(.header[transparent][transparent="not-sticky"][data-sticky-state="active"], .header[transparent]:has(.mega-menu__list:hover), .header[transparent]:has(.menu-list__link[aria-haspopup]:is(:hover, [aria-expanded="true"])), .header[transparent]:has(.menu-list__list-item[slot="overflow"] .menu-list__link:is(:hover, [aria-expanded="true"]))) .header__row { transition: color var(--animation-values-fast),border-color var(--animation-values-fast),background-color var(--animation-values-fast); }



.header[transparent] .header__row { transition: color var(--animation-values-slow),border-color var(--animation-values-slow),background-color var(--animation-values-slow); }



:is(.header[transparent]:not([data-sticky-state="active"]), .header[transparent="always"][data-sticky-state="active"]) .header__row:not(:has(.mega-menu__list:hover, .menu-list__link[aria-haspopup]:is(:hover, [aria-expanded="true"]), .menu-list__list-item[slot="overflow"] .menu-list__link:is(:hover, [aria-expanded="true"]))) { --color-foreground: inherit; --color-foreground-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; --color-primary-button-background: inherit; --color-primary-button-text: inherit; }



.header--inherit-color-scheme-on-menu-open:has(.mega-menu__list:hover) .header__row, .header--inherit-color-scheme-on-menu-open:has(.menu-list__link[aria-haspopup]:is(:hover, [aria-expanded="true"])) .header__row, .header--inherit-color-scheme-on-menu-open:has(.menu-list__list-item[slot="overflow"] .menu-list__link:is(:hover, [aria-expanded="true"])) .header__row { --color-foreground: inherit; --color-foreground-rgb: inherit; --color-background: inherit; --color-background-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; }



.header-section { position: relative; z-index: var(--layer-heightened); }



#header-component { --submenu-height: 0px; --submenu-max-height: 0px; }



#header-group:has(#header-component[sticky]) { display: contents; }



.header-section:has(> #header-component[sticky="always"]), .header-section:has(> #header-component[sticky="scroll-up"][data-sticky-state="active"]) { position: sticky; top: -1px; z-index: var(--layer-sticky); }



.header[data-sticky-state] { transition: opacity var(--animation-speed) var(--animation-easing); opacity: 1; }



.header[data-sticky-state="active"] { view-transition-name: sticky-header; }



:active-view-transition-type(empty-cart-drawer) .header[data-sticky-state="active"] { view-transition-name: none; }



.header[data-sticky-state="idle"] { opacity: 0; }



.header__row { position: relative; background-color: var(--header-bg-color, var(--color-background)); }



.header__row--top:not(.divider--page-width), .header__row--top.divider--page-width .header__columns, .header__row--bottom { border-bottom: var(--border-bottom-width) solid var(--color-border); }



@media screen and (max-width: 749px) {

  .header__row--top:not(.divider--page-width), .header__row--top.divider--page-width .header__columns { border-bottom-width: var(--border-bottom-width-mobile); }

}



#header-component[data-menu-style="drawer"] .header__row--top:not(.divider--page-width), #header-component[data-menu-style="drawer"] .header__row--top.divider--page-width .header__columns { border-bottom-width: var(--border-bottom-width-mobile); }



@media screen and (min-width: 750px) {

  .header__row.divider--page-width:not(.section--page-width) .header__columns { padding-inline: 0px; margin-inline-start: var(--page-margin); margin-inline-end: var(--page-margin); }

}



.header__column { display: flex; align-items: center; }



@media screen and (max-width: 749px) {

  .header__column { display: contents; }

}



.header__column--left, .header__column--center { gap: var(--gap-xl); grid-area: left; }



.header__column--center { justify-content: center; grid-area: center; }



.header__column--center header-menu:only-child .overflow-menu::part(list) { justify-content: center; }



.header__column--right { gap: var(--gap-xl); justify-content: flex-end; grid-area: right; }



.header__column--right .overflow-menu::part(list) { justify-content: flex-end; }



.header__columns { --header-left: 1fr; --header-center: auto; --header-right: 1fr; --header-template-columns: var(--header-left) var(--header-center) var(--header-right); --header-mobile-bookend: 44px; display: grid; grid-template-areas: "left center right"; gap: var(--gap-xl); grid-template-columns: var(--header-template-columns); }



.header__columns:has(.header__column--center header-menu) { --header-center: auto; --header-left: minmax(max-content, 1fr); --header-right: minmax(max-content, 1fr); }



@media screen and (min-width: 750px) {

  .header__columns:where(:not(:has(.header__column--center))) { --header-template-columns: var(--header-left) var(--header-right); grid-template-areas: "left right"; }

}



.header__columns:where(:not(:has(.header__column--center))):has(.header__column--right header-menu) { --header-right: auto; --header-left: minmax(max-content, 1fr); }



.header__columns:where(:not(:has(.header__column--center))):has(.header__column--left header-menu) { --header-left: auto; --header-right: minmax(max-content, 1fr); }



@media screen and (max-width: 749px) {

  .header__columns { --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr var(--header-mobile-bookend) var(--header-mobile-bookend); grid-template-areas: "leftA leftB center rightA rightB"; grid-column: span 3; column-gap: 0px; align-items: center; padding-block: 0px; padding-inline: 0 var(--padding-3xs); }

  .header__columns .header-logo { grid-area: center; }

  .header__columns:not(:has(header-actions)) .search-action { grid-area: leftB; }

  .header__columns:not(:has(.account-actions)) .search-action { grid-area: rightA; }

  .header__columns .search-action { grid-area: leftB; }

  .header__columns header-actions { grid-area: rightB; }

}



#header-component[data-menu-style="drawer"] .header__columns { --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr var(--header-mobile-bookend) var(--header-mobile-bookend); grid-template-areas: "leftA leftB center rightA rightB"; grid-column: span 3; column-gap: 0px; align-items: center; padding-block: 0px; padding-inline: 0 var(--padding-3xs); }



#header-component[data-menu-style="drawer"] .header__columns .header-logo { grid-area: center; }



#header-component[data-menu-style="drawer"] .header__columns:not(:has(header-actions)) .search-action { grid-area: leftB; }



#header-component[data-menu-style="drawer"] .header__columns:not(:has(.account-actions)) .search-action { grid-area: rightA; }



#header-component[data-menu-style="drawer"] .header__columns .search-action { grid-area: leftB; }



#header-component[data-menu-style="drawer"] .header__columns header-actions { grid-area: rightB; }



.header__columns:not(:has(.header__column)) { grid-template-columns: 1fr; }



@media (hover: hover) {

  :is(.header__column:has(header-menu:hover), .header__column:has(.header-actions__action:hover), .header__column:has(.dropdown-localization__button:hover), .header__column:has(.header__icon--menu:hover)) header-menu:not(:hover), :is(.header__column:has(header-menu:hover), .header__column:has(.header-actions__action:hover), .header__column:has(.dropdown-localization__button:hover), .header__column:has(.header__icon--menu:hover)) .header-actions__action:not(:hover), :is(.header__column:has(header-menu:hover), .header__column:has(.header-actions__action:hover), .header__column:has(.dropdown-localization__button:hover), .header__column:has(.header__icon--menu:hover)) .dropdown-localization__button:not(:hover), :is(.header__column:has(header-menu:hover), .header__column:has(.header-actions__action:hover), .header__column:has(.dropdown-localization__button:hover), .header__column:has(.header__icon--menu:hover)) .header__icon--menu:not(:hover) { opacity: var(--opacity-subdued-text); transition: opacity var(--animation-speed) var(--animation-easing); }

}



header-menu, .header-actions__action, .dropdown-localization__button, .header__icon--menu { transition: opacity var(--animation-speed) var(--animation-easing); }



.header-actions__action { --button-color: var(--color-foreground); cursor: pointer; display: flex; justify-content: center; }



.header-actions__action .svg-wrapper { height: var(--button-size); width: var(--button-size); }



.header-actions__action svg { width: var(--icon-size-md); height: var(--icon-size-md); }



.menu-list__list-item:where(:not([slot="overflow"])) > .menu-list__link[aria-haspopup], .menu-list__list-item:where(:not([slot="overflow"])) > .menu-list__link, .menu-list__list-item:where(:not([slot="overflow"])) > button.menu-list__link { margin-block: calc(-2 * var(--header-padding)); padding-block: calc(2 * var(--header-padding)); margin-inline: calc(-1 * var(--gap-xl) / 2); padding-inline: calc(var(--gap-xl) / 2); }



.header { --header-padding: var(--padding-sm); --font-paragraph--line-height: 1; contain: layout style; }



.header:has(#Details-menu-drawer-container[open]) { contain: style; }



.header.header--compact { --header-padding: var(--padding-2xs); }



.header__columns { --padding-block-start: var(--header-padding); --padding-block-end: var(--header-padding); }



.header:not(.header--compact) .header__row--bottom { --header-padding: var(--padding-xs); }



.header--collapse-row-paddings .header__row--top .header__columns { --padding-block-end: 0px; }



.header--collapse-row-paddings .header__row--bottom .header__columns { --padding-block-start: 0px; }



.header-section:has(.header[transparent]) + .shopify-section { margin-top: var(--header-height); }



main > .shopify-section:first-child .section:not(.disable-section-top-offset).spacing-style, main > .shopify-section:first-child .section:not(.disable-section-top-offset) .spacing-style { --section-top-offset: calc(var(--header-height) * var(--transparent-header-offset-boolean)); }



:is(main > .shopify-section:first-child .section:not(.disable-section-top-offset).spacing-style, main > .shopify-section:first-child .section:not(.disable-section-top-offset) .spacing-style) :is(.spacing-style, .inherit-spacing) { --section-top-offset: 0px; }



main > .shopify-section:first-child .section:not(.disable-section-top-offset) .sticky-content { margin-top: calc(var(--header-height) * var(--transparent-header-offset-boolean) * -1); }



.header-menu .menu-list__submenu { content-visibility: auto; contain-intrinsic-size: 0px 500px; }



.header-menu details[open] .menu-list__submenu, .header-menu .menu-list__submenu[data-active], .header-menu .menu-list__list-item[slot="overflow"] .menu-list__submenu { content-visibility: visible; }



.dropdown-localization__button { display: flex; position: relative; align-items: center; gap: 4px; font-family: var(--menu-localization-font); font-size: var(--menu-localization-font-size); font-weight: var(--menu-top-level-font-weight); padding-inline: var(--padding-2xs); margin-inline: calc(-1 * var(--padding-2xs)); }



.dropdown-localization__button .icon-caret { height: var(--icon-size-xs); width: var(--icon-size-xs); right: var(--margin-xs); top: calc(50% - var(--padding-2xs)); flex-shrink: 0; transition: transform var(--animation-speed) var(--animation-easing); }



.dropdown-localization__button .icon-flag { width: var(--menu-localization-font-size, var(--icon-size-sm)); height: var(--menu-localization-font-size, var(--icon-size-sm)); clip-path: circle(50%); background-position: center center; background-size: cover; margin-inline-end: 4px; position: relative; }



.dropdown-localization__button .icon-flag::after { content: ""; position: absolute; inset: 0px; box-shadow: inset 0 0 var(--size-shadow) var(--color-shadow); border-radius: 50%; }



.dropdown-localization__button[aria-expanded="true"] .icon-caret svg { transform: rotate(180deg); }



.dropdown-localization__button, .dropdown-localization__button:hover { box-shadow: none; background-color: transparent; border-color: transparent; color: var(--color-foreground); }



dropdown-localization-component .localization-form__list { max-height: 20.5rem; }



.localization-wrapper { position: fixed; z-index: var(--layer-raised); border-radius: var(--style-border-radius-popover); transition-property: display, opacity, translate; transition-duration: 0.3s; transition-timing-function: var(--ease-out-quad); transition-behavior: allow-discrete; translate: 0px 20px; opacity: 0; }



.localization-wrapper:not([hidden]) { translate: 0px; opacity: 1; }



@starting-style {

  .localization-wrapper:not([hidden]) { translate: 0px 20px; opacity: 0; }

}



dropdown-localization-component { position: relative; background-color: transparent; }



dropdown-localization-component .country-filter { position: relative; padding: 8px; }



dropdown-localization-component .country-filter__input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



dropdown-localization-component .localization-form__list-item { margin-inline: 8px; }



dropdown-localization-component .localization-wrapper { box-shadow: var(--shadow-popover); border: var(--style-border-popover); background-color: var(--color-background); max-height: 27.5rem; position: absolute; top: calc(100% + 10px); z-index: calc(var(--layer-header-menu) + 1); }



dropdown-localization-component .localization-wrapper.right-bound { right: 0px; left: unset; }



dropdown-localization-component .localization-wrapper.left-bound { left: -8px; right: unset; }



dropdown-localization-component .language-selector.language-selector { padding: 10px 8px 10px 16px; }



dropdown-localization-component .localization-form__currency { width: max-content; opacity: 0; visibility: hidden; transition: none; }



dropdown-localization-component .localization-form__select:hover { background-color: rgb(var(--color-primary-hover-rgb) / var(--opacity-8)); }



dropdown-localization-component :is(.localization-form__list-item:hover, .localization-form__list-item[aria-selected="true"], .localization-form__list-item[aria-current="true"]) .localization-form__currency { opacity: 1; color: var(--color-foreground-muted); transition: opacity var(--animation-speed-slow) var(--animation-easing); visibility: visible; }



.dropdown-localization .language-selector:where(:not(.top-shadow)) { font-weight: var(--menu-top-level-font-weight); }



.dropdown-localization:not(dropdown-localization-component) .language-selector { font-family: var(--menu-localization-font); font-size: var(--menu-localization-font-size); }



.header__column .localization-form__select { background-color: var(--header-bg-color); }



.hero-wrapper { --hero-height-offset: 0px; }



body:has(> #header-group > .header-section > #header-component) .hero-wrapper:first-child { --hero-height-offset: var(--header-group-height, 0); }



.hero { position: relative; min-height: calc(var(--hero-min-height) - var(--hero-height-offset)); }



.hero[data-shopify-visual-preview] { --hero-min-height: 600px; min-height: 600px; }



.hero__container { position: relative; overflow: hidden; border: var(--hero-border-width) var(--hero-border-style) rgb(var(--color-border-rgb) / var(--hero-border-opacity)); min-height: inherit; align-items: var(--vertical-alignment-mobile); justify-content: var(--horizontal-alignment); z-index: var(--layer-base); }



@media screen and (min-width: 750px) {

  .hero__container { align-items: var(--vertical-alignment); }

}



.hero__content-wrapper.page-width { grid-column: 2 / 3; }



.hero__content-wrapper { position: relative; inset: 0px; z-index: var(--layer-flat); }



.hero__content-wrapper .group-block-content { position: relative; }



.hero__media-grid { position: absolute; inset: 0px; display: grid; grid-column: 1 / -1; grid-template-columns: repeat(var(--hero-media-count, 1),1fr); }



.hero--auto .hero__media { aspect-ratio: var(--hero-media-aspect-ratio); }



.hero--no-blocks-auto-height .hero__media { width: 100%; aspect-ratio: auto; }



.hero--no-blocks-auto-height .hero__media-grid { position: relative; }



.hero__media-wrapper { overflow: hidden; position: relative; }



.hero__media { height: 100%; width: 100%; object-fit: cover; object-position: center center; overflow: hidden; position: relative; z-index: var(--layer-base); }



.hero__media-wrapper--mobile { display: none; }



.hero__media-wrapper--desktop { display: block; }



@media screen and (max-width: 749px) {

  .hero__media-wrapper--desktop { display: none; }

  .hero__media-wrapper--mobile { display: block; }

  .hero__media-grid { grid-template-columns: repeat(var(--hero-media-count-mobile, 1),1fr); }

  .hero--stack-mobile .hero__media-grid { grid-template-columns: 1fr; grid-template-rows: repeat(var(--hero-media-count-mobile, 1),calc(100% / var(--hero-media-count-mobile, 1))); }

}



.hero__link { position: absolute; inset: 0px; grid-column: 1 / -1; }



.hero__media-grid, .hero__content-wrapper { pointer-events: none; }



:is(.hero__media-grid, .hero__content-wrapper) :is(a, button, input, textarea, select, details, summary) { pointer-events: auto; }



.hero__content-wrapper--design-mode * { pointer-events: auto; }



.hero[data-blur-shadow="true"] { --blurred-reflection-filter-saturate: saturate(1.5); --blurred-reflection-mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%); --blurred-reflection-box-shadow: rgb(0 0 0 / 5%) 0 0 1rem; --blurred-reflection-filter-blur: blur(20px); --blurred-reflection-scale: scale(2, 1.25); --blurred-reflection-padding-block-end: 60px; }



.hero[data-blur-shadow="true"] .hero__container::before { content: ""; position: absolute; inset: 0px; box-shadow: var(--blurred-reflection-box-shadow); mix-blend-mode: overlay; pointer-events: none; z-index: -1; }



.hero__blurred-image { position: absolute; inset: 0px; z-index: -1; mask-image: var(--blurred-reflection-mask-image); filter: var(--blurred-reflection-filter-saturate); pointer-events: none; transform: translateY(50%); overflow: hidden; }



.hero__blurred-image--desktop { display: none; }



@media screen and (min-width: 750px) {

  .hero__blurred-image--desktop { display: block; }

}



.hero__blurred-image--mobile { display: block; }



@media screen and (min-width: 750px) {

  .hero__blurred-image--mobile { display: none; }

}



.hero__blurred-image img, .hero__blurred-image svg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: var(--blurred-reflection-filter-blur); opacity: var(--blur-opacity); transform: var(--blurred-reflection-scale); padding-block-end: var(--blurred-reflection-padding-block-end); }



:is(.hero__blurred-image img, .hero__blurred-image svg):not(:only-child) { width: 50%; }



:is(.hero__blurred-image img, .hero__blurred-image svg):not(:only-child):last-child { right: 0px; left: auto; }



.layered-slideshow-section { position: relative; }



layered-slideshow-component { display: block; width: 100%; }



.layered-slideshow__container { --radius: calc(var(--corner-radius, 1) * 1rem); --button-width: 56px; --border-color: var(--color-background); --inactive-tabs-width: calc((var(--total-tabs) - 1) * var(--button-width)); --active-panel-width: calc(100cqi - var(--inactive-tabs-width)); width: 100%; position: relative; container-type: inline-size; border-radius: var(--radius); overflow: hidden; }



.layered-slideshow__container:not([size="auto"]) { height: 100%; }



.layered-slideshow__container[size="auto"] { height: auto; }



@media screen and (min-width: 750px) {

  layered-slideshow-component { min-height: var(--layered-min-height-desktop, 0px); }

}



.layered-slideshow__tablist { display: grid; grid-template-columns: var(--active-tab); position: absolute; inset: 0px; height: 100%; pointer-events: none; z-index: var(--layer-raised); }



.layered-slideshow__tablist button { width: var(--button-width); height: 100%; pointer-events: all; opacity: 0; cursor: grab; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; padding: 0px; position: relative; outline: none; transition: opacity 0.2s; }



.layered-slideshow__tablist button:active { cursor: grabbing; }



.layered-slideshow__tablist button[aria-selected="true"] { cursor: default; }



.layered-slideshow__tablist button:focus-visible { opacity: 1; }



.layered-slideshow__container[data-dragging] { cursor: grabbing; }



.layered-slideshow__container[data-instant-transitions], .layered-slideshow__container:is([data-dragging], [data-instant-transitions]) :is(.layered-slideshow__tablist, .layered-slideshow__panels, .layered-slideshow__panel-content, .layered-slideshow__content) { transition: none; }



.layered-slideshow__panels { display: grid; grid-template-columns: var(--active-tab); height: 100%; overflow: hidden; }



.layered-slideshow__panel { position: relative; height: 100%; min-width: var(--button-width); border-radius: var(--radius); z-index: calc(var(--total-tabs) - var(--index)); }



.layered-slideshow__panel:first-child .layered-slideshow__panel-content { width: var(--active-panel-width); border-left: var(--border-width) solid var(--border-color); }



.layered-slideshow__panel:not(:first-child) .layered-slideshow__content { padding-inline-start: calc((var(--radius) * 2) + var(--padding-inline-start, 0px)); }



.layered-slideshow__panel-content { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-radius: var(--radius); position: absolute; right: 0px; top: 0px; bottom: 0px; overflow: hidden; width: calc(var(--active-panel-width) + (var(--radius) * 2)); }



.layered-slideshow__panel-content :is(img, video, svg) { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }



.layered-slideshow__video-poster { z-index: 1; }



.layered-slideshow__video { z-index: 0; }



.layered-slideshow__panel:not([inert]) .layered-slideshow__video-poster { opacity: 0; }



@media (prefers-reduced-motion: no-preference) {

  .layered-slideshow__video-poster { transition: opacity 0.3s; }

}



.layered-slideshow__content { height: 100%; position: relative; z-index: 1; }



.layered-slideshow__content > * { margin: auto; }



.layered-slideshow__content.background-transparent { background-color: transparent; }



.layered-slideshow__panel--drop-shadow:not(:last-child) .layered-slideshow__panel-content { box-shadow: rgba(0, 0, 0, 0.1) 4px 0px 12px; }



@media (prefers-reduced-motion: no-preference) {

  .layered-slideshow__panels, .layered-slideshow__tablist { transition-property: grid-template-columns, grid-template-rows; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

  .layered-slideshow__content { opacity: 0; transform: translateY(0.5lh); transition: opacity 0.48s, transform 0.48s; }

  .layered-slideshow__panel:not([inert]) .layered-slideshow__content { opacity: 1; transform: translateY(0px); transition-delay: 0.24s; }

}



@media screen and (max-width: 749px) {

  .layered-slideshow__container { --button-height: 44px; --inactive-tabs-height: calc((var(--total-tabs) - 1) * var(--button-height)); }

  .layered-slideshow__container:not([size="auto"]) { --layered-total-height: calc(var(--layered-panel-height-mobile, 260px) + var(--inactive-tabs-height)); --active-panel-height: var(--layered-panel-height-mobile, 260px); min-height: var(--layered-total-height); height: var(--layered-total-height); }

  .layered-slideshow__container[size="auto"] { height: auto; }

  .layered-slideshow__tablist { grid-template-rows: var(--active-tab); grid-template-columns: 1fr; grid-auto-flow: row; }

  .layered-slideshow__tablist button { width: 100%; height: var(--button-height); }

  .layered-slideshow__panels { grid-template-rows: var(--active-tab); grid-template-columns: 1fr; grid-auto-flow: row; }

  .layered-slideshow__panel { min-height: var(--button-height); width: 100%; height: 100%; position: relative; z-index: calc(var(--total-tabs) - var(--index)); }

  .layered-slideshow__panel:first-child .layered-slideshow__panel-content { width: 100%; height: var(--active-panel-height); border-top: var(--border-width) solid var(--border-color); left: 0px; right: 0px; border-left: var(--border-width) solid var(--border-color); }

  .layered-slideshow__panel-content { position: absolute; border: var(--border-width) solid var(--border-color); border-radius: var(--radius); box-sizing: border-box; width: 100%; height: calc(var(--active-panel-height) + min(var(--radius) * 2,var(--button-height) - var(--border-width))); top: unset; left: 0px; right: 0px; bottom: 0px; overflow: hidden; }

  .layered-slideshow__panel:not(:first-child) .layered-slideshow__panel-content { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

  .layered-slideshow__panel:not(:first-child) { margin-top: calc(var(--border-width) * -1); }

  .layered-slideshow__content { padding-inline-start: var(--padding-inline-start, 0px); padding-inline-end: var(--padding-inline-end, 0px); }

  .layered-slideshow__panel:not(:first-child) .layered-slideshow__content { padding-block-start: calc((var(--radius) * 2) + var(--padding-block-start, 0px)); padding-inline-start: var(--padding-inline-start, 0px); }

  .layered-slideshow__panel--drop-shadow:not(:last-child) .layered-slideshow__panel-content { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }

}



.logo-section { width: calc(var(--logo-width) + var(--padding-inline-start) + var(--padding-inline-end)); max-width: 100%; max-height: calc(var(--logo-height, 100%) + var(--padding-block-start) + var(--padding-block-end)); font-size: var(--logo-height); display: flex; }



@media screen and (max-width: 750px) {

  .logo-section { max-height: calc(var(--logo-height-mobile, var(--logo-height, 100%)) + var(--padding-block-start) + var(--padding-block-end)); font-size: var(--logo-height-mobile, var(--logo-height)); width: calc(var(--logo-width-mobile, var(--logo-width)) + var(--padding-inline-start) + var(--padding-inline-end)); }

}



.logo-section--center { margin-inline: auto; }



.logo-section--flex-end { margin-inline-start: auto; }



.logo-section--flex-start { margin-inline-end: auto; }



.logo-section__image-wrapper { display: flex; width: 100%; max-width: 100%; max-height: 100%; }



.logo-section__image { object-fit: contain; width: 100%; }



.blog-post-comments-container { width: 100%; max-width: var(--normal-content-width); margin: 0px auto; }



.blog-post-comments { display: flex; flex-direction: column; gap: var(--gap-3xl); }



.blog-post-comment__author { display: flex; align-items: center; gap: var(--gap-2xs); margin-top: var(--margin-md); font-size: var(--font-size--body-sm); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.blog-post-comments-pagination { display: flex; justify-content: center; gap: var(--gap-2xs); }



.blog-post-comments-pagination, .blog-post-comments-pagination a, .blog-post-comments-pagination .current { color: var(--color-foreground); }



.blog-post-comments-pagination .current, .blog-post-comments-pagination a { display: block; padding: var(--padding-2xs) var(--padding-xs); }



.blog-post-comments-pagination .current, .blog-post-comments-pagination a:hover { border-bottom: 1px solid var(--color-foreground); }



.blog-posts { --page-content-width: var(--narrow-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); --columns-gap: 36px; --rows-gap: 36px; }



.blog-posts-container { display: grid; grid-template-columns: repeat(6, 1fr); width: 100%; column-gap: var(--columns-gap); row-gap: var(--rows-gap); }



.blog-post-item { grid-column: span var(--col-span); }



.blog-post-item { border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-20)); padding: 0px 1rem 1rem; }



.blog-post-item:has(.blog-post-card__image-container) { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }



.cart-page { display: grid; grid-template-columns: 1fr; gap: 0 var(--padding-5xl); }



.cart-page--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; }



.cart-page--empty .cart-page__title, .cart-page--empty .cart-page__more-blocks { margin-top: var(--margin-6xl); }



.cart-page__more-blocks { width: 100%; }



.cart-page--empty .cart-title { text-align: center; }



.cart-page__main { grid-column: 1; }



.cart-page__summary { padding-top: var(--padding-xl); }



@media screen and (min-width: 750px) {

  .cart-page { grid-template-columns: 1fr min(50vw,var(--sidebar-width)); grid-template-rows: min-content min-content 1fr; }

  .cart-page__summary { display: grid; height: 100%; grid-area: 1 / 2 / -1; align-self: stretch; grid-template-rows: subgrid; padding-top: 0px; position: relative; }

  .section--page-width .cart-page:has(.cart__container--extend) { grid-column: 2 / 4; grid-template-columns: 1fr minmax(var(--sidebar-width),calc((100vw - var(--page-width)) / 2 + var(--sidebar-width))); }

  .cart__container--extend { height: 100%; }

}



@media screen and (min-width: 1400px) {

  .cart-page { grid-template-columns: 1fr var(--sidebar-width); }

}



html:active-view-transition-type(empty-cart-page) .cart-items-component { view-transition-name: cart-page-content; }



::view-transition-old(cart-page-content) { animation: cart-page-content-old var(--animation-speed-fast) var(--animation-easing) forwards; }



@keyframes cart-page-content-old { 

  0% { opacity: 1; }

  100% { opacity: 0; filter: blur(4px); }

}



.main-collection-grid { grid-column: var(--grid-column--mobile); }



@media screen and (min-width: 750px) {

  .main-collection-grid { grid-column: var(--grid-column--desktop); }

}



marquee-component { display: block; width: 100%; overflow: hidden; }



.section--page-width.media-with-content { grid-template-areas: "margin-left media margin-right" "margin-left content margin-right"; }



@media screen and (min-width: 750px) {

  .section--page-width.media-with-content { --media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 12) * 7) calc((var(--full-page-grid-central-column-width) / 12) * 5) var(--full-page-grid-margin); grid-template-areas: "margin-left media content margin-right"; }

}



@media screen and (min-width: 750px) {

  .section--page-width.media-with-content--media-right { --media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 12) * 5) calc((var(--full-page-grid-central-column-width) / 12) * 7) var(--full-page-grid-margin); grid-template-areas: "margin-left content media margin-right"; }

}



@media screen and (min-width: 750px) {

  .section--page-width.media-with-content--medium { --media-with-content-grid-columns: var(--full-page-grid-margin) repeat(2, calc(var(--full-page-grid-central-column-width) / 2)) var(--full-page-grid-margin); }

}



@media screen and (min-width: 750px) {

  .section--page-width.media-with-content--narrow.media-with-content--media-right { --media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 3) * 2) calc(var(--full-page-grid-central-column-width) / 3) var(--full-page-grid-margin); }

}



@media screen and (min-width: 750px) {

  .section--page-width.media-with-content--narrow { --media-with-content-grid-columns: var(--full-page-grid-margin) calc(var(--full-page-grid-central-column-width) / 3) calc((var(--full-page-grid-central-column-width) / 3) * 2) var(--full-page-grid-margin); }

}



@media screen and (min-width: 750px) {

  .section--full-width.media-with-content--media-right { --media-with-content-grid-columns: 2.5fr 3.5fr; grid-template-areas: "content media"; }

}



@media screen and (min-width: 750px) {

  .section--full-width.media-with-content--medium { --media-with-content-grid-columns: 1fr 1fr; }

}



@media screen and (min-width: 750px) {

  .section--full-width.media-with-content--narrow { --media-with-content-grid-columns: 2fr 4fr; }

}



@media screen and (min-width: 750px) {

  .section--full-width.media-with-content--narrow.media-with-content--media-right { --media-with-content-grid-columns: 4fr 2fr; }

}



.media-with-content.media-with-content--media-extend { grid-template-columns: var(--media-with-content-grid-columns); grid-template-areas: "media media media" "margin-left content margin-right"; }



@media screen and (min-width: 750px) {

  .media-with-content.media-with-content--media-extend { grid-template-areas: "media media content margin-right"; }

}



@media screen and (min-width: 750px) {

  .media-with-content--media-extend.media-with-content--media-right { grid-template-areas: "margin-left content media media"; }

}



@media screen and (min-width: 750px) {

  .media-with-content--media-right { grid-template-areas: "margin-left content media media"; }

}



.media-with-content { --media-with-content-grid-columns: var(--full-page-grid-with-margins); grid-template-columns: var(--media-with-content-grid-columns); grid-template-areas: "media media media" "content content content"; }



@media screen and (min-width: 750px) {

  .media-with-content { --media-with-content-grid-columns: 3.5fr 2.5fr; grid-template-areas: "media content"; }

}



.media-with-content .media-block { grid-area: media; }



.media-with-content .media-with-content__content { grid-area: content; }



.media-with-content .media-with-content__content > .group-block-content { padding-inline: var(--page-margin); padding-block: calc(2 * var(--page-margin)); }



@media screen and (min-width: 750px) {

  .media-with-content .media-with-content__content > .group-block-content { padding-block: var(--page-margin); }

}



.media-with-content.section--page-width .media-with-content__content > .group-block-content { padding-inline: 0px; }



@media screen and (min-width: 750px) {

  .media-with-content.section--page-width .media-with-content__content > .group-block-content { padding-inline-start: var(--page-margin); }

}



.media-with-content.section--page-width.media-with-content--media-right .media-with-content__content > .group-block-content { padding-inline-end: var(--page-margin); padding-inline-start: 0px; }



.media-with-content[data-shopify-visual-preview] { --hero-min-height: 500px; min-height: 500px; }



.password-footer { display: flex; flex-direction: column; align-items: center; gap: var(--gap-sm); padding-block: var(--padding-xl); }



.password-footer__powered-by { margin: 0px; display: flex; align-items: center; gap: var(--padding-xs); height: 1em; }



.password-footer__powered-by > a { display: flex; }



.password-footer__powered-by .icon-shopify { display: inline; height: 1.3em; color: var(--color-foreground); }



.password-footer__links { display: flex; align-items: center; gap: var(--gap-2xl); }



@media screen and (max-width: 749px) {

  .password-footer__links { flex-direction: column; gap: var(--gap-sm); }

}



.password-footer__admin-link { margin: 0px; }



.password-footer__button { height: var(--minimum-touch-target); background-color: transparent; color: var(--color-primary); cursor: pointer; text-decoration: underline; }



.password-footer__button:hover { color: var(--color-primary-hover); text-decoration: none; }



.section-password { flex-grow: 1; display: flex; }



.password-main-content { flex: 1 1 0%; display: flex; flex-direction: column; }



.password-content { text-align: center; }



.password-dialog { max-width: 100vw; max-height: 100svh; width: 100vw; height: 100svh; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: opacity var(--animation-values),display var(--animation-speed) allow-discrete,overlay var(--animation-speed) allow-discrete; }



.password-dialog::backdrop { display: none; }



.password-dialog[open] { opacity: 1; top: 0px; left: 0px; }



@starting-style {

  .password-dialog[open] { opacity: 0; }

}



.password-dialog:not([open]) { opacity: 0; }



@starting-style {

  .password-dialog:not([open]) { opacity: 1; }

}



.password-dialog__close-button { cursor: pointer; }



.password-dialog__header { position: absolute; top: 0px; right: 0px; padding: var(--padding-lg); z-index: var(--layer-raised); }



.password-dialog__content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: var(--padding-lg); height: 100%; transition: transform var(--animation-values); }



.password-dialog__content .email-signup__message { padding-block-start: var(--padding-xl); }



.password-dialog[open] .password-dialog__content { transform: translateY(0px); }



@starting-style {

  .password-dialog[open] .password-dialog__content { transform: translateY(1em); }

}



.password-dialog:not([open]) .password-dialog__content { transform: translateY(1em); }



@starting-style {

  .password-dialog:not([open]) .password-dialog__content { transform: translateY(0px); }

}



.storefront-password-form { max-width: 400px; width: 100%; }



.email-signup__input-group, .password-dialog__submit-button { width: 100%; }



@media screen and (min-width: 750px) {

  .email-signup__input-group, .password-dialog__submit-button { width: auto; }

}



input[type="search"]::-webkit-search-decoration { appearance: none; }



.predictive-search-dropdown { display: flex; flex-direction: column; position: relative; top: 0px; left: 0px; right: 0px; z-index: var(--layer-base); }



.search-action .predictive-search { z-index: calc(var(--layer-header-menu) + 2); }



.search-action .search-modal .predictive-search { z-index: var(--layer-window-overlay); }



.header__column--right .predictive-search-form__content-wrapper { right: 0px; left: unset; }



.search-modal .predictive-search-form__content-wrapper { width: 100%; }



@media screen and (min-width: 750px) {

  .search-modal .predictive-search-form__content-wrapper { height: fit-content; }

}



@media screen and (min-width: 750px) {

  .dialog-modal .predictive-search-form__header-inner { border: 0px; }

}



.header[transparent] :is(.predictive-search):not(:focus-within) { background-color: transparent; }



.header[transparent] .predictive-search-form__header-inner { border-color: var(--color-foreground); }



.search-modal__content .predictive-search-form__content { max-height: var(--modal-max-height); }



.predictive-search:has(.predictive-search-dropdown) .search-input { outline-color: transparent; }



.predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header-inner:focus-within { border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; }



@media screen and (max-width: 749px) {

  .predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header-inner:focus-within { border-bottom-color: transparent; }

}



.predictive-search:has(.predictive-search-dropdown[aria-expanded="true"]) .predictive-search-form__header-inner:focus-within { border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-radius: var(--search-border-radius); }



@media screen and (max-width: 749px) {

  .predictive-search:has(.predictive-search-dropdown[aria-expanded="true"]) .predictive-search-form__header-inner:focus-within { border-radius: var(--style-border-radius-inputs); }

}



.dialog-modal .predictive-search-form__header { border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-radius: 0px; background-color: var(--color-background); border-bottom: var(--style-border-width) solid var(--color-border); }



@media screen and (min-width: 750px) {

  .dialog-modal .predictive-search-form__header { padding: var(--padding-2xs) var(--padding-2xs) 0; border-bottom: var(--search-border-width) solid var(--color-border); }

}



@media screen and (max-width: 749px) {

  .dialog-modal .predictive-search-form__header { transition: box-shadow 0.2s; box-shadow: none; }

}



.search-action .predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header:focus-within { border-radius: var(--search-border-radius) var(--search-border-radius) 0 0; transition: box-shadow var(--animation-speed) var(--animation-easing); background-color: var(--color-background); }



@media screen and (max-width: 749px) {

  .search-action .predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header:focus-within { border-radius: var(--style-border-radius-inputs) var(--style-border-radius-inputs) 0 0; }

}



@media screen and (max-width: 749px) {

  .dialog-modal .predictive-search__close-modal-button { padding-inline-start: var(--margin-xs); margin-inline-start: 0px; }

}



@media screen and (max-width: 749px) {

  .dialog-modal[open] { border-radius: 0px; }

}



@media screen and (min-width: 750px) {

  .dialog-modal .predictive-search-form__header:has(.predictive-search-form__header-inner:focus-within) { border-bottom-color: transparent; }

}



@media screen and (max-width: 749px) {

  .dialog-modal .predictive-search__reset-button-icon { display: none; }

  .dialog-modal .predictive-search__reset-button-text { display: block; }

  .dialog-modal .predictive-search-form__content { max-height: 100%; }

  .dialog-modal .predictive-search-form__content-wrapper, .dialog-modal .predictive-search-form__header { box-shadow: none; }

  .dialog-modal .predictive-search-form__footer { padding-block: var(--padding-2xl); }

}



.predictive-search-results__pill { font-weight: 500; white-space: nowrap; color: var(--color-foreground); transition: background-color var(--animation-speed-medium) var(--animation-timing-hover),box-shadow var(--animation-speed-medium) var(--animation-timing-bounce),transform var(--animation-speed-medium) var(--animation-timing-bounce); margin: 2px; }



.predictive-search-results__pill:hover { transform: scale(1.03); box-shadow: 0 2px 5px rgb(0 0 0 / var(--opacity-8)); }



.predictive-search-results__pill mark { background-color: transparent; font-weight: 200; color: rgb(var(--color-foreground-rgb) / var(--opacity-80)); }



.predictive-search-results__pill:focus, .predictive-search-results__pill:hover, .predictive-search-results__card--query:is([aria-selected="true"], :focus-within) .predictive-search-results__pill { --pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-8)); background-color: var(--pill-background-color); outline: var(--border-width-sm) solid var(--color-border); border: var(--border-width-sm); text-decoration: none; }



.predictive-search-results__title { display: flex; justify-content: space-between; align-items: center; font-size: var(--font-size--body-md); font-weight: 500; margin-block: var(--margin-sm) var(--margin-xs); width: 100%; text-transform: var(--title-case); }



.predictive-search-results__title:first-of-type { margin-block-start: 0px; }



@media screen and (max-width: 749px) {

  .predictive-search-results__title { margin-block: var(--margin-lg) var(--margin-sm); }

}



.predictive-search-results__wrapper.predictive-search-results__wrapper-queries { margin-bottom: var(--margin-lg); padding-inline: var(--padding-xl); gap: var(--gap-2xs); }



.predictive-search-results__card { --title-font-size: var(--font-size--md); --title-margin-block: var(--margin-xs); flex: 0 0 auto; scroll-snap-align: start; scroll-margin-block: calc(var(--title-font-size) + var(--title-margin-block) + var(--padding-sm)) calc(var(--padding-xl) + var(--button-padding-block) * 2); transition: transform var(--animation-speed-medium) var(--animation-timing-default),background-color var(--animation-speed-medium) var(--animation-timing-hover),border-color var(--animation-speed-medium) var(--animation-timing-hover); }



.predictive-search-results__card:nth-last-child(3) { scroll-snap-align: end; }



.predictive-search-results__card:active { transform: scale(0.97); transition: transform .1s var(--animation-timing-active); }



.recently-viewed-wrapper .predictive-search-results__card { opacity: 1; transform: translateY(0px); transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); }



.recently-viewed-wrapper.removing .predictive-search-results__card { opacity: 0; transform: translateY(-10px); pointer-events: none; }



:is(.predictive-search-results__card--product, .recently-viewed-wrapper .predictive-search-results__card--product):active { transform: scale(0.97); transition: transform .1s var(--animation-timing-active); }



:is(.predictive-search-results__card--product, .recently-viewed-wrapper .predictive-search-results__card--product):hover { background-color: var(--card-bg-hover); border-radius: var(--product-corner-radius); padding: calc(var(--padding-2xs) + 2px); margin: calc((var(--padding-2xs) + 2px) * -1); }



:is(.predictive-search-results__card--product, .recently-viewed-wrapper .predictive-search-results__card--product):is([aria-selected="true"].keyboard-focus, :is(.predictive-search-results__card--product, .recently-viewed-wrapper .predictive-search-results__card--product):focus-visible, :is(.predictive-search-results__card--product, .recently-viewed-wrapper .predictive-search-results__card--product):has(.resource-card:focus-visible)) { background-color: var(--card-bg-hover); padding: calc(var(--padding-2xs) + 1px); margin: calc((var(--padding-2xs) + 1px) * -1); outline: var(--border-width-sm) solid var(--color-border); border-radius: calc(var(--product-corner-radius) + 1px); border-color: var(--card-border-focus); }



.predictive-search-results__card:not(.predictive-search-results__card--product) { padding: var(--padding-sm); border: var(--border-width-sm) solid var(--color-border); border-radius: var(--card-corner-radius); width: 60cqi; content-visibility: visible; }



@media screen and (min-width: 750px) {

  .predictive-search-results__card:not(.predictive-search-results__card--product) { width: 27.5cqi; }

}



.predictive-search-results__card:not(.predictive-search-results__card--product):hover { border-color: var(--card-border-hover); background-color: var(--card-bg-hover); }



.predictive-search-results__card:not(.predictive-search-results__card--product)[aria-selected="true"].keyboard-focus { border-color: var(--card-border-hover); background-color: var(--card-bg-hover); }



.predictive-search-results__card:not(.predictive-search-results__card--product):active { transform: scale(0.97); transition: transform var(--animation-speed-medium) var(--animation-timing-active); }



@keyframes search-element-scale-in { 

  0% { transform: scale(0.95); opacity: 0; }

  40% { opacity: 1; }

  100% { transform: scale(1); opacity: 1; }

}



@keyframes search-element-scale-out { 

  0% { transform: scale(1); opacity: 1; }

  100% { transform: scale(0.95); opacity: 0; }

}



@keyframes search-element-slide-in-top { 

  0% { margin-top: calc(var(--modal-top-margin) + var(--padding-sm)); opacity: 0; }

  100% { margin-top: var(--modal-top-margin); opacity: 1; }

}



@keyframes search-element-slide-out-top { 

  0% { margin-top: var(--modal-top-margin); opacity: 1; }

  100% { margin-top: calc(var(--modal-top-margin) + var(--padding-sm)); opacity: 0; }

}



@keyframes content-slide { 

  0% { transform: translateY(var(--slide-from, 0)); opacity: var(--slide-opacity-from, 1); }

  100% { transform: translateY(var(--slide-to, 0)); opacity: var(--slide-opacity-to, 1); }

}



.predictive-search-results__list { --slide-width: 27.5%; --slideshow-gap: var(--gap-md); padding-block-start: var(--border-width-sm); }



@media screen and (max-width: 749px) {

  .predictive-search-results__list slideshow-arrows { display: none; }

}



.predictive-search-results__no-results { animation-delay: 0.1s; transition: opacity var(--animation-speed-medium) var(--animation-timing-fade-in); }



.predictive-search-results__no-results, .predictive-search-results__wrapper, .predictive-search-results__wrapper-products .predictive-search-results__card { animation: search-element-slide-up var(--animation-speed-medium) var(--animation-timing-bounce) backwards; }



.predictive-search-results__no-results:last-child { margin-block: var(--margin-lg); text-align: center; }



slideshow-slide .resource-card { animation-delay: 0ms !important; }



.predictive-search-results__list, .predictive-search-results__wrapper { animation-duration: var(--animation-speed-medium); }



.predictive-search-results__wrapper-queries { animation-delay: 50ms; }



.predictive-search-results__list:nth-of-type(2) { animation-delay: 0.15s; }



.predictive-search-results__list:nth-of-type(3) { animation-delay: 0.2s; }



.predictive-search-results__list:nth-of-type(4) { animation-delay: 0.25s; }



.predictive-search-results__list:last-child { margin-block-end: 0px; }



[data-resource-type] { animation-delay: 0ms !important; }



.predictive-search-results__no-results.removing, .predictive-search-results__wrapper.removing { animation: search-element-slide-down var(--animation-speed-medium) var(--animation-timing-fade-out) forwards; }



.predictive-search-results__card.removing { animation: fadeOut var(--animation-speed-medium) var(--animation-timing-fade-out) forwards; }



.predictive-search-results__wrapper { transition: opacity var(--animation-speed-medium) var(--animation-timing-fade-in); }



@keyframes search-element-slide-up { 

  0% { opacity: 0; transform: translateY(8px); }

  100% { opacity: 1; transform: translateY(0px); }

}



@keyframes search-element-slide-down { 

  0% { opacity: 1; transform: translateY(0px); }

  100% { opacity: 0; transform: translateY(8px); }

}



.predictive-search-results__card--query { transition: transform var(--animation-speed-medium) var(--animation-timing-bounce); transform-origin: center center; }



.predictive-search-results__card--query:active { transform: scale(0.97); }



.section-product-hotspots { position: relative; }



.section-product-hotspots__wrapper { display: flex; flex-direction: column; gap: var(--gap); width: 100%; height: 100%; }



.section-product-hotspots__content { position: relative; aspect-ratio: var(--ratio, 21 / 9); overflow: hidden; }



@media (hover: none) {

  .hotspot.hotspot--hidden-touch { display: none; }

}



@media screen and (max-width: 749px) {

  .hotspot .hotspot-dialog { display: none; }

}



.hotspot { position: absolute; cursor: pointer; width: var(--button-size); height: var(--button-size); display: flex; align-items: center; justify-content: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; font: inherit; color: inherit; outline: none; transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out; z-index: var(--layer-flat); }



.hotspot:has(.hotspot-dialog[open]) { z-index: var(--layer-raised); }



.hotspot .hotspot-trigger { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



.hotspot-dialog__product-content { display: flex; flex-direction: column; justify-content: space-between; padding: var(--padding-xs); padding-inline-start: 0px; overflow: hidden; }



.hotspot-trigger { width: var(--hotspot-size); height: var(--hotspot-size); background: var(--hotspot-bg, rgb(0 0 0 / .5)); border-radius: 50%; cursor: pointer; position: relative; transition: width 0.1s ease-out, height 0.1s ease-out; }



@media screen and (max-width: 749px) {

  .hotspot-trigger { cursor: pointer; -webkit-tap-highlight-color: transparent; }

}



.hotspot-trigger::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(var(--hotspot-size) * .4); height: calc(var(--hotspot-size) * .4); background: var(--hotspot-bullseye, #fff); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.1s ease-out, height 0.1s ease-out, background 0.1s ease-out; }



@media screen and (min-width: 750px) {

  .hotspot:hover .hotspot-trigger::after, .hotspot:has(.hotspot-dialog[open]) .hotspot-trigger::after { width: calc(var(--hotspot-size) * .55); height: calc(var(--hotspot-size) * .55); transition: width 0.2s ease-out 0.2s, height 0.2s ease-out, background 0.2s ease-out; }

}



.hotspots-container { position: absolute; inset: 0px; z-index: var(--layer-flat); overflow: clip; }



.hotspots__background-image { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }



.hotspot .hotspot-dialog { position: absolute; padding: 0px; border-radius: var(--style-border-radius-popover); border: var(--style-border-popover); width: max-content; min-width: var(--minimum-width-dialog); max-width: var(--maximum-width-dialog); box-shadow: var(--shadow-popover); }



.hotspot .hotspot-dialog[data-placement*="bottom"] { --offset-y: 0px; --origin-y: calc(var(--hotspot-size) / 2); top: calc((var(--button-size) - var(--hotspot-size)) / 2 + var(--dialog-vertical-offset, 0px)); bottom: unset; }



.hotspot .hotspot-dialog[data-placement*="top"] { --offset-y: 0px; --origin-y: calc(100% - (var(--hotspot-size) * .5)); top: unset; bottom: calc((var(--button-size) - var(--hotspot-size)) * .5 - var(--dialog-vertical-offset, 0px)); }



.hotspot .hotspot-dialog[data-placement*="left"] { --offset-x: calc((var(--button-size) - var(--hotspot-size)) * .5); --origin-x: calc(100% - (var(--hotspot-size) * .5)); left: unset; right: 100%; }



.hotspot .hotspot-dialog[data-placement*="right"] { --offset-x: calc((var(--button-size) - var(--hotspot-size)) * -.5); --origin-x: calc(var(--hotspot-size) * .5); left: 100%; right: unset; }



.hotspot .hotspot-dialog[data-placement*="center"] { left: 50%; translate: -50%; right: unset; }



.hotspot .hotspot-dialog[data-placement*="center"][data-placement*="bottom"] { --origin-y: calc(var(--hotspot-size) * .5); --origin-x: 50%; --offset-y: calc((var(--button-size) - var(--hotspot-size)) * -.5); --offset-x: 0; top: 100%; bottom: unset; margin: 0px; }



.hotspot .hotspot-dialog[data-placement*="center"][data-placement*="top"] { --origin-y: calc(100% - (var(--hotspot-size) * .5)); --origin-x: 50%; --offset-y: calc((var(--button-size) - var(--hotspot-size)) * .5); --offset-x: 0; bottom: 100%; }



.hotspot .hotspot-dialog:is(:focus, :focus-visible), .hotspot .hotspot-dialog__link:is(:focus, :focus-visible) { outline: none; }



.hotspot-dialog__product { display: grid; grid-template-columns: auto 1fr; }



.hotspot-dialog__product-image, .hotspot-dialog svg.hotspot-dialog__placeholder-product-image { width: var(--width-product-image-dialog); height: var(--width-product-image-dialog); aspect-ratio: 1 / 1; padding: var(--padding-product-image-popover, var(--padding-xs)); object-fit: cover; border-radius: var(--style-border-radius-popover); }



.hotspot-dialog__link { position: absolute; inset: 0px; z-index: var(--layer-flat); }



.hotspot-dialog__product-title { margin-block-end: var(--product-title-gap); padding-inline-end: var(--padding-sm); min-width: 0px; }



.hotspot .hotspot-dialog .hotspot-dialog__sold-out-badge { display: flex; width: fit-content; place-self: flex-end; justify-content: center; align-items: center; font-size: var(--font-body--size); padding: var(--padding-2xs) var(--padding-sm); background: rgb(var(--color-foreground-rgb) / var(--opacity-10)); border-radius: var(--border-radius-sm); text-transform: uppercase; letter-spacing: var(--letter-spacing-sm); opacity: var(--opacity-80); }



.hotspot .hotspot-dialog { --hotspot-blur: 4px; --hotspot-scale: .8; --hotspot-entry-duration: .2s; --hotspot-exit-duration: .1s; filter: blur(var(--hotspot-blur)); opacity: 0; transition-property: display, opacity, filter, transform; transition-duration: var(--hotspot-entry-duration); transform: scale(var(--hotspot-scale)) translate(var(--offset-x),var(--offset-y)); transform-origin: var(--origin-x) var(--origin-y); transition-timing-function: cubic-bezier(0.65, -0.49, 0.35, 1.12); }



.hotspot .hotspot-dialog[data-closing="true"] { transition-duration: var(--hotspot-exit-duration); transition-timing-function: ease-out; transform: scale(1) translateY(calc(var(--hotspot-size) * .25)); }



.hotspot .hotspot-dialog[data-showing="true"] { transition-behavior: allow-discrete; }



.hotspot .hotspot-dialog[open][data-showing="true"] { opacity: 1; transform: scale(1) translate(0px); filter: blur(0px); }



@starting-style {

  .hotspot .hotspot-dialog[open][data-showing="true"] { opacity: 0; filter: blur(var(--hotspot-blur)); transform: scale(var(--hotspot-scale)) translate(var(--offset-x),var(--offset-y)); transform-origin: var(--origin-x) var(--origin-y); }

}



.hotspot .hotspot-dialog::after { content: ""; position: absolute; opacity: 0; inset: 0px; width: 100%; height: 100%; pointer-events: all; transition: opacity 0.22s ease-out, translate 0.22s ease-out 0.1s; scale: var(--scale-x, 1) var(--scale-y, 1); z-index: var(--layer-flat); }



.hotspot-dialog[open]:is([data-placement*="left"], [data-placement*="right"])::after { clip-path: polygon(0px 0px, 100% 0px, 100% 100%); width: calc(var(--button-size) / 2 + var(--hotspot-size) * .5); }



.hotspot-dialog[open][data-placement*="right"]::after { right: 100%; left: unset; }



.hotspot-dialog[open][data-placement*="left"]::after { left: 100%; right: unset; --scale-x: -1; }



.hotspot-dialog[open][data-placement*="top"]::after { --scale-y: -1; }



.hotspot-dialog[open][data-placement*="center"]::after { height: calc(var(--button-size) / 2 + var(--hotspot-size) * .5); width: 100%; clip-path: polygon(0 0,100% 0,50% calc(100% - var(--hotspot-size) * .25)); --scale-x: 1; --scale-y: 1; }



.hotspot-dialog[open][data-placement*="center"][data-placement*="bottom"]::after { top: unset; bottom: 100%; --scale-y: -1; }



.hotspot-dialog[open][data-placement*="center"][data-placement*="top"]::after { top: 100%; bottom: unset; }



.hotspot-dialog[open] .quick-add { display: flex; flex-direction: column; justify-content: flex-end; width: auto; height: auto; position: relative; z-index: var(--layer-flat); }



.hotspot-dialog[open] .quick-add__button { position: relative; padding-block: 0px; box-shadow: none; align-items: center; justify-self: flex-end; height: fit-content; translate: var(--padding-2xs) 0; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color-foreground); background-color: var(--color-background); overflow: visible; pointer-events: all; opacity: 1; animation: elementSlideInTop var(--animation-speed) var(--animation-easing); transition-property: translate; transition-duration: var(--animation-speed); transition-timing-function: var(--ease-out-cubic); }



.hotspot-dialog[open] .quick-add__button::before { content: ""; position: absolute; inset: -2px; border-radius: 52px; border: 2px solid transparent; pointer-events: none; transition-property: border-color; transition-duration: 0s; transition-timing-function: var(--ease-out-cubic); }



.hotspot-dialog[open] .quick-add__button:is(:hover, :focus, :focus-visible, :active) { translate: 0px; transition-delay: var(--animation-speed-slow); }



.hotspot-dialog[open] .quick-add__button:is(:hover, :focus, :focus-visible, :active)::before { border-color: rgb(var(--color-foreground-rgb) / var(--opacity-15)); transition-duration: var(--animation-speed); transition-delay: var(--animation-speed-slow); }



.sticky-add-to-cart__bar { position: fixed; bottom: 20px; left: 50%; opacity: 0; transform: translate(-50%) translateY(calc(100% + 40px)); z-index: calc(var(--layer-sticky) - 1); width: 600px; border-radius: calc(var(--style-border-radius-buttons-primary) + min(var(--padding-sm),var(--style-border-radius-buttons-primary))); box-shadow: var(--shadow-popover); padding: var(--padding-sm); display: flex; align-items: center; gap: var(--gap-md); }



@starting-style {

  .sticky-add-to-cart__bar { opacity: 0; transform: translate(-50%) translateY(calc(100% + 40px)); }

}



.sticky-add-to-cart__bar::before { --border: 2px; content: ""; position: absolute; inset: calc(var(--border) * -1); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: content-box, border-box; border: var(--border) solid #0000; border-radius: inherit; z-index: -1; backdrop-filter: blur(20px) saturate(180%) brightness(1.5); }



@media (prefers-reduced-motion: no-preference) {

  .sticky-add-to-cart__bar { transition-property: transform, opacity, display; transition-duration: 0.3s; transition-timing-function: var(--ease-out-quad); transition-behavior: allow-discrete; }

}



.sticky-add-to-cart__bar[data-stuck="true"] { transform: translate(-50%) translateY(0px); opacity: 1; }



sticky-add-to-cart:not([data-variant-available="true"]) .sticky-add-to-cart__bar { opacity: 0; transform: translate(-50%) translateY(calc(100% + 40px)); display: none; }



.sticky-add-to-cart__info[data-has-image="false"] { padding-left: var(--padding-lg); }



.sticky-add-to-cart__image { flex-shrink: 0; aspect-ratio: 1 / 1; height: var(--height-buy-buttons); overflow: hidden; border-radius: var(--style-border-radius-buttons-primary); background: var(--color-background-secondary); }



.sticky-add-to-cart__image-img { width: 100%; height: 100%; object-fit: cover; }



.sticky-add-to-cart__info { flex: 1 1 0%; min-width: 0px; }



.sticky-add-to-cart__title { font-size: var(--font-paragraph-medium--size); font-weight: var(--font-weight-semibold); margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.sticky-add-to-cart__variant { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); font-size: var(--font-paragraph-small--size); margin-top: var(--margin-3xs); }



.sticky-add-to-cart__price { font-weight: var(--font-weight-semibold); }



.sticky-add-to-cart__button { height: var(--height-buy-buttons); position: relative; }



@media screen and (max-width: 749px) {

  .sticky-add-to-cart__bar { bottom: 0px; width: 100%; max-width: none; border-radius: 0px; }

  .sticky-add-to-cart__bar::before { --border: 1px; }

  .sticky-add-to-cart__bar .add-to-cart-text__content { display: none; }

  .sticky-add-to-cart__info[data-has-image="false"] { padding-left: 0px; }

  .sticky-add-to-cart__title { font-size: var(--font-paragraph--size); }

  .sticky-add-to-cart__button { padding: var(--padding-lg); }

  .sticky-add-to-cart__price { font-size: var(--font-paragraph-small--size); }

  .sticky-add-to-cart__button { width: var(--height-buy-buttons); }

  sticky-add-to-cart:not([data-variant-available="true"]) .add-to-cart-text__content { display: initial; }

  sticky-add-to-cart:not([data-variant-available="true"]) .sticky-add-to-cart__button { width: auto; }

}



@media screen and (max-width: 389px) {

  .sticky-add-to-cart__bar .compare-at-price { display: none; }

  .sticky-add-to-cart__title { display: none; }

  .sticky-add-to-cart__info[data-singleton="true"] .sticky-add-to-cart__title, .sticky-add-to-cart__info[data-single-option="true"] .sticky-add-to-cart__title { display: block; }

  .sticky-add-to-cart__info[data-single-option="true"] .sticky-add-to-cart__variant { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

}



.quick-order-list { --quantity-selector-width: 124px; --image-size: 43px; --quantity-header-padding: calc(var(--minimum-touch-target) + var(--gap-sm)); --quick-order-quantity-column-width: calc( var(--quantity-selector-width) + 2 * var(--gap-sm) + 2 * var(--minimum-touch-target) ); --transform-offset-negative: calc(-1 * var(--icon-stroke-width)); --quick-order-first-column-width: 2fr; --quick-order-price-column-width: 1fr; --quick-order-total-column-width: 1fr; display: flex; flex-direction: column; gap: var(--gap-sm); }



.quick-order-list__container { width: 100%; }



.quick-order-list__grid { width: 100%; display: block; contain: layout; }



.quick-order-list__grid-body { contain: layout; }



.quick-order-list__grid-header, .quick-order-list__grid-row { display: grid; grid-template-columns: var(--quick-order-first-column-width) var(--quick-order-quantity-column-width) var(--quick-order-price-column-width) var(--quick-order-total-column-width); gap: var(--gap-md); align-items: center; }



.quick-order-list__grid-header { border-block-end: var(--style-border-width) solid var(--color-border); padding-block-end: var(--padding-xl); margin-block-end: var(--padding-sm); opacity: var(--opacity-85); font-weight: 400; font-size: var(--font-size--xs); letter-spacing: var(--letter-spacing--body-loose); }



.quick-order-list__grid-header .quick-order-list__grid-cell--quantity { padding-inline-start: var(--quantity-header-padding); }



.quick-order-list__grid-row { padding-block-start: var(--padding-sm); padding-block-end: var(--padding-sm); content-visibility: auto; contain-intrinsic-size: auto calc(2 * var(--padding-sm) + var(--image-size) + var(--minimum-touch-target) + var(--padding-2xl)); }



@media screen and (min-width: 750px) {

  .quick-order-list__grid-row { contain-intrinsic-size: auto calc(2 * var(--padding-sm) + var(--image-size)); }

}



.quick-order-list__grid-cell--variant { text-align: start; justify-self: stretch; }



.quick-order-list__grid-cell--quantity { display: flex; justify-content: flex-start; align-items: flex-start; justify-self: stretch; }



.quick-order-list__grid-cell--quantity .variant-item__inner-container { width: 100%; justify-content: flex-start; }



.quick-order-list__grid-cell--price, .quick-order-list__grid-cell--total { text-align: end; justify-self: stretch; }



.variant-item__image-container, .quick-order-list__table-image { width: var(--image-size); height: auto; }



.quick-order-list .pagination { margin-block-start: 0px; padding-block-start: var(--padding-xl); padding-block-end: 0px; }



.variant-item__inner-container { display: flex; align-items: center; gap: var(--gap-sm); }



.volume-pricing-info-placeholder { width: var(--minimum-touch-target); height: var(--minimum-touch-target); }



.variant-item__quantity .quantity-selector { display: flex; flex: 0 0 var(--quantity-selector-width); min-width: var(--quantity-selector-width); font-size: var(--font-size--xs); height: auto; }



.variant-item__remove { background-color: transparent; color: var(--color-foreground); width: var(--minimum-touch-target); height: var(--minimum-touch-target); justify-content: center; box-shadow: none; padding: 0px; }



.variant-item__remove:not(.variant-item__remove--hidden):hover .remove-icon-top { transform: translate(var(--transform-offset-negative),var(--icon-stroke-width)) rotate(-15deg); }



.variant-item__remove:not(.variant-item__remove--hidden):is(:hover, :active) .remove-icon-bottom { transform: translateY(var(--icon-stroke-width)); }



.variant-item__remove--hidden { opacity: 0; pointer-events: none; cursor: default; }



.variant-item__name { font-weight: var(--font-weight-medium); }



.variant-item__sku { font-size: var(--font-size--3xs); opacity: var(--opacity-85); }



.variant-item__details { display: inline-flex; flex-direction: column; }



.variant-item__totals { flex: 0 0 auto; padding-block-start: var(--padding-2xs); }



.variant-item__discounted-prices { display: flex; gap: var(--gap-2xs); justify-content: flex-end; }



.variant-item__discounted-prices dd { margin: 0px; }



@media screen and (max-width: 749px) {

  .quick-order-list__grid-header, .quick-order-list__grid-row { grid-template-columns: 1fr auto; gap: var(--gap-sm); max-width: 100%; overflow: hidden; align-items: flex-start; }

  .quick-order-list__grid-header .quick-order-list__grid-cell--total { text-align: end; }

  .quick-order-list__grid-row { margin-block-end: var(--margin-2xl); padding-block-end: var(--padding-2xl); border-block-end: var(--style-border-width) solid var(--color-border); }

  .quick-order-list__grid-row:last-child { margin-block-end: 0px; border-block-end: none; }

  .variant-item__inner { flex: 1 1 auto; padding-inline-end: var(--padding-lg); }

  .variant-item__inner-container { display: flex; gap: var(--gap-md); align-items: flex-start; }

  .variant-item__details { flex: 1 1 0%; display: flex; flex-direction: column; min-width: 0px; }

  .variant-item__totals { flex: 0 0 auto; text-align: end; padding-block-start: var(--padding-2xs); }

  .variant-item__totals .variant-item__total-price { font-size: var(--font-size--sm); font-weight: var(--font-weight-medium); }

  .variant-item__title-container .variant-item__name { display: block; font-size: var(--font-size--sm); line-height: var(--line-height-tight); margin: 0px; }

  .variant-item__mobile-price-container { margin-block-end: var(--margin-xs); }

  .variant-item__mobile-price { font-size: var(--font-size--sm); opacity: var(--opacity-85); white-space: nowrap; }

  .variant-item__discounted-prices--mobile { display: flex; flex-direction: row; align-items: baseline; justify-content: flex-start; gap: var(--gap-xs); margin-block-start: var(--margin-2xs); margin-block-end: 0px; }

  .variant-item__discounted-prices--mobile dd { display: inline; }

  .variant-item__mobile-quantity { display: flex; align-items: center; gap: 0px; }

  .variant-item__mobile-info { display: flex; flex-direction: column; width: 100%; }

  .variant-item__image-container { flex: 0 0 var(--image-size); width: var(--image-size); height: var(--image-size); }

  .quick-order-list__table-image { width: 100%; height: 100%; }

  .variant-item__mobile-quantity .quantity-selector { display: flex; flex: 0 0 var(--quantity-selector-width); min-width: var(--quantity-selector-width); font-size: var(--font-size--xs); margin: 0px; padding: 0px; }

  .variant-item__remove--mobile { background-color: transparent; color: var(--color-foreground); width: var(--minimum-touch-target); height: var(--minimum-touch-target); min-width: var(--minimum-touch-target); display: flex; align-items: center; justify-content: center; box-shadow: none; padding: 0px; margin: 0px; flex-shrink: 0; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }

  .variant-item__remove--mobile svg { width: var(--icon-size-sm); height: var(--icon-size-sm); }

  .variant-item__remove--mobile:not(.variant-item__remove--hidden):hover { opacity: var(--opacity-70); }

  .quick-order-list .pagination { padding-block-start: var(--padding-2xl); }

}



.quick-order-list-disabled { pointer-events: none; }



.quick-order-list-total { background: var(--color-background); border-block-start: var(--style-border-width) solid var(--color-border); }



@media screen and (min-width: 750px) {

  .quick-order-list-total { position: sticky; inset-block-end: 0px; z-index: var(--layer-raised); }

}



.quick-order-list-total__info, .quick-order-list-total__confirmation { min-height: 8rem; padding-block-start: var(--padding-4xl); }



.quick-order-list-total__info { align-items: flex-start; gap: var(--gap-md); }



.quick-order-list-total__confirmation { display: flex; gap: var(--gap-2xl); align-items: center; justify-content: center; padding: var(--padding-2xl) var(--padding-xl); }



.quick-order-list-total__column { display: flex; flex-direction: column; }



.quick-order-list-total__actions { display: flex; }



@media screen and (min-width: 750px) {

  .quick-order-list-total__info { display: grid; grid-template-columns: var(--quick-order-first-column-width) var(--quick-order-quantity-column-width) var(--quick-order-price-column-width) var(--quick-order-total-column-width); }

  .quick-order-list-total__column { grid-column: 1; display: flex; flex-direction: column; gap: var(--gap-md); }

  .quick-order-list-total__summary { grid-column: 2 / 5; display: grid; grid-template-columns: var(--quick-order-quantity-column-width, 234px) auto; }

  .quick-order-list-total__items { grid-column: 1; justify-self: center; text-align: center; }

  .quick-order-list-total__price { grid-column: 3; justify-self: end; text-align: end; }

}



@media screen and (min-width: 750px) and (max-width: 989px) {

  .quick-order-list-total__actions { flex-direction: column; }

  .quick-order-list-total__messages { align-items: stretch; }

  .quick-order-list__remove-all-button { padding-inline: 0px; }

}



.quick-order-list__button.button--full-width { width: 100%; }



.quick-order-list__button.button { display: flex; align-items: center; justify-content: center; }



.quick-order-list-total .button--unstyled { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; background-color: transparent; color: var(--color-foreground); cursor: pointer; }



.quick-order-list__remove-all-button svg { width: var(--icon-size-sm); height: var(--icon-size-sm); flex-shrink: 0; }



.quick-order-list-total__items span { display: block; margin-block-end: var(--margin-xs); }



.quick-order-list-total__items .h5 { margin: 0px; letter-spacing: var(--letter-spacing--body-loose); opacity: var(--opacity-85); }



.quick-order-list-total__subtotal-value { display: block; margin-block-end: var(--margin-xs); line-height: var(--font-paragraph--line-height); }



.quick-order-list-total__subtotal-value text-component { display: block; }



.quick-order-list-total__subtotal { margin: 0px; letter-spacing: var(--letter-spacing--body-loose); opacity: var(--opacity-85); }



.quick-order-list-total__tax-note { opacity: var(--opacity-subdued-text); }



.quick-order-list-total__messages { display: flex; flex-direction: column; gap: var(--gap-xs); }



.quick-order-list-total__success, .quick-order-list-total__error { display: flex; align-items: center; gap: var(--gap-xs); }



.quick-order-list-total__success .icon-success, .quick-order-list-total__error .quick-order-list-total__icon--error { display: inline-flex; align-items: center; justify-content: center; width: var(--icon-size-sm); height: var(--icon-size-sm); color: inherit; }



.quick-order-list-total__success .icon-success svg, .quick-order-list-total__error .quick-order-list-total__icon--error svg { width: 100%; height: 100%; }



.quick-order-list-total__error:empty, .quick-order-list-total__success:empty { display: none; }



.quick-order-list-total__info.confirmation-visible { display: none; }



.quick-order-list-total__confirmation-text { white-space: nowrap; }



.quick-order-list-total__confirmation-buttons { display: flex; gap: var(--gap-md); align-items: center; }



.quick-order-list-total__confirmation button { margin: 0px; white-space: nowrap; }



.quick-order-list__remove-all-button { display: flex; align-items: center; justify-content: center; gap: var(--gap-sm); }



@media screen and (max-width: 749px) {

  .quick-order-list-total__info { display: flex; flex-direction: column; align-items: center; }

  .quick-order-list-total__column { order: 3; width: 100%; flex: 1 1 auto; }

  .quick-order-list-total__actions { flex-direction: column; width: 100%; }

  .quick-order-list-total__messages { width: 100%; align-items: center; margin-block-start: var(--margin-xs); }

  .quick-order-list-total__summary { order: 1; display: flex; flex-direction: column; align-items: center; width: 100%; gap: var(--gap-md); }

  .quick-order-list-total__items { text-align: center; width: auto; display: flex; align-items: center; justify-content: center; gap: var(--gap-xs); }

  .quick-order-list-total__items span { display: inline; margin-block-end: 0px; }

  .quick-order-list-total__items .h5 { display: inline; }

  .quick-order-list-total__price { text-align: center; width: 100%; }

  .quick-order-list-total__product-total { display: flex; align-items: center; justify-content: center; gap: var(--gap-xs); }

  .quick-order-list-total__product-total .quick-order-list-total__subtotal-value { display: inline-block; margin-block-end: 0px; }

  .quick-order-list-total__product-total .quick-order-list-total__subtotal { display: inline; }

  .quick-order-list__button, .quick-order-list__remove-all-button { width: 100%; justify-content: center; }

  .quick-order-list-total__confirmation { flex-direction: column; }

  .quick-order-list-total__tax-note { margin-block-start: var(--margin-xs); }

}



.slideshow-section slideshow-arrows .slideshow-control:first-of-type { margin-inline-start: var(--padding-xs); }



.slideshow-section slideshow-arrows .slideshow-control:last-of-type { margin-inline-end: var(--padding-xs); }



.slideshow-section .slideshow--with-hints--mobile-with-hints { gap: var(--slideshow-gap, 0); grid-column: 1 / -1; }



.slideshow-section .slideshow--with-hints--mobile-with-hints slideshow-arrows .slideshow-control { transition: opacity 0.3s; }



.slideshow-section slideshow-component.slideshow--with-hints--mobile-with-hints:has(slideshow-slide:first-child:not([aria-hidden="true"])) > slideshow-container > slideshow-arrows .slideshow-control--previous, .slideshow-section slideshow-component.slideshow--with-hints--mobile-with-hints:has(slideshow-slide:last-child:not([aria-hidden="true"])) > slideshow-container > slideshow-arrows .slideshow-control--next { animation: auto ease 0s 1 normal none running none; opacity: 0; pointer-events: none; }



@media screen and (max-width: 749px) {

  .slideshow-section .slideshow--with-hints--mobile-with-hints slideshow-slides { padding-inline: var(--page-margin); }

  .slideshow-section .slideshow--with-hints--mobile-with-hints slideshow-slide { width: 96%; }

  .slideshow-section .slideshow--with-hints--mobile-with-hints slideshow-slides { gap: min(var(--slideshow-gap, 0),10px); }

}



@media screen and (min-width: 750px) {

  .slideshow-section .slideshow--with-hints { gap: var(--slideshow-gap, 0); grid-column: 1 / -1; }

  .slideshow-section .slideshow--with-hints slideshow-slides { padding-inline: var(--page-margin); gap: var(--slideshow-gap, 0); }

  .slideshow-section .slideshow--with-hints slideshow-slide { width: calc((100vw - var(--page-margin) * 2)); overflow: hidden; }

  .slideshow-section .slideshow--with-hints slideshow-arrows .slideshow-control { transition: opacity 0.3s; }

  .slideshow-section slideshow-component.slideshow--with-hints:has(slideshow-slide:first-child:not([aria-hidden="true"])) > slideshow-container > slideshow-arrows .slideshow-control--previous, .slideshow-section slideshow-component.slideshow--with-hints:has(slideshow-slide:last-child:not([aria-hidden="true"])) > slideshow-container > slideshow-arrows .slideshow-control--next { animation: auto ease 0s 1 normal none running none; opacity: 0; pointer-events: none; }

}



.details__icon { height: auto; margin-inline-end: var(--margin-xs); }



.text-block:not(.text-block--full-width).h1, .text-block:not(.text-block--full-width).h2, .text-block:not(.text-block--full-width).h3, .text-block:not(.text-block--full-width).h4, .text-block:not(.text-block--full-width).h5, .text-block:not(.text-block--full-width).h6 { text-wrap: balance; }



.blog-post-card { display: flex; flex-direction: column; text-align: var(--text-align); column-gap: var(--columns-gap); }



.blog-post-item--horizontal:has(.blog-post-card__image-container) .blog-post-card > :first-child { flex-basis: 70%; }



.blog-post-item--horizontal:has(.blog-post-card__image-container) .blog-post-card > :last-child { flex-basis: 30%; }



.blog-post-card__content { padding-block-start: 0.4rem; display: flex; flex-direction: column; }



.blog-post-item .blog-post-card__image-container, .blog-post-item .blog-post-card__content { width: 100%; }



.blog-post-item--horizontal .blog-post-card { flex-direction: row; }



@media screen and (max-width: 749px) {

  .blog-post-item--horizontal .blog-post-card { flex-direction: column; }

}



.blog-post-card__content a { display: block; text-wrap: pretty; text-decoration: none; padding-block-start: 0.75rem; }



.blog-post-card__content a:hover, .blog-post-card__content a:hover [style*="--color: var(--color-primary)"] { color: var(--color-primary-hover); }



.blog-post-card__content a:hover [style*="--color: var(--color-foreground-heading)"] { color: rgb(var(--color-foreground-heading-rgb) / var(--opacity-subdued-text)); }



.blog-post-card__content a:hover [style*="--color: var(--color-foreground)"] { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.blog-post-content { max-width: var(--normal-content-width); margin: 0px auto; }



.blog-post-card__content-text a { color: var(--color-primary); }



.blog-post-featured-image { --width: 100%; --custom-width: 100%; display: block; position: relative; width: var(--width); }



.blog-post-featured-image.size-style { --width: var(--size-style-width, 100%); }



.blog-post-featured-image--height-fit { height: fit-content; }



.blog-post-featured-image--height-fill { height: 100%; }



.blog-post-featured-image__image { aspect-ratio: var(--ratio); width: 100%; height: 100%; object-fit: cover; object-position: center center; }



@media screen and (max-width: 749px) {

  .blog-post-featured-image { --width: var(--width-mobile, var(--width)); --custom-width: var(--custom-width-mobile, var(--custom-width)); }

  .blog-post-featured-image.size-style { --width: var(--size-style-width-mobile, var(--size-style-width, 100%)); }

}



.blog-post-card__image { width: 100%; object-fit: cover; object-position: center center; height: calc(var(--blog-post-card-img-height) * var(--blog-post-card-scale)); }



.blog-post-card__image--small { --blog-post-card-img-height: 280px; }



.blog-post-card__image--medium { --blog-post-card-img-height: 340px; }



.blog-post-card__image--large { --blog-post-card-img-height: 400px; }



.blog-post-details { display: flex; gap: var(--gap-sm); font-size: var(--font-paragraph-size); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); white-space: nowrap; flex-wrap: wrap; }



.blog-post-details > span { text-overflow: clip; overflow: hidden; }



.card { position: relative; display: flex; flex-direction: column; overflow: hidden; width: 100%; height: 100%; border-radius: var(--border-radius, 0); border-width: var(--border-width, 0); border-style: var(--border-style, none); border-color: var(--border-color); container-type: inline-size; }



.card__content { width: 100%; height: 100%; position: relative; z-index: var(--layer-flat); display: flex; flex-direction: column; aspect-ratio: var(--card-ratio, 1); }



.card__content.background-transparent { background-color: transparent; }



.card__content--has-min-height { min-height: calc(100cqw / var(--card-ratio-numeric)); }



.card__inner { flex: 1 1 0%; }



.card__media-wrapper { display: flex; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; }



.card__media-wrapper video { z-index: var(--layer-raised); }



.card__link { position: absolute; inset: 0px; z-index: var(--layer-raised); }



.card__link ~ :is(.card__content, .card__media-wrapper) { pointer-events: none; }



.card__link ~ :is(.card__content, .card__media-wrapper) :is(a, button, input, textarea, select) { pointer-events: auto; }



.card__link ~ .card__content--design-mode { pointer-events: auto; }



.carousel-content slideshow-slides { --slideshow-gap: var(--carousel-gap); }



.carousel-content slideshow-slides > .card { flex: 0 0 auto; width: calc((100% - (var(--carousel-gap, 8px) * (var(--carousel-mobile-columns, 2) - 1)) - var(--peek-next-slide-size, 0px)) / var(--carousel-mobile-columns, 2)); }



@media (min-width: 750px) {

  .carousel-content slideshow-slides > .card { width: calc((100% - (var(--carousel-gap, 8px) * (var(--carousel-columns, 4) - 1)) - var(--peek-next-slide-size, 0px)) / var(--carousel-columns, 4)); }

}



.carousel-content .slideshow-control[disabled] { display: none; }



.carousel-content slideshow-arrows { padding-inline: var(--util-page-margin-offset); }



.carousel-content .slideshow-control--next { margin-inline-start: auto; }



.cart-page__title + .cart-page__items { margin-block-start: var(--margin-lg); }



.cart__total { align-items: baseline; font-weight: var(--font-weight-bold); }



.cart__tax-note { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.cart__summary-inner { display: flex; flex-direction: column; align-items: center; gap: var(--gap-2xl); container-type: inline-size; padding: 0px; position: sticky; top: 0px; align-self: start; }



@media screen and (min-width: 750px) {

  .cart__summary-inner { padding: var(--padding-5xl); grid-row: 1 / -1; }

}



body:has(> #header-group .header[sticky]) .cart__summary-inner { top: var(--header-height, 0); }



@media screen and (max-width: 749px) {

  .cart__summary-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

}



@media screen and (min-width: 750px) {

  .cart__summary-container { display: grid; grid-template-rows: subgrid; grid-row: 1 / -1; }

}



.cart__summary-container:not(.cart__container--extend), .cart__summary-container:not(.cart__container--extend) .cart__summary-inner { height: auto; }



.cart__container--extend { height: 100%; }



@media screen and (min-width: 750px) {

  .cart__container--extend { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

}



@media screen and (min-width: 750px) {

  .cart__container--extend:not(.has-border-radius) { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

}



.cart__container--extend .cart__summary-inner { height: 100%; padding: var(--padding-md) 0 var(--padding-4xl); }



@media screen and (min-width: 750px) {

  .cart__container--extend .cart__summary-inner { grid-row: 2 / -1; padding-inline: var(--page-margin); width: var(--sidebar-width); }

}



.cart__summary-inner.has-border-radius { border-radius: var(--border-radius); }



@media screen and (max-width: 749px) {

  .inherit-parent-scheme--mobile { --color-background: inherit; --color-background-rgb: inherit; --color-foreground: inherit; --color-foreground-rgb: inherit; --color-primary: inherit; --color-primary-rgb: inherit; --color-primary-hover: inherit; --color-primary-hover-rgb: inherit; --color-border: inherit; --color-border-rgb: inherit; --color-shadow: inherit; --color-shadow-rgb: inherit; --color-foreground-heading: inherit; --color-primary-button-text: inherit; --color-primary-button-background: inherit; --color-primary-button-border: inherit; --color-primary-button-hover-text: inherit; --color-primary-button-hover-background: inherit; --color-primary-button-hover-border: inherit; --color-secondary-button-text: inherit; --color-secondary-button-background: inherit; --color-secondary-button-border: inherit; --color-secondary-button-hover-text: inherit; --color-secondary-button-hover-background: inherit; --color-secondary-button-hover-border: inherit; --color-input-text: inherit; --color-input-text-rgb: inherit; --color-input-background: inherit; }

}



.cart-title h1 { margin-block-end: 0px; display: inline-flex; align-items: center; gap: var(--gap-sm); }



.cart-title .cart-bubble { width: fit-content; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--style-border-radius-buttons-primary); aspect-ratio: auto; padding: var(--cart-padding); }



.cart-title .cart-bubble[data-maintain-ratio] { width: min(1lh, 26px); height: min(1lh, 26px); }



.cart-title .cart-bubble__background { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); }



.cart-title .cart-bubble__text { color: var(--color-foreground); font-family: var(--font-paragraph--family); font-weight: var(--font-paragraph--weight); font-size: clamp(var(--font-size--3xs),.75em,var(--font-size--xs)); }



.collection-image { width: var(--image-width); }



.collection-image .collection-image__featured-image { aspect-ratio: var(--ratio); object-fit: cover; }



.collection-links__link { --min-font-size: var(--font-size--4xl); --max-font-size: var(--font-size--6xl); display: flex; color: inherit; text-decoration: none; text-wrap: pretty; font-size: clamp(var(--min-font-size),4.5vw,var(--max-font-size)); }



@media (hover: hover) {

  collection-links-component:not([layout="spotlight"]) .collection-links__container:hover .collection-links__link { opacity: var(--opacity-subdued-text); }

  collection-links-component:not([layout="spotlight"]) .collection-links__container:hover .collection-links__link[aria-current="true"] { opacity: 1; }

}



[layout="spotlight"] .collection-links__link { opacity: var(--disabled-opacity); }



[layout="spotlight"] .collection-links__link[aria-current="true"] { opacity: 1; }



.collection-links__link .text-block { display: inline-block; }



@media (max-width: 749px) {

  .collection-links__link { --min-font-size: var(--font-size--3xl); --max-font-size: var(--font-size--5xl); }

  [layout="spotlight"] .collection-links__link { white-space: normal; scroll-snap-align: start; text-wrap-style: pretty; }

  [layout="spotlight"] .collection-links__link span { text-wrap: pretty; }

}



.collection-links__count { font-size: 0.5em; opacity: var(--disabled-opacity); font-weight: var(--font-paragraph--weight); }



.collection-links__image { align-items: center; justify-content: center; }



.collection-links__image:not([hidden]) { display: flex; }



.collection-links__image[reveal] { --offset: 15px; position: fixed; top: 0px; left: 0px; z-index: var(--layer-temporary); display: block; translate: calc(var(--x) + var(--offset)) calc(var(--y) + var(--offset)); pointer-events: none; width: auto; }



.collection-links__image[reveal] image-block { --image-height-basis: 5rem; height: var(--image-height); }



.featured-blog-posts-card { text-align: var(--text-align); }



.featured-blog-posts-card__inner { gap: var(--gap); }



.resource-list--grid .resource-list__item { min-width: 0px; }



.resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio .featured-blog-posts-card__content { --flex-wrap: nowrap; }



@media (max-width: 768px) {

  .resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio .featured-blog-posts-card__image, .resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio .blog-placeholder-svg { aspect-ratio: unset; }

}



.featured-blog-posts-card__inner a, .featured-blog-posts-card__inner button, .shopify-design-mode .featured-blog-posts-card__content * { pointer-events: auto; }



.featured-blog-posts-card__content { --flex-wrap: wrap; }



.featured-blog-posts-card__content h4 { margin: 0px; }



.featured-blog-posts-card__image { width: 100%; }



.featured-blog-posts-card__image .blog-placeholder-svg { object-fit: cover; width: 100%; height: 100%; }



.featured-product-section .card-gallery .quick-add__button { position: absolute; right: var(--quick-add-offset, var(--padding-sm)); bottom: var(--quick-add-offset, var(--padding-sm)); }



.featured-product-content-top { display: flex; justify-content: space-between; align-items: baseline; gap: var(--gap-sm); }



.header-logo { display: flex; height: 100%; font-size: var(--font-size--md); font-family: var(--font-family); font-weight: var(--font-weight); font-style: var(--font-style); color: var(--color-foreground); justify-content: center; align-items: center; text-decoration: none; margin-inline: calc(-1 * var(--padding-inline-start)); }



.header-logo[data-hidden-on-home-page] { display: none; }



#header-component:is([sticky="always"]:not([data-scroll-direction="none"]), [sticky="scroll-up"][data-scroll-direction="up"]) .header-logo[data-hidden-on-home-page] { display: flex; }



@media screen and (max-width: 749px) {

  .header-logo { padding: 0px; }

}



@media screen and (min-width: 750px) {

  .header-logo { flex-shrink: 0; }

}



.header-logo:hover { text-decoration: none; }



.header-logo__image { object-fit: contain; height: var(--header-logo-image-height-mobile); width: var(--header-logo-image-width-mobile); }



@media screen and (min-width: 750px) {

  .header-logo__image { height: var(--header-logo-image-height); width: var(--header-logo-image-width); }

}



.header-logo:has(.header-logo__image-container--inverse) .header-logo__image-container--original { display: var(--header-logo-display, block); }



.header-logo__image-container--inverse { display: var(--header-logo-inverse-display, none); }



.menu-list--mobile.menu-list { display: grid; }



.menu-list--mobile .menu-list__list { width: max-content; margin-inline: auto; gap: var(--menu-horizontal-gap); }



.menu-list--mobile li { width: max-content; padding-block: var(--padding-sm); }



.menu-list--mobile li:first-of-type { padding-inline-start: var(--menu-horizontal-gap); }



.menu-list--mobile li:last-of-type { padding-inline-end: var(--menu-horizontal-gap); }



.menu-list--mobile a { color: var(--color-foreground); }



.menu-list__scroll-container { position: relative; overflow-x: auto; mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 20px, rgb(0, 0, 0) calc(100% - 20px), transparent); padding-block: var(--padding-2xs); }



header-menu { width: 100%; }



.menu-drawer__featured-content { z-index: var(--layer-base); container-type: inline-size; }



.menu-drawer__featured-content--childlist { z-index: var(--layer-flat); }



.menu-drawer__featured-content-list { display: flex; gap: 1em; overflow-x: auto; padding-block-end: var(--padding-lg); }



.menu-drawer__featured-content-list-item { flex: 0 0 auto; }



.menu-drawer__featured-content-list-item--product { width: 35cqi; }



.menu-drawer__featured-content-list-item--collection img.resource-card__image { width: 80cqi; }



.menu-drawer__featured-content-list-item:first-child { margin-inline-start: var(--margin-xl); }



.menu-drawer__featured-content-list-item:last-child { margin-inline-end: var(--margin-xl); }



.menu-list { --menu-horizontal-gap: var(--gap-xl); --menu-vertical-gap: var(--gap-xl); display: flex; }



.menu-list__list { display: flex; justify-content: var(--grid-area-alignment); }



.menu-list__list-item { flex-shrink: 0; white-space: nowrap; display: flex; align-items: center; }



.menu-list__list-item[aria-hidden="true"] { visibility: hidden; }



.menu-list__link { font-family: var(--menu-top-level-font-family); font-style: var(--menu-top-level-font-style); font-weight: var(--menu-top-level-font-weight); font-size: var(--menu-top-level-font-size); line-height: var(--menu-top-level-font-line-height); text-transform: var(--menu-top-level-font-case); color: var(--menu-top-level-font-color); transition: color var(--animation-speed) var(--animation-easing); text-decoration: none; display: flex; min-height: var(--minimum-touch-target); align-items: center; }



.menu-list__link:hover, .menu-list__link:focus { color: var(--menu-top-level-font-color); }



@media screen and (min-width: 750px) {

  .menu-list__link { font-size: var(--menu-top-level-font-size-desktop); }

}



:is(.menu-list:where(:has(.menu-list__list-item:hover)), .menu-list:where(:has(.menu-list__list-item:focus-within)), .menu-list:where(:has(.menu-list__list-item:not([aria-hidden="true"]) .menu-list__link--active))) .menu-list__link { color: rgb(var(--menu-top-level-font-color-rgb) / var(--opacity-subdued-text)); }



.menu-list:not(:has(.menu-list__list-item:hover)) .menu-list__link--active, .menu-list .menu-list__list-item:where(:hover, :focus-within) .menu-list__link, .menu-list .menu-list__list-item[slot="overflow"] .menu-list__link[aria-expanded="true"] { color: var(--menu-top-level-font-color); }



.overflow-menu::part(list) { --focus-outline-size: calc(var(--focus-outline-offset) + var(--focus-outline-width)); gap: 0 var(--menu-horizontal-gap); }



.overflow-menu { background-color: transparent; padding: var(--focus-outline-size); margin: calc(-1 * var(--focus-outline-size)); }



.overflow-menu::after { content: ""; position: absolute; top: calc(100% - 1px + var(--border-bottom-width)); left: 0px; width: 100%; height: var(--submenu-height); background-color: var(--color-background); box-shadow: var(--shadow-popover); clip-path: inset(0.5px 0px -100px); opacity: var(--submenu-opacity, 1); transition: height var(--submenu-animation-speed) var(--ease-out-cubic),opacity var(--animation-speed-slow) var(--ease-out-cubic) var(--animation-speed-fast); z-index: calc(var(--layer-header-menu) - 1); }



.menu-list__submenu, .overflow-menu::part(overflow) { --submenu-padding-block-start: var(--padding-3xl); --submenu-padding-block-end: var(--padding-3xl); background-color: transparent; }



.header__row[style*="--border-bottom-width: 0px"] .menu-list__submenu.color-scheme-matches-parent, .header__row[style*="--border-bottom-width: 0px"] .overflow-menu.color-scheme-matches-parent::part(overflow) { --submenu-padding-block-start: 0px; }



.menu-list__list-item:where(:not([slot="overflow"])) > .menu-list__submenu, .overflow-menu::part(overflow) { --submenu-content-opacity: 0; --submenu-content-animation: opacity calc(var(--submenu-animation-speed) * .75) var(--animation-easing); visibility: hidden; background-color: var(--color-background); position: absolute; width: 100%; left: 0px; top: calc(100% - 1px + var(--border-bottom-width)); z-index: var(--layer-header-menu); padding-inline: var(--padding-inline); clip-path: rect(0 100% var(--submenu-height) 0); transition: clip-path var(--submenu-animation-speed) var(--ease-out-cubic); }



.menu-list__list-item:has([aria-expanded="true"]) > .menu-list__submenu, .overflow-menu:has([slot="overflow"] [aria-expanded="true"])::part(overflow), .menu-list__submenu:is(:hover), .overflow-menu::part(overflow):hover { --submenu-content-opacity: 1; visibility: visible; }



.menu-list__submenu-inner, .overflow-menu::part(overflow-list) { grid-column: 2; padding-block-start: var(--submenu-padding-block-start); padding-block-end: var(--submenu-padding-block-end); padding-inline: var(--section-padding-inline); }



.overflow-menu::part(overflow) { --menu-top-level-font-size: var(--font-size--xlarge); display: grid; grid-template-columns: var(--full-page-grid-with-margins); }



.overflow-menu::part(overflow-list) { --submenu-content-opacity: 0; position: relative; display: grid; grid-template: "left right" max-content / minmax(auto, 200px) 1fr; gap: 0px; }



.menu-list__submenu-inner, .overflow-menu::part(overflow-list) { max-height: calc(80vh - var(--header-height)); overflow: hidden auto; scrollbar-width: thin; scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) transparent; }



.menu-list__list-item:is([slot="overflow"]) { --menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); display: contents; white-space: normal; }



.menu-list__list-item:is([slot="overflow"]) .menu-list__link { --submenu-content-opacity: 0; grid-area: auto / left; height: min-content; font-size: var(--font-size--xl); opacity: var(--submenu-content-opacity); transition: var(--submenu-content-animation); }



.menu-list__list-item:is([slot="overflow"]) .menu-list__submenu { visibility: hidden; grid-row-start: right; grid-column: right; grid-row-end: span calc(var(--overflow-count) + 1); padding-inline-start: var(--menu-horizontal-gap); }



.menu-list__list-item:is([slot="overflow"]) .menu-list__submenu .menu-list__submenu-inner { padding-block-start: 0px; grid-column: unset; }



.menu-list__list-item:is([slot="overflow"]) .menu-list__link[aria-expanded="true"] + .menu-list__submenu { visibility: visible; }



.header-menu[data-overflow-expanded="true"] .menu-list__list-item:where([slot="overflow"]) .menu-list__link { --submenu-content-opacity: 1; }



.menu-list__submenu-inner { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; opacity: var(--submenu-content-opacity); transition: var(--submenu-content-animation); }



.mega-menu__link { font-family: var(--menu-child-font-family); font-style: var(--menu-child-font-style); font-weight: var(--menu-child-font-weight); font-size: var(--menu-child-font-size); line-height: var(--menu-child-font-line-height); text-transform: var(--menu-child-font-case); color: var(--menu-child-font-color); white-space: normal; text-decoration: none; display: inline-flex; padding: var(--padding-2xs) 0; transition: color var(--animation-speed) var(--animation-easing); }



.mega-menu__link:hover { color: var(--menu-child-active-font-color); }



.mega-menu__link--parent { font-family: var(--menu-parent-font-family); font-style: var(--menu-parent-font-style); font-weight: var(--menu-parent-font-weight); font-size: var(--menu-parent-font-size); line-height: var(--menu-parent-font-line-height); text-transform: var(--menu-parent-font-case); color: var(--menu-parent-font-color); }



.mega-menu__link--parent:hover { color: var(--menu-parent-active-font-color); }



@media screen and (max-width: 989px) {

  .mega-menu__content-list-item--hidden-tablet { display: none; }

}



.mega-menu__link:has(.mega-menu__link-image) { display: flex; flex-direction: column; padding-inline: 0px; padding-block: var(--padding-sm) 0; }



.mega-menu__link-image { width: 100%; position: relative; aspect-ratio: 16 / 9; margin-bottom: var(--padding-sm); object-fit: cover; border-radius: var(--menu-image-border-radius); }



.mega-menu__grid:has(.mega-menu__link-image) .mega-menu__column > div > .mega-menu__link:not(:has(.mega-menu__link-image)) { display: flex; flex-direction: column; padding-inline: 0px; padding-block: var(--padding-sm) 0; }



.mega-menu__grid:has(.mega-menu__link-image) .mega-menu__column > div > .mega-menu__link:not(:has(.mega-menu__link-image))::before { content: ""; display: block; width: 100%; aspect-ratio: 16 / 9; margin-bottom: var(--padding-sm); background-color: var(--color-foreground-muted); opacity: 0.1; border-radius: var(--menu-image-border-radius); }



.mega-menu__grid { display: grid; grid-template-columns: repeat(var(--menu-columns-tablet),minmax(0,1fr)); gap: var(--menu-vertical-gap) var(--menu-horizontal-gap); width: 100%; }



@media screen and (min-width: 990px) {

  .mega-menu__grid { grid-template-columns: repeat(var(--menu-columns-desktop),minmax(0,1fr)); }

}



.mega-menu__column { grid-column: span 1; }



.mega-menu__column--span-2 { grid-column: span 2; }



.mega-menu__column--span-3 { grid-column: span 3; }



.mega-menu__column--span-4 { grid-column: span 4; }



.mega-menu__column--wide-collection-image { grid-column: span 1; }



@media screen and (min-width: 990px) {

  .mega-menu__column--wide-collection-image { grid-column: span 2; }

}



.mega-menu__submenu .mega-menu__column--wide-collection-image { grid-column: span 1; }



.mega-menu__content-list { display: grid; justify-content: end; gap: var(--menu-vertical-gap) var(--menu-horizontal-gap); }



.mega-menu__content-list--products { grid-template-columns: repeat(var(--menu-content-columns-tablet),minmax(0,1fr)); }



@media screen and (min-width: 990px) {

  .mega-menu__content-list--products { grid-template-columns: repeat(var(--menu-content-columns-desktop),minmax(0,1fr)); }

}



.mega-menu__content-list--collections { grid-template-columns: repeat(var(--menu-content-columns-tablet),minmax(0,300px)); }



@media screen and (min-width: 990px) {

  .mega-menu__content-list--collections { grid-template-columns: repeat(var(--menu-content-columns-desktop),minmax(0,300px)); }

}



.mega-menu__list { display: grid; grid-template-columns: subgrid; grid-column: span var(--menu-columns-tablet); gap: var(--menu-vertical-gap) var(--menu-horizontal-gap); }



@media screen and (min-width: 990px) {

  .mega-menu__list { grid-column: span var(--menu-columns-desktop); }

}



.mega-menu__content { grid-column: span var(--menu-content-columns-tablet) / -1; }



@media screen and (min-width: 990px) {

  .mega-menu__content { grid-column: span var(--menu-content-columns-desktop) / -1; }

}



.menu-list__list-item[slot="overflow"] .section { grid-template-columns: 1fr; }



.menu-list__list-item[slot="overflow"] .section .mega-menu__grid { grid-column: 1; }



.mega-menu__content-list li { white-space: normal; }



.mega-menu__more-list { --menu-child-font-size: var(--font-size--xl); width: 200px; }



.mega-menu__submenu { display: contents; }



image-block { --image-height-basis: 10rem; --image-height-small: calc(var(--image-height-basis) * 2); --image-height-medium: calc(var(--image-height-basis) * 3); --image-height-large: calc(var(--image-height-basis) * 4); display: flex; align-items: center; justify-content: center; aspect-ratio: var(--ratio); width: 100%; max-width: calc(var(--image-height) * var(--ratio)); height: var(--image-height); overflow: hidden; }



@media screen and (min-width: 750px) {

  image-block { --image-height-small: calc(var(--image-height-basis) * 2.5); --image-height-medium: calc(var(--image-height-basis) * 3.5); --image-height-large: calc(var(--image-height-basis) * 4.5); }

}



@media screen and (max-width: 749px) {

  image-block { height: auto; }

}



image-block[height="small"] { --image-height: var(--image-height-small); }



image-block[height="medium"] { --image-height: var(--image-height-medium); }



image-block[height="large"] { --image-height: var(--image-height-large); }



image-block[ratio="portrait"] { --ratio: 4 / 5; }



image-block[ratio="square"] { --ratio: 1 / 1; }



@media screen and (min-width: 750px) {

  image-block[ratio="square"] { max-width: var(--image-height); }

}



image-block[ratio="landscape"] { --ratio: 16 / 9; }



image-block img { object-fit: cover; width: 100%; height: auto; aspect-ratio: var(--ratio); border-radius: var(--border-radius); }



marquee-component { display: block; width: 100%; overflow: hidden; background-color: var(--color-background); }



.marquee__wrapper { display: flex; gap: var(--marquee-gap); width: fit-content; white-space: nowrap; }



.marquee__content { min-width: max-content; display: flex; gap: var(--marquee-gap); }



.marquee__content :is(p, h1, h2, h3, h4, h5, h6) { white-space: nowrap; }



.marquee__content .marquee__repeated-items * { max-width: none; }



.marquee__repeated-items { min-width: max-content; display: flex; gap: var(--marquee-gap); align-items: center; justify-content: center; }



.marquee__repeated-items > * { align-content: center; }



.hero__content-wrapper.layout-panel-flex--column marquee-component { --margin-inline: var(--full-page-margin-inline-offset); width: -webkit-fill-available; min-height: max-content; }



@media (prefers-reduced-motion: no-preference) {

  marquee-component:not([data-disabled]) .marquee__wrapper { animation: marquee-motion var(--marquee-speed) linear infinite var(--marquee-direction); }

}



@keyframes marquee-motion { 

  100% { transform: translate3d(calc(-50% - (var(--marquee-gap) / 2)),0,0); }

}



.product-badges { --badge-inset: max(var(--padding-xs), calc((var(--border-radius) + var(--padding-xs)) * (1 - cos(45deg)))); position: absolute; z-index: var(--layer-flat); }



.product-badges--bottom-left { bottom: calc(var(--badge-inset) + var(--padding-block-start)); left: calc(var(--badge-inset) + var(--padding-inline-start)); }



.product-badges--top-left { top: calc(var(--badge-inset) + var(--padding-block-start)); left: calc(var(--badge-inset) + var(--padding-inline-start)); }



.product-badges--top-right { top: calc(var(--badge-inset) + var(--padding-block-start)); right: calc(var(--badge-inset) + var(--padding-inline-start)); }



.product-badges__badge { --badge-font-size: var(--font-size--xs); display: flex; align-items: center; justify-content: center; text-align: center; color: var(--color-foreground); background: var(--color-background); font-size: var(--badge-font-size); font-family: var(--badge-font-family); font-weight: var(--badge-font-weight); text-transform: var(--badge-text-transform); border-radius: var(--badge-border-radius); }



.product-badges__badge--rectangle { padding-block: var(--badge-rectangle-padding-block); padding-inline: var(--badge-rectangle-padding-inline); }



@media screen and (max-width: 749px) {

  .product-information.section--page-width .product-details > .group-block { padding-inline: 0px; }

}



.view-product-title { display: none; }



.product-details { display: flex; align-self: start; justify-content: center; }



@media screen and (min-width: 750px) {

  .product-details > .group-block { height: min-content; }

  .full-height--desktop { height: 100%; max-height: calc(100vh - var(--header-group-height, 0)); min-height: fit-content; }

  .full-height--desktop .group-block { align-self: var(--details-position, "flex-start"); }

}



.search-page-input { width: 100%; color: var(--color-input-text); background-color: var(--color-input-background); padding-block: var(--padding-lg); padding-inline: calc(var(--icon-size-lg) + var(--margin-xl) * 1.5); text-overflow: ellipsis; overflow: hidden; border-radius: var(--style-border-radius-inputs); border: var(--style-border-width-inputs) solid var(--color-input-border); }



@media screen and (max-width: 749px) {

  .search-page-input { padding-inline: calc(var(--margin-xs) + var(--icon-size-lg) + var(--padding-md)); }

}



.search-page-input::placeholder { color: rgb(var(--color-input-text-rgb) / var(--opacity-subdued-text)); }



.search-page-input__parent { display: flex; flex-direction: column; align-items: var(--horizontal-alignment); }



.search-results__no-results { opacity: var(--opacity-subdued-text); }



search-page-input-component { position: relative; width: 100%; display: flex; top: 0px; max-width: var(--size-style-width); align-items: center; background-color: var(--color-background); margin: var(--margin-2xl) 0 var(--margin-md); }



@media screen and (max-width: 749px) {

  search-page-input-component { max-width: 100%; }

}



search-page-input-component .search__icon, search-page-input-component .search__icon:hover, search-page-input-component .search__reset-button, search-page-input-component .search__reset-button:hover { background: transparent; position: absolute; top: auto; width: var(--icon-size-lg); height: var(--icon-size-lg); }



search-page-input-component .search__icon svg, search-page-input-component .search__reset-button svg { width: var(--icon-size-md); height: var(--icon-size-md); }



search-page-input-component .search__icon svg { color: var(--color-input-text); }



search-page-input-component .search__icon { left: var(--margin-lg); }



@media screen and (max-width: 749px) {

  search-page-input-component .search__icon { left: var(--margin-md); }

}



search-page-input-component .search__reset-button { border-radius: 100%; color: var(--color-input-text); right: var(--margin-lg); cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing); }



@media screen and (max-width: 749px) {

  search-page-input-component .search__reset-button { right: var(--margin-md); }

}



search-page-input-component:has(.search-page-input:not(:placeholder-shown)) .search__reset-button { opacity: 1; visibility: visible; pointer-events: auto; }



search-page-input-component .search__reset-button-icon { vertical-align: middle; display: flex; align-items: center; justify-content: center; width: var(--icon-size-lg); height: var(--icon-size-lg); transition: transform var(--animation-speed) var(--animation-easing); }



search-page-input-component .search__reset-button:active .search__reset-button-icon { transform: scale(0.9); }



search-page-input-component .search__reset-button-icon svg { width: var(--icon-size-md); height: var(--icon-size-md); }



search-page-input-component .search__reset-button--hidden { cursor: default; opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing); pointer-events: none; visibility: hidden; }



search-page-input-component .search__reset-button-text { display: none; }



.slide__content { height: 100%; position: relative; z-index: var(--layer-flat); }



.slide__content > * { margin: auto; }



.slide__content.background-transparent { background-color: transparent; }



slideshow-slide > .slide__image-container { display: flex; width: 100%; height: 100%; overflow: hidden; position: absolute; }



.slide__image-container > .slide__image, .slide__image-container > .slide__video, .slide__image-container > .slide__video-poster { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: center center; }



.slide__image-container > .slide__video-poster { position: absolute; }



.accelerated-checkout-block[data-shopify-visual-preview] { width: 300px; }



more-payment-options-link { font-size: smaller; }



more-payment-options-link a { --button-color: var(--color-primary); }



more-payment-options-link a:hover { --button-color: var(--color-primary-hover); }



.shopify-payment-button__more-options[aria-hidden="true"] { display: none; }



.accordion { flex: 1 1 0%; width: 100%; }



.accordion--dividers accordion-custom:not(:first-child) .details { border-block-start: var(--style-border-width) solid var(--color-border); }



.accordion--dividers { --show-fallback-borders: 0; }



.accordion--dividers:not([class*="color-"])[style*="--border-width: 0"], .accordion--dividers:not([class*="color-"])[style*="--border-style: none"] { --show-fallback-borders: 1; }



.accordion--dividers accordion-custom:first-child .details { border-block-start: calc(var(--style-border-width) * var(--show-fallback-borders)) solid var(--color-border); }



.accordion--dividers accordion-custom:last-child .details { border-block-end: calc(var(--style-border-width) * var(--show-fallback-borders)) solid var(--color-border); }



.accordion--dividers .details-content { padding-block-end: var(--padding-sm); }



.accordion--caret .icon-plus, .accordion--plus .icon-caret { display: none; }



.accordion .details__header { font-family: var(--summary-font-family); font-style: var(--summary-font-style); font-weight: var(--summary-font-weight); font-size: var(--summary-font-size); line-height: var(--summary-font-line-height); text-transform: var(--summary-font-case); min-height: var(--minimum-touch-target); }



.buy-buttons-block { --buy-button-preferred-width: 185px; width: 100%; }



.product-form-buttons { display: flex; flex-wrap: wrap; }



.product-form-buttons:not(:has(.quantity-rules)) { gap: calc(var(--gap-sm) / 2); }



@media screen and (min-width: 750px) {

  .product-form-buttons:not(:has(.quantity-rules)) { gap: var(--gap-sm); }

}



.product-form-buttons > :not(.quantity-selector-wrapper, .quantity-rules, .quantity-label, .volume-pricing) { flex: 1 1 var(--buy-button-preferred-width, 0); min-width: fit-content; }



.product-form-buttons--stacked > :not(.quantity-selector-wrapper, .quantity-rules, .quantity-label, .volume-pricing) { flex-basis: 51%; }



.product-form-buttons button { width: 100%; padding-block: var(--padding-lg); }



.quantity-selector { flex-grow: 0; flex-shrink: 0; height: var(--height-buy-buttons); }



.quantity-label { flex: 1 0 100%; width: 100%; font-size: var(--font-size--sm); margin-block-end: var(--gap-xs); }



.quantity-label__cart-count { color: var(--color-foreground-secondary); }



.quantity-rules { display: flex; flex-wrap: wrap; column-gap: 0px; row-gap: calc(var(--gap-xs) / 2); flex: 1 0 100%; width: 100%; font-size: var(--font-size--xs); color: var(--color-foreground-secondary); margin-block-start: var(--gap-xs); margin-block-end: var(--gap); }



.product-form-buttons:has(~ .volume-pricing .volume-pricing__title) .quantity-rules { margin-block-end: var(--gap-md); }



.quantity-rules__item { position: relative; display: inline-block; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.quantity-rules__item:not(:last-child) { padding-right: var(--padding-xl); margin-right: var(--margin-2xs); }



.quantity-rules__item:not(:last-child)::after { content: "•"; position: absolute; inset-inline-end: 0.5rem; top: 50%; transform: translateY(-50%); font-size: 0.5em; line-height: 0; }



.add-to-cart-button { height: var(--height-buy-buttons); text-transform: var(--button-text-case-primary); }



.add-to-cart-button.button-secondary { text-transform: var(--button-text-case-secondary); }



.product-form-text__error { display: flex; align-items: flex-start; gap: var(--gap-xs); margin-block-end: var(--gap-xs); }



.product__pickup-availabilities { width: 100%; }



.pickup-availability__column { display: flex; flex-direction: column; justify-content: flex-start; }



.pickup-availability__row { display: flex; gap: var(--padding-xs); }



.pickup-availability__dialog-row { display: flex; justify-content: space-between; align-items: flex-start; }



.pickup-availability__header-container { padding-block-end: var(--padding-2xl); }



.pickup-location__wrapper { display: flex; flex-direction: column; padding-block: var(--padding-2xl); border-top: 1px solid var(--color-border); gap: var(--padding-xs); }



.pickup-location__address-wrapper { display: flex; flex-direction: column; gap: var(--padding-md); }



.pickup-location__dialog { padding: var(--padding-2xl); position: fixed; border-radius: 0px; width: var(--sidebar-width); max-width: 95vw; height: 100%; margin: 0px 0px 0px auto; border: var(--style-border-drawer); box-shadow: var(--shadow-drawer); background-color: var(--color-background); }



.pickup-location__dialog:modal { max-height: 100dvh; }



.pickup-location__text-sm { font-size: var(--font-size--sm); margin: 0px; }



.pickup-location__text-xs { font-size: var(--font-size--xs); margin: 0px; }



.pickup-location__button { width: fit-content; color: var(--color-primary); font-size: var(--font-size--xs); font-family: var(--font-body--family); padding: 0px; cursor: pointer; margin-block: var(--margin-xs); }



.pickup-location__button:hover { color: var(--color-primary-hover); }



.pickup-location__h4 { margin: 0px; }



.pickup-location__text-bold { font-size: var(--font-size--md); font-weight: 600; margin: 0px; }



.pickup-location__availability-wrapper { display: flex; align-items: center; gap: var(--gap-xs); font-family: var(--font-paragraph--family); }



.pickup-location__address { font-style: normal; }



.pickup-location__close-button { top: calc(var(--padding-2xl) - (var(--icon-size-xs) / 2)); right: calc(var(--padding-2xl) - var(--icon-size-xs)); }



.volume-pricing { display: block; width: 100%; margin-bottom: var(--gap); }



.volume-pricing:not(:has(.volume-pricing__title)) { margin-top: 0px; margin-bottom: 0px; }



.volume-pricing__title { display: block; margin-block-end: var(--gap-sm); font-size: var(--font-size--sm); font-weight: var(--font-body--weight); color: var(--color-foreground); }



.volume-pricing__table { width: 100%; }



.volume-pricing__row { display: flex; justify-content: space-between; align-items: center; padding-block: var(--padding-sm); padding-inline: var(--padding-md); font-size: var(--font-size--sm); }



.volume-pricing__row--even { background: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



.volume-pricing__row--odd { background: var(--color-background); }



.volume-pricing__collapsible-wrapper { block-size: 0px; overflow-y: clip; opacity: 0; interpolate-size: allow-keywords; transition: opacity var(--animation-speed-slow) var(--animation-easing),block-size var(--animation-speed-slow) var(--animation-easing); }



.volume-pricing__toggle { width: 100%; padding-bottom: 0px; padding-inline: 0px; text-align: left; color: var(--color-foreground-secondary); font-size: var(--font-size--xs); cursor: default; margin-block-start: 0px; pointer-events: none; }



button.volume-pricing__toggle { padding-block: var(--padding-sm); }



.volume-pricing__toggle-text { cursor: pointer; display: inline-block; pointer-events: auto; }



.volume-pricing__show-less { display: none; }



.volume-pricing--expanded .volume-pricing__collapsible-wrapper { opacity: 1; block-size: auto; }



@starting-style {

  .volume-pricing--expanded .volume-pricing__collapsible-wrapper { block-size: 0px; opacity: 0; overflow-y: clip; }

}



.volume-pricing--expanded .volume-pricing__show-more { display: none; }



.volume-pricing--expanded .volume-pricing__show-less { display: inline; }



comparison-slider-component { display: block; }



.comparison-slider { position: relative; overflow: hidden; aspect-ratio: var(--ratio); }



.comparison-slider:not(:has(img)) { min-width: 25dvh; }



.comparison-slider__container { position: relative; width: 100%; height: 100%; }



.comparison-slider__media-wrapper { --compare: 50; position: relative; width: 100%; height: 100%; display: grid; grid-template: 1fr / 1fr; overflow: hidden; }



.comparison-slider__layer { grid-area: 1 / 1; position: relative; width: 100%; height: 100%; transition: clip-path var(--transition-duration, 0s) ease-in-out; }



.comparison-slider__layer--after { z-index: var(--layer-base); }



[data-orientation="horizontal"] .comparison-slider__layer--before { clip-path: inset(0 calc((100 - var(--compare)) * 1%) 0 0); }



[data-orientation="vertical"] .comparison-slider__layer--before { clip-path: inset(0 0 calc(var(--compare) * 1%) 0); }



[data-orientation="horizontal"] .comparison-slider__layer--after { clip-path: inset(0 0 0 calc(var(--compare) * 1%)); }



[data-orientation="vertical"] .comparison-slider__layer--after { clip-path: inset(calc((100 - var(--compare)) * 1%) 0 0 0); }



.before-image, .after-image, .comparison-slider__placeholder { width: 100%; height: 100%; object-fit: cover; aspect-ratio: var(--ratio); }



.comparison-slider__placeholder { position: absolute; inset: 0px; }



.comparison-slider__placeholder svg { width: 100%; height: 100%; background-color: var(--color-background); fill: var(--color-foreground); }



.cs-slider { position: absolute; inset: 0px; z-index: var(--layer-heightened); width: 100%; height: 100%; margin: 0px; padding: 0px; opacity: 0; cursor: inherit; appearance: none; }



[data-orientation="horizontal"] .cs-slider { cursor: ew-resize; }



[data-orientation="vertical"] .cs-slider { cursor: ns-resize; writing-mode: vertical-lr; direction: rtl; }



.comparison-slider__media-wrapper::before, .comparison-slider__media-wrapper::after { content: ""; position: absolute; pointer-events: none; transition: left var(--transition-duration, 0s) ease-in-out,top var(--transition-duration, 0s) ease-in-out; z-index: var(--layer-raised); }



.comparison-slider__media-wrapper::after { background: var(--color-background); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px; }



.comparison-slider__media-wrapper::before { background: var(--color-background); }



.comparison-slider__media-wrapper[data-orientation="horizontal"]::after { top: 0px; right: auto; bottom: 0px; left: calc(var(--compare) * 1%); width: 4px; transform: translate(-50%); }



.comparison-slider__media-wrapper[data-orientation="vertical"]::after { right: 0px; bottom: auto; left: 0px; top: calc((100 - var(--compare)) * 1%); height: 4px; transform: translateY(-50%); }



.cs-slider__handle { position: absolute; z-index: var(--layer-heightened); pointer-events: none; width: var(--button-size); height: var(--button-size); background: var(--color-background); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px; transition: left var(--transition-duration, 0s) ease-in-out,top var(--transition-duration, 0s) ease-in-out,gap .2s ease-in-out; gap: var(--gap-sm); padding: var(--padding-xs); }



.comparison-slider__media-wrapper:hover .cs-slider__handle { gap: var(--gap-2xs); }



.cs-slider__chevron { display: flex; align-items: center; justify-content: center; }



[data-orientation="horizontal"] .cs-slider__handle { top: 50%; left: calc(var(--compare) * 1%); transform: translate(-50%, -50%); flex-direction: row; }



[data-orientation="vertical"] .cs-slider__handle { left: 50%; top: calc((100 - var(--compare)) * 1%); transform: translate(-50%, -50%) rotate(90deg); }



.comparison-slider__text { position: absolute; padding: var(--padding-xs); pointer-events: none; }



.comparison-slider__text--with-bg { background: var(--text-background-color); border-radius: var(--text-corner-radius); }



[data-orientation="horizontal"] .comparison-slider__text--before { inset-inline-start: var(--padding-sm); }



[data-orientation="horizontal"] .comparison-slider__text--after { inset-inline-end: var(--padding-sm); }



[data-orientation="horizontal"][data-text-position="start"] .comparison-slider__text { inset-block-start: var(--padding-sm); }



[data-orientation="horizontal"][data-text-position="end"] .comparison-slider__text { inset-block-end: var(--padding-sm); }



[data-orientation="vertical"] .comparison-slider__text--before { inset-block-start: var(--padding-sm); }



[data-orientation="vertical"] .comparison-slider__text--after { inset-block-end: var(--padding-sm); }



[data-orientation="vertical"][data-text-position="start"] .comparison-slider__text { inset-inline-start: var(--padding-sm); }



[data-orientation="vertical"][data-text-position="end"] .comparison-slider__text { inset-inline-end: var(--padding-sm); }



.submit-button { min-width: max-content; }



.contact-form__form, .contact-form__form-row { display: flex; flex-direction: column; gap: var(--gap-md); }



@media screen and (min-width: 750px) {

  .contact-form__form-row { flex-direction: row; align-items: center; }

}



.contact-form__input { width: 100%; overflow: hidden; text-overflow: ellipsis; color: var(--color-input-text); background-color: var(--color-input-background); padding: var(--padding-lg) var(--padding-xl); border-radius: var(--style-border-radius-inputs); border: var(--style-border-width-inputs) solid var(--color-input-border); -webkit-font-smoothing: antialiased; }



.contact-form__input--textarea { resize: vertical; min-height: var(--input-textarea-min-height); }



.contact-form__error, .contact-form__success { display: flex; align-items: center; gap: var(--gap-xs); }



.email-signup-block { --arrow-button-size: 58px; --arrow-button-size-integrated: 42px; --arrow-button-size-small: 20px; --arrow-icon-size: 32px; --arrow-icon-size-small: 24px; min-width: fit-content; }



@media screen and (max-width: 749px) {

  .email-signup-block { width: 100%; min-width: unset; }

}



.email-signup__heading { padding-block: var(--padding-sm); }



.email-signup__form { display: flex; flex-direction: column; }



.email-signup__input-group { display: flex; align-items: stretch; background-color: transparent; }



.email-signup__input-group:not(.email-signup__input-group--integrated):not(.email-signup__input-group--underline) { gap: var(--gap-xs); align-items: center; }



@media screen and (max-width: 749px) {

  .email-signup__input-group:not(.email-signup__input-group--arrow):not(.email-signup__input-group--underline):not(.email-signup__input-group--integrated) { flex-direction: column; }

}



.email-signup__input-group--integrated { border-width: var(--border-width); border-radius: var(--border-radius); border-style: solid; border-color: var(--color-input-border); background-color: var(--color-input-background); }



.email-signup__input-group--integrated.email-signup__input-group--no-border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



.email-signup__input { flex: 1 1 0%; min-width: 0px; border-width: var(--border-width); border-radius: var(--border-radius); border-style: solid; border-color: var(--color-input-border); }



@media screen and (max-width: 749px) {

  .email-signup__input { width: 100%; }

}



.email-signup__input-group--integrated .email-signup__input { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }



.email-signup__input.paragraph { color: var(--color-input-text); outline-color: var(--color-input-background); }



.email-signup__button { white-space: nowrap; padding: 0px; }



@media screen and (max-width: 749px) {

  .email-signup__button { width: 100%; }

}



.email-signup__input, .email-signup__button--text { padding: var(--padding-lg) var(--padding-3xl); }



.email-signup__input-group--underline { --box-shadow-color: var(--color-input-border); --box-shadow-multiplier: 1; --box-shadow-focused-multiplier: 1.75; box-shadow: 0 calc(var(--border-width) * var(--box-shadow-multiplier)) 0 var(--box-shadow-color); transition: box-shadow var(--animation-values); margin-block-end: calc(var(--border-width) * var(--box-shadow-focused-multiplier)); }



.email-signup__input-group--underline:focus-within { --box-shadow-multiplier: var(--box-shadow-focused-multiplier); --box-shadow-color: var(--color-input-text); }



.email-signup__input-group .email-signup__input--underline { color: var(--color-input-text); background-color: transparent; padding: 12px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }



.email-signup__input-group .email-signup__input--underline:focus-visible { outline: none; }



.email-signup__input::placeholder { color: rgb(var(--color-input-text-rgb) / var(--opacity-70)); }



.email-signup__input-group .email-signup__input--none { color: var(--color-input-text); background-color: var(--color-input-background); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



.email-signup__button-icon { color: currentcolor; padding: 5px; }



@media screen and (max-width: 749px) {

  .email-signup__button-icon { padding: 0px; place-self: center; width: var(--icon-size-lg); height: var(--icon-size-lg); }

}



.email-signup__button--arrow { width: var(--arrow-button-size-small); height: var(--arrow-button-size-small); padding: 0px; }



.email-signup__button--arrow:not(.email-signup__button--integrated) { width: var(--arrow-button-size); height: var(--arrow-button-size); display: flex; align-items: center; justify-content: center; }



.email-signup__button--arrow:not(.email-signup__button--integrated) > .email-signup__button-icon { width: var(--arrow-icon-size); height: var(--arrow-icon-size); padding: 0px; }



.email-signup__button--integrated { --button-offset: var(--margin-xs); align-self: stretch; margin: var(--button-offset); flex-shrink: 0; }



@media screen and (max-width: 749px) {

  .email-signup__button--integrated { width: fit-content; }

}



.email-signup__button--integrated.email-signup__button--text { padding: 0 var(--padding-3xl); }



.email-signup__button--integrated.email-signup__button--text.button-unstyled { padding: 0 var(--padding-xl); }



.email-signup__button--integrated.button-unstyled { border-radius: var(--border-radius); }



.email-signup__button--integrated > .email-signup__button-icon { padding: 0px; }



.email-signup__button--integrated.email-signup__button--arrow { width: var(--arrow-button-size-integrated); height: var(--arrow-button-size-integrated); align-self: center; display: flex; align-items: center; justify-content: center; }



.email-signup__button--integrated.email-signup__button--arrow > .email-signup__button-icon { width: var(--arrow-icon-size-small); height: var(--arrow-icon-size-small); }



.email-signup__input--underline + .email-signup__button--integrated { margin: 0px; align-self: center; }



.email-signup__input--underline + .email-signup__button--integrated.email-signup__button--text { padding-block: 9px; }



.email-signup__input--underline + .email-signup__button--integrated.email-signup__button--text.button-unstyled { padding-inline: 0px; }



.email-signup__input--underline + .email-signup__button--integrated.button-unstyled { border-radius: 0px; }



.email-signup__input--underline + .email-signup__button--integrated.email-signup__button--arrow { width: var(--arrow-button-size-integrated); height: var(--arrow-button-size-integrated); display: flex; align-items: center; justify-content: center; }



.email-signup__input--underline + .email-signup__button--integrated.email-signup__button--arrow > .email-signup__button-icon { width: var(--arrow-icon-size-small); height: var(--arrow-icon-size-small); }



.email-signup__button:not(.button-unstyled) { background-color: var(--button-background-color); color: var(--button-color); text-transform: var(--button-text-case-primary); }



.email-signup__button.button-secondary { text-transform: var(--button-text-case-secondary); }



.email-signup__button.button-unstyled { background-color: transparent; color: var(--color-input-text); }



.email-signup__button.button-unstyled:hover { color: rgb(var(--color-input-text-rgb) / var(--opacity-70)); cursor: pointer; }



.email-signup__message { display: flex; align-items: center; gap: var(--gap-xs); }



.email-signup__message-text { margin: 0px; }



@media screen and (min-width: 750px) {

  .facets-block-wrapper { margin: var(--facets-margin); grid-column: var(--grid-column--desktop); }

}



@media screen and (min-width: 750px) {

  .facets-block-wrapper--vertical { grid-column: var(--grid-column--desktop); }

}



.facets-toggle { --icon-offset: -3px; display: flex; justify-content: space-between; align-items: center; height: var(--minimum-touch-target); margin: var(--facets-margin); padding-block: var(--facets-inner-padding-block); padding-inline: var(--facets-inner-padding-inline); }



@media screen and (min-width: 750px) {

  .facets-toggle { display: none; }

}



.facets-toggle__wrapper { margin-left: var(--icon-offset); }



.facets-toggle__button { box-shadow: none; }



@media screen and (min-width: 750px) {

  .facets-toggle__button { display: none; }

}



.filter-count-bubble { position: relative; width: 20px; aspect-ratio: 1 / 1; border-radius: 50%; display: grid; line-height: normal; place-content: center; color: var(--color-foreground); border: var(--icon-stroke-width) solid var(--color-background); }



.facets-mobile__title-wrapper .h3 { margin-block-end: 0px; display: inline-flex; align-items: center; gap: var(--gap-xs); }



.facets-mobile__title-wrapper .filter-count-bubble { width: 22px; height: 22px; }



.facets-mobile__title-wrapper .filter-count-bubble__text { font-size: var(--font-size--xs); }



.filter-count-bubble__background { position: absolute; inset: 0px; background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); border-radius: var(--style-border-radius-50); }



.filter-count-bubble__text { font-size: 11px; font-weight: var(--font-paragraph--weight); aspect-ratio: 1 / 1; }



@media screen and (max-width: 749px) {

  .facets-toggle--no-filters { justify-content: unset !important; }

  .facets-toggle--no-filters > .facets-mobile-wrapper { width: 100%; }

}



@media screen and (max-width: 749px) {

  .facets-block-wrapper--vertical + .facets-toggle { margin: 0px; }

}



.facets-mobile-wrapper { display: flex; align-items: center; gap: var(--gap-sm); justify-content: flex-end; }



.facets-mobile-wrapper--multiple-controls { justify-content: space-between; }



@media screen and (min-width: 750px) {

  dialog-component.facets-block-wrapper { position: absolute; width: 0px; height: 0px; }

}



.facets { --facets-form-horizontal-gap: 20px; --facets-horizontal-max-input-wrapper-height: 230px; --facets-upper-z-index: var(--layer-raised); --facets-open-z-index: var(--layer-heightened); --facets-sticky-z-index: var(--layer-sticky); --facets-panel-min-width: 120px; --facets-panel-height: 300px; --facets-grid-panel-width: 300px; --facets-clear-padding: var(--padding-md); --facets-clear-shadow: 0 -4px 14px 0 rgb(var(--color-foreground-rgb) / var(--facets-low-opacity)); --facets-input-label-color: rgb(var(--color-input-text-rgb) / var(--opacity-60)); --facets-clear-all-min-width: 120px; --facets-see-results-min-width: 55%; --facets-mobile-gap: 22px; --facets-low-opacity: 10%; --facets-hover-opacity: 75%; top: auto; bottom: 0px; height: var(--drawer-height); max-height: var(--drawer-height); width: var(--drawer-width); max-width: var(--drawer-max-width); box-shadow: none; padding-block: 0px; }



@media screen and (min-width: 750px) {

  .facets:not(.facets--drawer) { padding-inline: var(--padding-inline-start) var(--padding-inline-end); width: 100%; max-width: 100%; }

}



.facets--horizontal { display: none; }



@media screen and (min-width: 750px) {

  .facets--horizontal { padding-block: var(--padding-block-start) var(--padding-block-end); display: flex; align-items: center; position: relative; z-index: var(--facets-upper-z-index); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: auto; top: initial; bottom: initial; max-height: none; width: auto; overflow: visible; }

}



.facets--vertical { display: none; }



@media screen and (min-width: 750px) {

  .facets--vertical { padding-block: 0 var(--padding-block-end); display: block; position: static; top: auto; bottom: auto; height: auto; max-height: none; width: auto; overflow: visible; }

}



.facets--drawer { border-radius: 0px; border-right: var(--style-border-drawer); box-shadow: var(--shadow-drawer); padding-inline: 0px; }



.facets--drawer[open] { display: flex; flex-direction: column; height: 100%; overflow: hidden; }



.facets-drawer__form-wrapper, .facets-drawer__form-wrapper .facets__form { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; overflow: hidden; }



.facets-drawer__filters { flex: 1 1 auto; min-height: 0px; overflow: hidden auto; position: relative; }



.facets-drawer__filters .facets__filters-wrapper, .facets-drawer__filters .filter-remove-buttons, .facets-drawer__filters .sorting-filter-component { overflow: visible; }



@media screen and (min-width: 750px) {

  .facets.facets-controls-wrapper { grid-column: column-1 / column-12; color: rgb(var(--color-foreground-rgb) / var(--opacity-70)); gap: 0 var(--facets-form-horizontal-gap); padding-bottom: var(--padding-xs); }

}



.facets__inputs { display: flex; flex-direction: column; gap: var(--padding-lg); width: 100%; }



:is(.facets--drawer, .facets--vertical) .facets__inputs:not(:has(.show-more)) { padding-block-end: var(--padding-sm); }



.facets__form-wrapper { display: flex; flex-direction: column; color: var(--color-foreground-muted); width: 100%; }



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__form-wrapper { flex-direction: row; height: auto; }

}



.facets__form { display: flex; flex-flow: column; width: 100%; height: 100%; }



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__form { flex-flow: row; height: auto; }

}



@media screen and (min-width: 750px) {

  .facets:not(.facets--drawer) .facets__filters-wrapper { margin-inline-end: var(--margin-md); }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__filters-wrapper { max-width: 60%; display: flex; flex-wrap: wrap; column-gap: var(--gap-xl); margin-inline-end: 0px; }

}



.facets__summary { --variant-picker-swatch-width: 32px; --variant-picker-swatch-height: 32px; --icon-opacity: .5; font-size: var(--font-h5--size); display: flex; justify-content: space-between; }



@media screen and (min-width: 750px) {

  .facets__summary { --variant-picker-swatch-width: 26px; --variant-picker-swatch-height: 26px; }

}



.facets__summary:hover { --icon-opacity: 1; }



.facets__filters-wrapper:hover .facets__summary, .facets__filters-wrapper:has(.facets__panel[open]) .facets__summary { opacity: var(--facets-hover-opacity); }



.facets__filters-wrapper .facets__summary:hover, .facets__filters-wrapper .facets__panel[open] .facets__summary { opacity: 1; }



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__summary { font-size: var(--font-paragraph--size); justify-content: flex-start; height: var(--minimum-touch-target); }

}



.facets__summary .icon-caret { height: var(--icon-size-xs); width: var(--icon-size-xs); color: rgb(var(--color-foreground-rgb) / var(--icon-opacity)); margin-block: var(--margin-2xs); transition: color var(--animation-speed) var(--animation-easing); }



.facets--drawer .facets__summary .icon-caret { margin-inline-start: var(--margin-2xs); }



.facets__bubble { display: inline-flex; font-family: var(--font-paragraph--family); font-weight: var(--font-paragraph--weight); aspect-ratio: 1 / 1; }



.facets__inputs-wrapper { margin-block: var(--padding-xs) var(--padding-xs); }



.facets__inputs .show-more { display: flex; flex-direction: column; gap: var(--gap-xl); margin-block-end: var(--padding-xl); }



@media screen and (min-width: 750px) {

  .facets:not(.facets--drawer) .facets__inputs-wrapper { gap: var(--gap-sm); }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__inputs .show-more { display: contents; }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__inputs-wrapper { max-height: var(--facets-horizontal-max-input-wrapper-height); scrollbar-width: none; overflow-x: auto; padding: var(--padding-md); margin-block: 0px; }

}



.facets--vertical .facets__inputs:has(.show-more) .facets__inputs-wrapper { padding-block: var(--padding-sm); padding-inline: var(--padding-sm); margin-block: calc(var(--padding-sm) * -1); margin-inline: calc(var(--padding-sm) * -1); }



@media screen and (max-width: 749px) {

  .facets__inputs:has(.show-more) .facets__inputs-wrapper { padding-block: var(--padding-sm); padding-inline: var(--padding-sm); margin-block: calc(var(--padding-sm) * -1); margin-inline: calc(var(--padding-sm) * -1); }

}



.facets__inputs-wrapper:not(:has(.facets__inputs-list)), .facets__inputs-wrapper .facets__inputs-list { display: flex; gap: var(--facets-mobile-gap); flex-direction: column; }



@media screen and (min-width: 750px) {

  .facets__inputs-wrapper:not(:has(.facets__inputs-list)), .facets__inputs-wrapper .facets__inputs-list { gap: var(--gap-sm); }

}



@media screen and (min-width: 750px) {

  .facets--vertical .facets__inputs-wrapper .facets__inputs-list--swatches { gap: var(--gap-sm); }

  .facets--horizontal .facets__inputs-wrapper .facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) { display: grid; grid-template-columns: repeat(var(--swatch-columns, 4),1fr); }

}



.facets__inputs-wrapper .facets__inputs-list--swatches { --facets-mobile-gap: var(--gap-sm); }



.facets__inputs-wrapper .facets__inputs-list--grid { --min-column-width: 20%; display: grid; grid-template-columns: repeat(auto-fit,minmax(var(--min-column-width),1fr)); gap: var(--gap-sm); }



@media screen and (min-width: 750px) {

  .facets__inputs-wrapper .facets__inputs-list--grid { --min-column-width: 50px; }

}



@media screen and (min-width: 750px) {

  .facets-block-wrapper:not(.facets-block-wrapper--vertical) .facets__inputs-list--grid { width: var(--facets-grid-panel-width); }

}



.facets__inputs-wrapper--row:not(:has(.facets__inputs-list)), .facets__inputs-wrapper--row .facets__inputs-list { flex-flow: wrap; }



.facets__inputs .show-more__button { --show-more-icon-size: 22px; --show-more-gap: 8px; gap: var(--show-more-gap); }



@media screen and (min-width: 750px) {

  .facets__inputs .show-more__button { --show-more-icon-size: 16px; --show-more-gap: 6px; }

}



.facets__inputs .show-more__button .icon-plus { width: var(--show-more-icon-size); height: var(--show-more-icon-size); }



.facets__inputs .show-more__button .icon-plus svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.facets__panel { padding: 0 var(--drawer-padding); }



@media screen and (min-width: 750px) {

  .facets:not(.facets--drawer) .facets__panel, .facets-controls-wrapper .facets__panel { padding: 0px; }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__panel { position: relative; }

}



.facets-mobile-wrapper .facets__panel-content { border-radius: var(--style-border-radius-popover); }



.facets-mobile-wrapper { --facets-upper-z-index: var(--layer-raised); --facets-panel-min-width: 120px; --facets-panel-height: 300px; }



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__panel-content { border-radius: var(--style-border-radius-popover); position: absolute; top: 100%; width: max-content; min-width: var(--facets-panel-min-width); max-width: var(--facets-panel-width); max-height: var(--facets-panel-height); z-index: var(--facets-upper-z-index); box-shadow: var(--shadow-popover); border: var(--style-border-popover); background-color: var(--color-background); overflow-y: hidden; gap: 0px; }

}



:is(.facets--drawer, .facets--vertical) :is(.facets__item, .sorting-filter)::before { content: ""; display: block; height: 0px; width: calc(100% - var(--drawer-padding) * 2); border-top: var(--style-border-width) solid var(--color-border); margin: 0px auto; }



@media screen and (min-width: 750px) {

  .facets:not(.facets--drawer) :is(.facets__item, .sorting-filter)::before { width: 100%; }

  .facets--horizontal .facets__item:not(:first-of-type)::before, .facets--horizontal .sorting-filter::before { content: none; }

}



@media screen and (min-width: 750px) {

  .facets--vertical .facets__item:not(:first-of-type)::before, .facets--vertical .sorting-filter::before { content: ""; }

}



.facets__label, .facets__clear-all-link, .clear-filter { text-decoration-color: transparent; text-decoration-thickness: 0.075em; text-underline-offset: 0.125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing); }



.facets__clear-all-link { display: none; cursor: pointer; padding: var(--padding-xs); color: var(--button-color); transition: text-decoration-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing); }



.facets__clear-all-link:hover { --button-color: var(--color-primary-hover); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--button-color); }



.facets__clear-all-link--horizontal { height: var(--minimum-touch-target); padding-inline: var(--facets-form-horizontal-gap); min-width: var(--facets-clear-all-min-width); }



.facets__clear-all-link--active { display: block; }



.facets__label, .products-count-wrapper { text-transform: var(--facet-label-transform); }



.clear-filter { background-color: transparent; box-shadow: none; padding: 0px; }



.clear-filter:hover { text-decoration: underline; }



.facets__clear { display: none; }



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__clear { width: 100%; justify-content: flex-end; padding: 0 var(--facets-clear-padding) var(--facets-clear-padding) 0; cursor: pointer; }

}



@media screen and (min-width: 750px) {

  .facets__clear--active { display: flex; }

}



.facets__label { color: var(--color-foreground); cursor: pointer; white-space: nowrap; }



@media screen and (min-width: 750px) {

  .facets__label { margin-inline-end: var(--margin-2xs); }

}



.products-count-wrapper { display: none; }



@media screen and (min-width: 750px) {

  .facets--horizontal .products-count-wrapper { display: flex; margin-left: auto; flex-shrink: 0; align-items: center; height: var(--minimum-touch-target); }

}



.facets__title-wrapper { background-color: var(--color-background); color: var(--color-foreground); position: sticky; top: 0px; display: flex; justify-content: space-between; align-items: center; padding-block: var(--padding-xs); padding-inline-start: var(--drawer-padding); padding-inline-end: var(--padding-2xs); z-index: var(--facets-sticky-z-index); }



@media screen and (min-width: 750px) {

  :is(.facets--horizontal, .facets--vertical) .facets__title-wrapper { display: none; }

}



.facets-drawer__title { --variant-picker-swatch-width: 32px; --variant-picker-swatch-height: 32px; margin: 0px; display: flex; align-items: center; gap: var(--gap-xs); }



@media screen and (min-width: 750px) {

  .facets-drawer__title { --variant-picker-swatch-width: 26px; --variant-picker-swatch-height: 26px; }

}



.facets-drawer__close { position: relative; top: 0px; right: 0px; padding: 0px; cursor: pointer; }



.facets__status:not(:empty) { width: max-content; display: flex; margin-inline-start: auto; font-weight: 500; color: var(--color-foreground); }



.facets__panel[open] .facets__status { display: none; }



.facets--filters-title { margin-block-end: 0px; color: var(--color-foreground); height: fit-content; }



@media screen and (max-width: 749px) {

  .facets--filters-title { display: none; }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__panel .facets__status:has(:not(:empty)) { display: flex; margin-inline-start: var(--margin-xs); margin-inline-end: var(--margin-xs); }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__form { gap: 0 var(--facets-form-horizontal-gap); }

}



.facets__drawer-actions { --to-top-gradient-background: linear-gradient( to top, rgb(var(--color-background-rgb) / var(--opacity-90)), rgb(var(--color-background-rgb) / var(--opacity-80)), rgb(var(--color-background-rgb) / var(--opacity-40)), transparent ); position: sticky; bottom: 0px; z-index: var(--facets-sticky-z-index); order: 1; display: flex; flex-shrink: 0; justify-content: space-between; align-items: stretch; gap: var(--gap-sm); padding-block-start: var(--padding-xs); padding-block-end: var(--padding-md); padding-inline: var(--padding-lg); margin-top: auto; background-image: var(--to-top-gradient-background); background-color: var(--color-background); }



.facets__clear-all { display: none; cursor: pointer; min-width: var(--facets-clear-all-min-width); flex-grow: 1; padding-block: var(--padding-lg); color: var(--button-color, inherit); }



.facets__clear-all--active { display: block; opacity: 1; transform: translateY(0px); transition: transform var(--animation-values),opacity var(--animation-values); }



@starting-style {

  .facets__clear-all--active { opacity: 0; transform: translateY(100%); }

}



.facets__see-results { min-width: var(--facets-see-results-min-width); flex-grow: 1; padding-block: var(--padding-lg); }



.facets-horizontal-remove { display: flex; align-items: center; }



.facets-horizontal-remove--active::before { content: ""; border-inline-start: var(--style-border-width) solid var(--color-border); height: var(--font-paragraph--size); position: absolute; }



.policy-list-trigger { anchor-name: --terms-policies-trigger; cursor: pointer; font-size: var(--font-size, .75rem); text-transform: var(--text-transform, none); }



.policy_list li { border-radius: calc(var(--style-border-radius-popover) - 8px); }



.policy_list li a { color: var(--color-foreground); display: inline-block; padding: 8px; text-align: start; width: 100%; outline-color: rgba(0, 0, 0, 0); font-size: var(--font-size, .75rem); text-transform: var(--text-transform, none); }



.policy_list li:is(:hover, :focus-within) { background: rgb(var(--color-foreground-rgb) / .15); }



.terms-policies-popover { position-anchor: --terms-policies-trigger; top: unset; right: unset; bottom: calc(1rem + anchor(top)); left: anchor(left); border-radius: var(--style-border-radius-popover); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box, border-box; border: 1px solid rgba(0, 0, 0, 0); box-shadow: var(--shadow-popover); padding: 8px; margin: 0px; opacity: 0; scale: 0.94; translate: 0px 6px; transform-origin: 3.9em 100%; }



.terms-policies-popover.\:popover-open, .terms-policies-popover:popover-open { opacity: 1; translate: 0px; scale: 1; }



@media screen and (max-width: 750px) {

  .terms-policies-popover { left: anchor(center); transform: translate(-50%); transform-origin: 0% 100%; }

}



@supports not (position-anchor: --account-button-trigger) {

  .terms-policies-popover { bottom: unset; top: calc(var(--anchor-top) * 1px); left: calc(var(--anchor-left) * 1px); transform: translateY(calc(-100% - 1.25rem)); }

  @media screen and (max-width: 750px) {

  .terms-policies-popover { left: calc((var(--anchor-left) + (var(--anchor-width) / 2)) * 1px); transform: translate(-50%, calc(-100% - 1.25rem)); }

}

}



@media (prefers-reduced-motion: no-preference) {

  .terms-policies-popover { transition-property: display, overlay, opacity, scale, translate; transition-behavior: allow-discrete; transition-duration: 0.3s; transition-timing-function: var(--ease-out-quad); }

  @starting-style {

  .terms-policies-popover.\:popover-open, .terms-policies-popover:popover-open { opacity: 0.7; translate: 0px 6px; scale: 0.94; }

}

}



.icon-block { display: flex; flex-shrink: 0; }



.icon-block__media { height: auto; }



.placeholder-image { position: relative; aspect-ratio: var(--ratio); overflow: hidden; }



.image-block { display: flex; justify-content: var(--horizontal-alignment, "inline-start"); }



.image-block--height-fill .image-block__image { height: 100%; }



.image-block__image { object-fit: cover; aspect-ratio: var(--ratio); }



.logo-block { width: calc(var(--logo-width) + var(--padding-inline-start) + var(--padding-inline-end)); max-width: 100%; max-height: calc(var(--logo-height, 100%) + var(--padding-block-start) + var(--padding-block-end)); font-size: var(--logo-height); display: flex; }



@media screen and (max-width: 750px) {

  .logo-block { max-height: calc(var(--logo-height-mobile, var(--logo-height, 100%)) + var(--padding-block-start) + var(--padding-block-end)); font-size: var(--logo-height-mobile, var(--logo-height)); width: calc(var(--logo-width-mobile, var(--logo-width)) + var(--padding-inline-start) + var(--padding-inline-end)); }

}



.logo-block__image-wrapper { display: flex; width: 100%; max-width: 100%; max-height: 100%; }



.logo-block__image { object-fit: contain; width: 100%; }



.menu { width: 100%; }



.menu:not(:has(.menu__heading--empty)) .details-content { margin-block-start: var(--spacing--size); }



.menu__item + .menu__item { margin-block-start: var(--spacing--size); }



.menu .menu__heading--empty { display: none; }



.menu__heading__default { display: contents; }



.menu__heading__accordion { display: none; }



@media screen and (max-width: 749px) {

  .menu--accordion .menu__heading--empty { display: flex; }

  .menu--accordion .menu__heading__accordion { display: contents; }

  .menu--accordion .menu__heading__default { display: none; }

  .menu--accordion .details-content { margin-block-start: var(--spacing--size); }

  .menu--accordion .menu__details { padding-inline: 0px; }

  .menu--dividers .menu__details { border-block-end: var(--style-border-width) solid var(--color-border); }

  .menu--dividers .details-content { padding-block-end: var(--padding-sm); }

}



.menu--caret .icon-plus, .menu--plus .icon-caret { display: none; }



.page-block { display: flex; flex-direction: column; max-width: 100%; max-height: 100%; width: 100%; height: auto; align-items: flex-start; }



.page-title { margin-bottom: var(--margin-xl); }



.payment-icons { width: 100%; }



.payment-icons__list { display: flex; align-items: center; justify-content: var(--alignment); flex-wrap: wrap; gap: var(--icon-gap); margin: 0px; padding: 0px; }



.payment-icons__item { display: flex; align-items: center; }



.popup-link__button svg { display: inline-block; position: relative; top: var(--margin-2xs); }



.popup-link__content { box-shadow: var(--shadow-popover); border: var(--style-border-popover); border-radius: var(--style-border-radius-popover); background-color: var(--color-background); padding: var(--padding-4xl) var(--padding-xl) var(--padding-xl); max-width: var(--normal-content-width); max-height: var(--modal-max-height); }



@media screen and (min-width: 750px) {

  .popup-link__content { padding: var(--padding-5xl); }

}



.popup-link__content[open] { animation: modalSlideInTop var(--animation-speed) var(--animation-easing) forwards; }



.popup-link__content.dialog-closing { animation: modalSlideOutTop var(--animation-speed) var(--animation-easing) forwards; }



.popup-link__content--drawer { position: fixed; border-radius: 0px; width: var(--sidebar-width); max-width: 95vw; height: 100%; margin: 0px 0px 0px auto; }



.popup-link__content--drawer:modal { max-height: 100dvh; }



.popup-link__close { top: var(--margin-2xs); right: var(--margin-2xs); opacity: 0.8; animation: auto ease 0s 1 normal none running none; }



.tax-note:empty { display: none; }



form.payment-terms { padding-top: 0.5em; font-size: min(.85em,var(--font-paragraph--size)); font-weight: var(--font-paragraph--weight); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.installments:not(:has(shopify-payment-terms)) { display: none; }



product-price .volume-pricing-note, product-price.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) .volume-pricing-note { display: block; font-family: var(--font-body--family); font-weight: 400; font-size: var(--font-size--xs); line-height: normal; letter-spacing: normal; text-transform: none; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



product-custom-property-component { display: block; width: 100%; }



product-custom-property-component .__heading { margin-inline: 0px; margin-block: 0 var(--padding-sm); }



product-custom-property-component .__heading:has(+ .__description) { margin-block-end: var(--padding-2xs); }



product-custom-property-component .__description { font-size: min(.85em,var(--font-paragraph--size)); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); margin-inline: 0px; margin-block: 0 var(--padding-md); }



product-custom-property-component .__field { position: relative; }



product-custom-property-component .__input-wrapper { position: relative; }



product-custom-property-component input, product-custom-property-component textarea { width: 100%; color: var(--color-input-text) !important; }



product-custom-property-component .__input-wrapper input { padding-bottom: calc(var(--padding-sm) * 3); }



product-custom-property-component .__input-wrapper textarea { padding-bottom: calc(var(--padding-sm) * 3); scroll-padding-bottom: calc(var(--padding-sm) * 3); }



product-custom-property-component textarea { min-height: 80px; }



@supports (resize: vertical) {

  @media (hover: hover) and (pointer: fine) {

  product-custom-property-component textarea { resize: vertical; }

}

}



product-custom-property-component .__character-label { position: absolute; left: var(--input-padding-x); bottom: var(--padding-sm); pointer-events: none; }



product-custom-property-component .__character-count { font-style: italic; color: var(--color-input-text) !important; }



.custom-property__input { border: var(--style-border-width-inputs) solid var(--color-input-border); border-radius: var(--style-border-radius-inputs); box-shadow: none; }



.custom-property__input:is(:hover, :focus) { box-shadow: none; }



.custom-property__input:focus { outline: var(--focus-outline-width) solid var(--color-input-background); }



.product-inventory__status { display: flex; align-items: center; font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); gap: var(--padding-xs); }



.product-inventory__icon, .product-inventory__icon svg { width: var(--icon-size-sm); height: var(--icon-size-sm); }



.product-inventory__icon-low { color: var(--color-lowstock); }



.product-inventory__icon-in_stock { color: var(--color-instock); }



.product-inventory__icon-out_of_stock { color: var(--color-outofstock); }



.product-inventory__icon circle:first-of-type { opacity: 0.3; }



.block-resource-list { display: flex; flex-direction: column; row-gap: var(--gap); min-width: 0px; min-height: 0px; container: resource-list / inline-size; border-radius: var(--border-radius, 0); }



.product-recommendations-wrapper { width: 100%; }



.product-recommendations-wrapper:has(product-recommendations[data-shopify-editor-preview]) { width: 100vw; }



.rating-wrapper { gap: var(--gap-xs); min-width: fit-content; }



.rating-color--primary { --star-fill-color: var(--color-primary); --star-fill-color-rgb: var(--color-primary-rgb); --color: var(--color-primary); }



.rating-color--foreground { --star-fill-color: var(--color-foreground); --star-fill-color-rgb: var(--color-foreground-rgb); --color: var(--color-foreground); }



.rating-wrapper, .rating { display: flex; align-items: center; }



.rating-wrapper.justify-right { flex-direction: row-reverse; }



.rating { gap: var(--gap-3xs); }



.rating-wrapper .rating-count, .rating-wrapper .rating-count-separator { color: var(--star-fill-color); margin: 0px; white-space: nowrap; }



.rating-count-separator { opacity: var(--opacity-20); padding-left: calc(var(--padding-xs) / 2); padding-right: var(--padding-xs); }



.stars { height: var(--star-size); fill: var(--empty-star-fill-color); }



.filled-star { fill: var(--star-fill-color); }



.social-icons__wrapper { display: flex; gap: var(--gap-sm); flex-wrap: wrap; justify-content: center; }



@media screen and (min-width: 750px) {

  .social-icons__wrapper { flex-wrap: nowrap; justify-content: flex-start; }

}



.social-icons__icon-wrapper { display: flex; align-items: center; justify-content: center; height: var(--icon-size-lg); }



.social-icons__icon { display: flex; flex-shrink: 0; width: var(--icon-size-lg); height: var(--icon-size-lg); }



.social-icons__icon { display: none; }



.social-icons__icon-wrapper:has(.social-icons__icon path) { width: var(--icon-size-lg); }



.social-icons__icon-wrapper:has(.social-icons__icon path) .social-icons__icon { display: block; }



.social-icons__icon-wrapper:has(.social-icons__icon path) .social-icons__icon-label { display: none; }



.shopify-design-mode .social-icons__icon-wrapper--disabled { opacity: var(--disabled-opacity, .5); cursor: not-allowed; }



.shopify-design-mode .social-icons__icon-wrapper--disabled a { pointer-events: none; }



.layout-panel-flex--column > .spacer-block { width: 100%; }



.layout-panel-flex--row > .spacer-block { height: 100%; }



:is(.layout-panel-flex--row, .layout-panel-flex--column) > .spacer-block--size-percent { flex: var(--spacer-size); }



.layout-panel-flex--row > .spacer-block--size-pixel { width: var(--spacer-size); }



.layout-panel-flex--column > .spacer-block--size-pixel { height: var(--spacer-size); }



@media screen and (max-width: 750px) {

  .layout-panel-flex--row:not(.mobile-column) > .spacer-block--size-mobile-percent { flex: var(--spacer-size-mobile); height: 100%; }

  .layout-panel-flex--column > .spacer-block--size-mobile-percent, .mobile-column > .spacer-block--size-percent:not(.spacer-block--size-mobile-pixel) { width: 100%; flex: var(--spacer-size-mobile); }

  .layout-panel-flex--row:not(.mobile-column) > .spacer-block--size-mobile-pixel { width: var(--spacer-size-mobile); height: 100%; }

  .layout-panel-flex--column > .spacer-block--size-mobile-pixel, .mobile-column > .spacer-block--size-mobile-pixel { width: 100%; flex: 0 1 0%; height: var(--spacer-size-mobile); }

}



product-swatches { width: 100%; display: flex; position: relative; overflow: hidden; gap: 0px; flex-shrink: 0; }



.placeholder-video { aspect-ratio: 5 / 3; }



.account-actions { background-color: var(--color-background); display: flex; flex-direction: column; position: relative; transition: height var(--animation-values); }



.account-actions:has([data-active]) .account-actions__main-menu { visibility: hidden; }



.account-actions__header { padding: var(--padding-xl); display: flex; flex-direction: column; gap: var(--gap-2xs); }



.account-actions__title { --font-h5--size: var(--font-size--lg); margin: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.account-actions__email { display: flex; align-items: center; gap: var(--gap-2xs); color: rgb(var(--color-foreground-rgb) / var(--opacity-60)); max-width: var(--account-actions-max-width); word-break: break-all; }



.account-actions__sign-ins { padding: var(--padding-xl); padding-block-start: 0px; padding-block-end: var(--padding-md); display: flex; flex-direction: column; gap: var(--gap-sm); }



.account-actions__sign-in-text { display: inline; }



.account-actions__fallback-text { display: none; }



.account-actions__sign-ins:not(:has(shop-login-button)) { gap: 0px; }



.account-actions__sign-ins:not(:has(shop-login-button)) .account-actions__sign-in-text { display: none; }



.account-actions__sign-ins:not(:has(shop-login-button)) .account-actions__fallback-text { display: block; }



.account-actions__shop-login { --buttons-radius: var(--style-border-radius-buttons-primary); }



.account-actions__nav { padding: var(--padding-xl); padding-block-start: 0px; }



.account-actions__list { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-sm); width: 100%; list-style: none; margin: 0px; padding: 0px; }



@media screen and (max-width: 300px) {

  .account-actions__list { grid-template-columns: 1fr; }

}



.account-actions__link { width: auto; display: flex; justify-content: center; align-items: center; gap: var(--gap-2xs); }



.account-actions__icon { display: flex; width: var(--icon-size-sm); height: var(--icon-size-sm); margin-block: -4px; }



@supports not (background-color: rgb(from red 150 g b / alpha)) {

  .account-actions :is(a.button, a.button-secondary):focus-visible { outline: none; overflow: visible; position: relative; }

  .account-actions :is(a.button, a.button-secondary):focus-visible::after { content: ""; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline-width) solid currentColor; border-radius: var(--style-border-radius-buttons-secondary); display: inherit; }

  .account-actions a.button:focus-visible::after { border-color: var(--button-background-color); border-radius: var(--style-border-radius-buttons-primary); }

}



.account-button { color: var(--color-foreground); appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; height: var(--button-size); width: var(--button-size); display: flex; flex-wrap: wrap; place-content: center; transition: color var(--animation-speed) var(--animation-easing); anchor-name: --account-button-trigger; }



.account-button__avatar { --account-button-size: 1.3rem; display: flex; align-items: center; justify-content: center; width: var(--account-button-size); height: var(--account-button-size); border-radius: var(--style-border-radius-50); background-color: var(--color-primary-button-background); font-size: var(--font-size--xs); font-weight: 500; color: var(--color-primary-button-text); text-transform: uppercase; line-height: 1; }



.account-button__icon { color: currentcolor; display: inline-flex; justify-content: center; align-items: center; }



.account-button shop-user-avatar { pointer-events: none; }



@media (prefers-reduced-motion: reduce) {

  video-background-component video { display: none; }

}



.bento-box { display: grid; column-gap: var(--bento-gap); row-gap: calc(var(--bento-gap) * 1.5); width: 100%; }



.bento-box:has(.collection-card--image-bg) { row-gap: var(--bento-gap); }



.bento-box ~ .bento-box { padding-block-start: var(--bento-gap); }



@media (max-width: 900px) {

  .bento-box { grid-template-columns: repeat(2, 1fr); }

  .bento-box__item { min-width: 0px; overflow: hidden; }

  .bento-box__item:nth-child(3n+1) { grid-column: span 1; }

  .bento-box__item:nth-child(3n+2) { grid-column: span 1; }

  .bento-box__item:nth-child(3n+3) { grid-column: span 2; }

  .bento-box__item:last-child:nth-child(3n+5) { grid-column: span 1; }

  .bento-box__item:last-child:nth-child(3n+4) { grid-column: span 2; }

}



@media (min-width: 901px) {

  .bento-box { grid-template-columns: repeat(12, 1fr); grid-template-areas: "A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G H H H I I I I I I" "J J J J K K K K L L L L"; }

  .bento-box__item:nth-child(1) { grid-area: A; }

  .bento-box__item:nth-child(2) { grid-area: B; }

  .bento-box__item:nth-child(3) { grid-area: C; }

  .bento-box__item:nth-child(4) { grid-area: D; }

  .bento-box__item:nth-child(5) { grid-area: E; }

  .bento-box__item:nth-child(6) { grid-area: F; }

  .bento-box__item:nth-child(7) { grid-area: G; }

  .bento-box__item:nth-child(8) { grid-area: H; }

  .bento-box__item:nth-child(9) { grid-area: I; }

  .bento-box__item:nth-child(10) { grid-area: J; }

  .bento-box__item:nth-child(11) { grid-area: K; }

  .bento-box__item:nth-child(12) { grid-area: L; }

  .bento-box--items-1 { grid-template-areas: "A A A A A A A A A A A A"; }

  .bento-box--items-2 { grid-template-areas: "A A A A A A B B B B B B"; }

  .bento-box--items-4 { grid-template-areas: "A A A A B B B B B B B B" "C C C C C C C C D D D D"; }

  .bento-box--items-5 { grid-template-areas: "A A A B B B B B B C C C" "D D D D D D E E E E E E"; }

  .bento-box--items-7 { grid-template-areas: "A A A B B B B B B C C C" "D D D D D D D D D E E E" "F F F F F F G G G G G G"; }

  .bento-box--items-8 { grid-template-areas: "A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G H H H H H H H H H"; }

  .bento-box--items-10 { grid-template-areas: "A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G G G G G G G H H H" "I I I J J J J J J J J J"; }

  .bento-box--items-11 { grid-template-areas: "A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G H H H I I I I I I" "J J J J K K K K K K K K"; }

}



.blog-post-comments__form-container { --comment-form-gap: var(--gap-md); width: 100%; max-width: var(--normal-content-width); margin: var(--margin-4xl) auto 0; }



.blog-post-comments__form { display: grid; grid-template-columns: 1fr; gap: var(--comment-form-gap); }



@media screen and (min-width: 750px) {

  .blog-post-comments__form { grid-template-columns: 1fr 1fr; }

}



.blog-post-comments__form-input { padding: var(--padding-lg) var(--padding-xl); border: var(--style-border-width-inputs) solid var(--color-input-border); }



.blog-post-comments__form-input--textarea { resize: vertical; min-height: var(--input-textarea-min-height); }



.blog-post-comments__form-message { display: flex; align-items: center; gap: var(--gap-xs); }



.blog-post-comments__form-body { grid-column: 1 / -1; }



.blog-post-comments__form-input:focus-visible { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }



.blog-post-comments__form-moderated { font-size: var(--font-size--xs); }



.blog-post-comments__form-submit { margin-block-start: var(--comment-form-gap); }



.link { text-decoration: none; }



.link:hover { color: var(--color-primary-hover); text-decoration-color: transparent; }



.card-gallery { overflow: hidden; container: card-gallery-container / inline-size; }



.card-gallery__placeholder svg { height: 100%; width: 100%; }



.card-gallery svg { aspect-ratio: var(--gallery-aspect-ratio, var(--ratio)); }



.product-card-gallery__title-placeholder { padding: var(--padding-md); font-size: var(--font-size--2xl); line-height: var(--line-height--display-loose); word-break: break-word; color: var(--color-foreground); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); aspect-ratio: var(--gallery-aspect-ratio); border-radius: var(--product-corner-radius); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }



.product-card-gallery__title-placeholder a { color: var(--color-foreground); }



@media screen and (min-width: 750px) {

  .product-grid[data-product-card-size="extra-large"] .product-card-gallery__title-placeholder { padding: var(--padding-3xl); font-size: var(--font-size--3xl); }

  .product-grid[data-product-card-size="large"] .product-card-gallery__title-placeholder { padding: var(--padding-2xl); font-size: var(--font-size--2xl); }

  .product-grid[data-product-card-size="medium"] .product-card-gallery__title-placeholder { padding: var(--padding-xl); font-size: var(--font-size--xl); }

  .product-grid[data-product-card-size="small"] .product-card-gallery__title-placeholder { padding: var(--padding-sm); font-size: var(--font-size--lg); }

  .product-grid[data-product-card-size="extra-large"] .card-gallery.card-gallery--badge-top-right .product-card-gallery__title-placeholder { padding-right: calc(var(--padding-3xl) + 50px); }

  .product-grid[data-product-card-size="large"] .card-gallery.card-gallery--badge-top-right .product-card-gallery__title-placeholder { padding-right: calc(var(--padding-2xl) + 50px); }

  .product-grid[data-product-card-size="medium"] .card-gallery.card-gallery--badge-top-right .product-card-gallery__title-placeholder { padding-right: calc(var(--padding-xl) + 50px); }

  .product-grid[data-product-card-size="small"] .card-gallery.card-gallery--badge-top-right .product-card-gallery__title-placeholder { padding-right: calc(var(--padding-sm) + 50px); }

  .product-grid[data-product-card-size="extra-large"] .card-gallery.card-gallery--badge-top-left .product-card-gallery__title-placeholder { padding-top: calc(var(--padding-3xl) + 40px); }

  .product-grid[data-product-card-size="large"] .card-gallery.card-gallery--badge-top-left .product-card-gallery__title-placeholder { padding-top: calc(var(--padding-2xl) + 40px); }

  .product-grid[data-product-card-size="medium"] .card-gallery.card-gallery--badge-top-left .product-card-gallery__title-placeholder { padding-top: calc(var(--padding-xl) + 40px); }

  .product-grid[data-product-card-size="small"] .card-gallery.card-gallery--badge-top-left .product-card-gallery__title-placeholder { padding-top: calc(var(--padding-sm) + 40px); }

  .product-grid[data-product-card-size="extra-large"] .card-gallery.card-gallery--badge-bottom-left .product-card-gallery__title-placeholder { padding-bottom: calc(var(--padding-3xl) + 40px); }

  .product-grid[data-product-card-size="large"] .card-gallery.card-gallery--badge-bottom-left .product-card-gallery__title-placeholder { padding-bottom: calc(var(--padding-2xl) + 40px); }

  .product-grid[data-product-card-size="medium"] .card-gallery.card-gallery--badge-bottom-left .product-card-gallery__title-placeholder { padding-bottom: calc(var(--padding-xl) + 40px); }

  .product-grid[data-product-card-size="small"] .card-gallery.card-gallery--badge-bottom-left .product-card-gallery__title-placeholder { padding-bottom: calc(var(--padding-sm) + 40px); }

}



@media screen and (max-width: 749px) {

  .product-card-gallery__title-placeholder { font-size: var(--font-size--xl); padding: var(--padding-md); }

  .product-grid[data-product-card-size] .card-gallery.card-gallery--badge-top-right .product-card-gallery__title-placeholder { padding-right: calc(var(--padding-sm) + 50px); }

  .product-grid[data-product-card-size] .card-gallery.card-gallery--badge-top-left .product-card-gallery__title-placeholder { padding-top: calc(var(--padding-sm) + 40px); }

  .product-grid[data-product-card-size] .card-gallery.card-gallery--badge-bottom-left .product-card-gallery__title-placeholder { padding-bottom: calc(var(--padding-sm) + 40px); }

}



[product-grid-view="zoom-out"] .card-gallery .product-card-gallery__title-placeholder { font-size: var(--font-size--xs); padding: var(--padding-xs) !important; }



[product-grid-view="zoom-out"] .card-gallery .slideshow-control { min-width: auto; }



.cart-items { --cart-item-media-width-min: 2.5rem; --cart-item-media-width-max: 7.5rem; container: cart-items / inline-size; width: 100%; }



.cart-items-disabled { pointer-events: none; }



.cart-page--empty .cart-items__wrapper { display: flex; flex-direction: column; align-items: center; margin-block-start: 0px; text-align: center; }



.cart-drawer:not(:has(.cart-form)) .cart-items__wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }



.cart-items__table { width: 100%; border-spacing: 0px; }



.cart-items__table * { margin: 0px; }



.cart-items__table-row { --cart-item-price-width: 6rem; display: grid; grid-template-columns: clamp(2.5rem,15cqi,7.5rem) minmax(0,1fr) minmax(var(--cart-item-price-width),auto); grid-template-areas: "media details price" "media quantity price" "media error error"; column-gap: var(--gap-md); align-items: start; padding-bottom: var(--cart-items-gap); margin-bottom: var(--margin-lg); }



.cart-items__table-row.cart-items__nested-line td:first-child { width: 60%; justify-self: right; }



html:active-view-transition-type(page-navigation) .cart-items__table-row { view-transition-name: none !important; }



.cart-items__table-row.removing { overflow: hidden; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: var(--animation-speed); }



@keyframes removeRow { 

  0% { height: var(--row-height); }

  100% { opacity: 0; height: 0px; padding-bottom: 0px; margin-bottom: 0px; border-color: transparent; }

}



.cart-items__table-row:last-child { padding-bottom: 0px; }



.cart-items--dividers .cart-items__table-row { border-bottom: 1px solid var(--color-border); margin-bottom: var(--cart-items-gap); }



.cart-items--dividers .cart-items__table-row:has(+ .cart-items__nested-line) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; }



.cart-items--dividers .cart-items__table-row:last-child { border-block-end: none; padding-block-end: 0px; margin-bottom: 0px; }



.cart-items__details { grid-area: details; color: rgb(var(--color-foreground-rgb) / var(--opacity-70)); }



.cart-items__details > * + *, .cart-items__bundle li { margin-block-start: var(--margin-3xs); }



.cart-items__details * { font-size: var(--font-size--sm); }



.cart-items__details a { text-decoration: none; }



.cart-items__title { font-size: var(--font-size--md); color: var(--color-foreground); text-transform: var(--product-title-case); }



.cart-items__variant { display: inline-block; }



.cart-items__quantity { grid-area: quantity; margin-block-start: var(--margin-xs); display: flex; align-items: center; justify-content: flex-start; gap: var(--gap-xs); width: fit-content; }



.cart-items__quantity-controls { display: flex; align-items: center; justify-content: flex-start; gap: var(--gap-xs); width: fit-content; }



.cart-items__quantity-controls > .volume-pricing-info { margin-inline-start: calc(-1 * var(--minimum-touch-target) - var(--gap-xs)); }



.cart-items__quantity .quantity-selector { display: inline-flex; font-size: var(--font-size--sm); height: auto; }



.cart-items__remove { background-color: transparent; color: var(--color-foreground); width: var(--minimum-touch-target); height: var(--minimum-touch-target); justify-content: center; box-shadow: none; padding: 0px; }



.cart-items__media { grid-area: media; padding: 0px; }



.cart-items__price { grid-area: price; min-height: unset; min-width: var(--cart-item-price-width); text-align: end; display: block; font-size: var(--font-size--sm); }



.cart-items__price-unit { font-size: var(--font-size--xs); }



.cart-items__media-container { display: flex; aspect-ratio: var(--ratio); position: relative; width: 100%; overflow: hidden; }



.cart-items__media-image { aspect-ratio: inherit; object-fit: cover; object-position: center center; width: 100%; height: auto; }



.cart-items__empty-button { margin-top: var(--margin-md); padding-inline: var(--padding-4xl); padding-block: var(--padding-lg); }



.cart-items__error { display: flex; align-items: flex-start; width: 100%; grid-area: error; margin-block-start: var(--margin-xs); opacity: 1; overflow: hidden; transform: translateY(0px); transition: opacity var(--drawer-animation-speed) var(--animation-easing),transform var(--drawer-animation-speed) var(--animation-easing); }



@starting-style {

  .cart-items__error { opacity: 0; transform: translateY(-0.5rem); }

}



.cart-item__error { display: flex; align-items: flex-start; width: 100%; font-size: var(--font-size--sm); padding-block: var(--padding-2xs); }



.cart-item__error .svg-wrapper { flex-shrink: 0; width: var(--icon-size-xs); height: var(--icon-size-xs); margin-inline: var(--margin-3xs) var(--margin-xs); margin-block-start: var(--margin-3xs); }



@container cart-items (min-width: 720px) {

  .cart-items__table-row { --cart-item-price-width: 6rem; grid-template-columns: 7.5rem 1fr 1fr minmax(var(--cart-item-price-width),auto); grid-template-rows: min-content 1fr; grid-template-areas: "media details quantity price" "media details error error"; }

  .cart-items__quantity, .cart-items__price { grid-area: initial; }

  .cart-items__quantity { margin-top: 0px; }

  .cart-items__price { min-height: var(--minimum-touch-target); display: flex; flex-direction: column; align-items: flex-end; }

}



.cart__additional-checkout-buttons { width: 100%; }



shopify-accelerated-checkout-cart { --shopify-accelerated-checkout-inline-alignment: center; --shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-primary); --shopify-accelerated-checkout-row-gap: var(--checkout-button-gap, 10px); }



.remove-icon-bottom, .remove-icon-top { transition: transform var(--animation-speed) var(--animation-easing); }



.cart-items__remove:hover .remove-icon-top { transform: translate(calc(-1 * var(--icon-stroke-width)),var(--icon-stroke-width)) rotate(-15deg); }



.cart-items__remove:is(:hover, :active) .remove-icon-bottom { transform: translateY(var(--icon-stroke-width)); }



.cart-items__table-row.removing .remove-icon-bottom { transform: translateY(0px); }



.cart-items__table-row.removing .remove-icon-top { animation: removeButtonClickedIconTop var(--animation-speed) var(--animation-easing) forwards; }



@keyframes removeButtonClickedIconTop { 

  50% { transform: translateY(calc(-1 * var(--icon-stroke-width))); }

  100% { transform: translate(0px); }

}



.cart-items__properties { display: block; margin-block-start: var(--margin-2xs); }



.cart-items__properties dt, .cart-items__properties dd { display: inline; }



@media screen and (prefers-reduced-motion: no-preference) {

  html:active-view-transition-type(empty-cart-drawer) .cart-items__empty-button, html:active-view-transition-type(empty-cart-drawer) .cart__checkout-button { view-transition-name: cart-drawer-primary-action; }

  :is(html:active-view-transition-type(empty-cart-drawer) .cart-items__empty-button, html:active-view-transition-type(empty-cart-drawer) .cart__checkout-button) > .button-text { view-transition-name: cart-drawer-primary-action-text; }

}



::view-transition-old(cart-drawer-primary-action-text), ::view-transition-new(cart-drawer-primary-action-text) { height: 100%; object-fit: none; overflow: clip; overflow-clip-margin: 1em; }



::view-transition-old(cart-drawer-primary-action-text) { animation: cart-drawer-primary-action-text var(--animation-speed) var(--animation-easing) reverse forwards; }



::view-transition-new(cart-drawer-primary-action-text) { animation: cart-drawer-primary-action-text var(--animation-speed) var(--animation-easing) forwards; }



::view-transition-old(cart-drawer-primary-action), ::view-transition-new(cart-drawer-primary-action) { height: 100%; }



::view-transition-group(cart-drawer-primary-action-text), ::view-transition-group(cart-drawer-primary-action) { animation-duration: var(--spring-d300-b0-duration); animation-timing-function: var(--spring-d300-b0-easing); }



@keyframes cart-drawer-primary-action-text { 

  0% { filter: blur(3px); opacity: 0; }

  100% { filter: none; opacity: 1; }

}



.cart-actions { display: flex; flex-direction: column; gap: 0px; border-block: 1px solid var(--color-border); padding-block: 0px; margin-block-start: var(--margin-3xs); }



.cart-actions__divider { border-block-start: 1px solid var(--color-border); }



.cart__summary-totals:not(:has(.cart-actions)) { margin-block-start: var(--margin-3xs); border-block-start: 1px solid var(--color-border); padding-block-start: var(--margin-xl); }



.cart__summary-item { display: flex; align-items: center; justify-content: space-between; }



.cart__summary-item.tax-note small { font-size: var(--font-size--2xs); }



.cart__discount-label { display: flex; align-items: center; gap: var(--gap-2xs); }



.cart__discount-label svg { width: var(--icon-size-sm); height: var(--icon-size-sm); display: inline-block; }



.cart__original-total-container, .cart__total-container { display: flex; flex-direction: column; }



.cart__total-container { row-gap: var(--gap-2xs); }



.cart__total-container.cart__total-container--has-installments { row-gap: var(--gap-xs); }



.cart__original-total-container:empty { display: none; }



.cart__summary-totals { display: flex; flex-direction: column; gap: var(--gap-xl); width: 100%; border-block-start: none; }



.cart__summary-totals:has(> :first-child:not(.cart__original-total-container, .cart__total-container)) { padding-block-start: 0px; border-block-start: none; }



@media screen and (min-width: 750px) {

  .cart__summary-totals { padding-block-start: 0px; }

}



.cart__original-total-container, .cart__original-total-container * { font-size: var(--font-size--sm); }



.cart__total { font-weight: var(--font-weight-bold); }



.cart__total-label { font-size: var(--font-size--sm); }



.cart__total-value { font-size: var(--font-size--xl); }



@media screen and (max-width: 749px) {

  .cart__total-value { font-size: var(--font-size--lg); }

}



.cart__installments { color: var(--color-foreground); font-size: var(--font-size--2xs); }



.cart-note { width: 100%; }



@starting-style {

  .cart-note[open-by-default-on-desktop][open-by-default-on-mobile] .details-content { block-size: auto; opacity: 1; overflow-y: visible; }

}



.cart-note__inner { padding-block: var(--padding-2xs) var(--padding-sm); }



.cart-note__summary { display: flex; align-items: center; justify-content: space-between; }



.cart-note__summary:hover { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.cart-note__label { display: flex; align-items: flex-start; gap: var(--gap-2xs); font-size: var(--font-size--2xs); font-weight: 500; }



.cart-note__instructions { color: var(--color-input-text); background-color: var(--color-input-background); border-width: var(--style-border-width-inputs); border-color: var(--color-input-border); transition: box-shadow var(--animation-speed) ease; box-shadow: var(--input-box-shadow); min-height: 5.5rem; min-width: 100%; max-width: 100%; font-size: var(--font-size--sm); padding: max(4px,calc(var(--style-border-radius-inputs) * (1 - cos(45deg)))); }



.cart-note .svg-wrapper { height: var(--icon-size-sm); width: var(--icon-size-sm); margin: 0px; }



.cart-note .icon-plus { height: var(--icon-size-xs); width: var(--icon-size-xs); }



.cart__ctas { width: 100%; display: grid; gap: var(--checkout-button-gap); grid-auto-flow: row; grid-template-columns: 1fr; }



.cart__ctas .cart__checkout-button { width: 100%; height: clamp(25px,var(--height-buy-buttons),55px); padding-inline: var(--padding-4xl); }



.cart-drawer__summary .cart__summary-totals:not(:has(.cart__original-total-container:empty)) { border-block-start: var(--style-border-width) solid var(--color-border); padding-block-start: var(--padding-2xl); }



@media screen and (min-width: 750px) {

  .cart-drawer__summary .cart-note { margin-block-start: var(--margin-3xs); }

}



.cart-discount__input { background-color: var(--color-input-background); color: var(--color-input-text); border-width: var(--style-border-width-inputs); border-color: var(--color-input-border); border-style: solid; border-radius: var(--style-border-radius-inputs); padding: var(--padding-sm) var(--padding-md); height: 100%; flex-grow: 1; min-width: 0px; font-size: var(--font-size--sm); }



.cart-discount__input::placeholder { color: rgb(var(--color-input-text-rgb) / var(--opacity-subdued-text)); }



.cart-discount__pill-code { overflow: hidden; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; margin: 0px; }



.cart-discount__codes { display: none; gap: var(--padding-xs); flex-wrap: wrap; list-style: none; padding-inline: 0px; margin: 0px; }



.cart-discount__codes:has(.cart-discount__pill) { display: flex; }



.cart-discount__button { height: 100%; }



.cart-discount__content { height: calc(var(--button-size) + var(--padding-2xs) + var(--padding-sm)); }



.cart-discount__pill { display: flex; color: var(--color-foreground); gap: var(--padding-xs); align-items: center; padding: var(--padding-xs) var(--padding-sm); border-radius: var(--style-border-radius-pills); background-color: var(--color-input-background); text-transform: uppercase; }



.cart-discount__form { display: flex; gap: var(--padding-md); align-items: center; height: 100%; padding-block: var(--padding-2xs) var(--padding-sm); }



:is(.cart-discount__pill-remove, .cart-discount__pill-remove:hover) { --close-icon-opacity: .4; color: var(--color-foreground); background-color: transparent; pointer-events: all; cursor: pointer; height: 100%; }



.cart-discount__error { display: flex; align-items: center; width: 100%; padding-block: var(--padding-2xs) var(--padding-sm); }



.cart-discount__error .svg-wrapper { flex-shrink: 0; width: var(--icon-size-xs); height: var(--icon-size-xs); margin-inline: var(--margin-3xs) var(--margin-xs); }



.cart-discount__error-text { margin-block-start: var(--margin-3xs); }



.cart-discount { width: 100%; }



.cart-discount__summary { display: flex; align-items: center; justify-content: space-between; }



.cart-discount__summary:hover { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.cart-discount__label { display: flex; align-items: flex-start; gap: var(--gap-2xs); font-size: var(--font-size--2xs); font-weight: 500; }



.collection-card { --fixed-card-height: var(--height-small); flex: 1 1 var(--card-width-small); }



.collection-card > svg { height: 100%; width: 100%; aspect-ratio: var(--ratio); }



.collection-card--image-bg .collection-card__inner { height: 100%; }



.collection-card__inner { gap: var(--gap); }



.collection-card__inner a, .collection-card__inner button, .shopify-design-mode .collection-card__content * { pointer-events: auto; }



.collection-card__content { max-width: 100%; --flex-wrap: wrap; }



.collection-card.collection-card--image-bg { aspect-ratio: var(--ratio); }



.collection-card.collection-card--image-bg .collection-card__content { padding: var(--padding-lg); }



.collection-card--image-height-fixed { height: 100%; }



.collection-card--image-height-fixed .collection-card__image { height: var(--fixed-card-height); width: 100%; }



.collection-card--image-height-fixed.collection-card--image-bg { height: var(--fixed-card-height); aspect-ratio: unset; }



.collection-card__image .image-block__image { object-fit: cover; width: 100%; height: 100%; max-width: 100%; }



.collection-card--image-bg .collection-card__image { position: absolute; width: 100%; height: 100%; }



.collection-card__image svg { height: 100%; width: 100%; }



.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio.collection-card.collection-card--image-bg, .resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio.collection-card .placeholder-svg { aspect-ratio: 99 / 1; }



.divider { align-self: stretch; display: flex; align-items: center; justify-content: var(--divider-justify-content); }



.divider__line { border-bottom: var(--divider-border-thickness) solid var(--color-border); border-right: var(--divider-border-thickness) solid var(--color-border); border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded)); flex-basis: var(--divider-flex-basis); min-height: var(--divider-flex-basis); }



.editorial-blog__grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 1fr; gap: var(--gap-xl); }



.editorial-blog__grid .shopify-block { height: 100%; }



.editorial-blog__spacer { aspect-ratio: 1 / 1; }



@media (max-width: 768px) {

  .editorial-blog__grid { display: flex; flex-direction: column; gap: var(--gap-2xl); }

  .editorial-blog__spacer { display: none; }

  .editorial-blog__item-0 { width: 66%; align-self: flex-end; }

  .editorial-blog__item-1 { width: 83%; align-self: flex-start; }

  .editorial-blog__item-2 { width: 83%; align-self: flex-end; }

  .editorial-blog__item-3 { width: 100%; align-self: center; }

}



.editorial-collection__grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 1fr; gap: var(--gap-xl); }



.editorial-collection__grid .resource-list__item, .editorial-collection__grid .collection-card { height: 100%; }



.editorial-collection__spacer { aspect-ratio: 1 / 1; }



@media (max-width: 768px) {

  .editorial-collection__grid { display: flex; flex-direction: column; gap: var(--gap-2xl); }

  .editorial-collection__spacer { display: none; }

  .editorial-collection__item-0 { width: 66%; align-self: flex-start; aspect-ratio: 4 / 5; }

  .editorial-collection__item-1 { width: 83%; align-self: flex-end; aspect-ratio: 5 / 5; }

  .editorial-collection__item-2 { width: 83%; align-self: flex-start; aspect-ratio: 8 / 6; }

  .editorial-collection__item-3 { width: 100%; align-self: center; aspect-ratio: 8 / 6; }

}



.editorial-product__grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 1fr; gap: var(--gap-xl); }



.editorial-product__grid .card-gallery { --gallery-aspect-ratio: 99 !important; }



.editorial-product__grid .card-gallery, .editorial-product__grid slideshow-component, .editorial-product__grid slideshow-container, .editorial-product__grid slideshow-slides { height: 100%; }



.editorial-product__spacer { aspect-ratio: 1 / 1; }



@media (max-width: 768px) {

  .editorial-product__grid { display: flex; flex-direction: column; gap: var(--gap-2xl); }

  .editorial-product__spacer { display: none; }

  .editorial-product__item-0 { width: 83%; align-self: flex-start; aspect-ratio: 7 / 6; }

  .editorial-product__item-1 { width: 83%; align-self: flex-end; aspect-ratio: 4 / 5; }

  .editorial-product__item-2 { width: 66%; align-self: flex-start; aspect-ratio: 5 / 5; }

  .editorial-product__item-3 { width: 100%; aspect-ratio: 8 / 6; }

}



.facets-remove { --variant-picker-swatch-width: 20px; --variant-picker-swatch-height: 20px; display: none; align-items: center; flex-wrap: wrap; gap: var(--gap-xs); padding: 0 var(--drawer-padding); margin: 0px; }



@media screen and (min-width: 750px) {

  .facets-remove { --variant-picker-swatch-width: 16px; --variant-picker-swatch-height: 16px; gap: var(--gap-2xs); }

}



.facets-remove:has(facet-remove-component) { display: flex; margin-block-start: var(--margin-2xs); margin-block-end: var(--margin-md); }



@media screen and (min-width: 750px) {

  .facets:not(.facets--drawer) .facets-remove--mobile-and-vertical { padding: 0px; }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .facets-remove--mobile-and-vertical { display: none; }

}



.facets-remove__pill .svg-wrapper, .facets-remove__pill .swatch { flex-shrink: 0; }



@media screen and (min-width: 750px) {

  .facets--horizontal .facets-remove { display: none; }

}



.recipient-form { --options-border-radius: var(--variant-picker-button-radius); --options-border-width: var(--variant-picker-button-border-width); display: flex; flex-direction: column; padding-bottom: var(--padding-2xl); }



.recipient-form__send-to { padding: 0px; margin-block-end: var(--margin-xs); }



.gift-card-form-option { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-sm); padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



.gift-card-form-option__button-label { display: flex; align-items: center; position: relative; padding-block: var(--padding-sm); padding-inline: var(--padding-lg); border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: var(--options-border-radius); border-width: var(--options-border-width); overflow: clip; justify-content: center; min-width: auto; background-color: var(--color-variant-background); color: var(--color-variant-text); transition: background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing); }



.gift-card-form-option__button-label:hover { background-color: var(--color-variant-hover-background); border-color: var(--color-variant-hover-border); color: var(--color-variant-hover-text); }



.gift-card-form-option__button-label:has(:focus-visible) { --variant-picker-stroke-color: var(--color-foreground); border-color: var(--color-foreground); outline: var(--focus-outline-width) solid var(--color-foreground); outline-offset: var(--focus-outline-offset); }



.gift-card-form-option__button-label:has(:checked) { color: var(--color-selected-variant-text); background-color: var(--color-selected-variant-background); border-color: var(--color-selected-variant-border); transition: background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing); }



.gift-card-form-option__button-label:has(:checked):hover { background-color: var(--color-selected-variant-hover-background); border-color: var(--color-selected-variant-hover-border); color: var(--color-selected-variant-hover-text); }



.gift-card-form-option__button-label input { position: absolute; inset: 0px; opacity: 0; margin: 0px; cursor: pointer; width: 100%; height: 100%; }



.recipient-fields { display: flex; flex-direction: column; gap: var(--gap-sm); transition: opacity .3s var(--animation-easing); padding-block-start: var(--padding-xl); }



.recipient-fields[hidden] { display: none; }



.field--send-on { display: flex; flex-direction: column; }



.recipient-form__message { display: flex; flex-direction: row; align-items: center; gap: var(--gap-sm); margin-top: var(--margin-sm); }



.recipient-form-field-label { position: absolute; left: var(--padding-sm); bottom: var(--padding-sm); font-style: italic; color: var(--color-input-text); }



.recipient-fields__textarea { min-height: 5.5rem; overflow-y: auto; padding-bottom: calc(var(--padding-sm) * 3); scroll-padding-bottom: calc(var(--padding-sm) * 3); }



.recipient-fields__input { flex-grow: 1; transition: background-color var(--animation-speed) ease,border-color var(--animation-speed) ease; padding: var(--input-padding); background-color: var(--color-input-background); color: var(--color-input-text); text-align: left; font-size: var(--font-paragraph--size); border: var(--style-border-width-inputs) solid var(--color-input-border); border-radius: var(--style-border-radius-inputs); }



.recipient-fields__input:autofill { background-color: var(--color-input-background); color: var(--color-input-text); }



.recipient-fields__input:is(:focus, :hover) { background-color: var(--color-input-hover-background); }



.recipient-fields__input:is(:focus) { outline-color: var(--color-input-background); }



.field--send-on .recipient-fields__input::-webkit-calendar-picker-indicator { cursor: pointer; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath d='M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-image: none; background-color: currentcolor; }



.field--send-on .recipient-fields__input::-webkit-datetime-edit { cursor: text; }



.field--send-on .recipient-fields__input::-webkit-datetime-edit-year-field, .field--send-on .recipient-fields__input::-webkit-datetime-edit-month-field, .field--send-on .recipient-fields__input::-webkit-datetime-edit-day-field { color: var(--color-input-text); }



.field--send-on .recipient-fields__input { cursor: text; }



@supports (-moz-appearance: none) {

  .field--send-on .recipient-fields__input { cursor: pointer; }

}



.column-options-wrapper { --icon-offset: -3px; display: flex; gap: var(--gap-sm); min-width: fit-content; justify-content: flex-end; height: var(--minimum-touch-target); align-items: center; margin-right: var(--icon-offset); }



.column-options-wrapper:only-child { margin-left: auto; }



.facets__form-wrapper > .column-options-wrapper:first-child { margin-left: auto; }



.facets .column-options-wrapper { display: none; }



@media screen and (min-width: 750px) {

  .facets .column-options-wrapper { display: flex; }

}



.column-options { display: flex; flex-wrap: wrap; gap: var(--gap-xs); margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



@media screen and (min-width: 750px) {

  .column-options { gap: var(--gap-2xs); }

}



.column-options__option { display: none; position: relative; }



@media screen and (max-width: 749px) {

  .column-options__option:has(.column-picker-mobile--single), .column-options__option:has(.column-picker-mobile--double) { display: flex; }

}



@media screen and (min-width: 750px) {

  .column-options__option:has(.column-picker--default), .column-options__option:has(.column-picker--zoom-out) { display: flex; }

}



@media screen and (max-width: 749px) {

  .column-options-wrapper .column-options__option:has(input[type="radio"]):has(.column-picker-mobile--single), .column-options-wrapper .column-options__option:has(input[type="radio"]):has(.column-picker-mobile--double) { display: flex; }

}



@media screen and (min-width: 750px) {

  .column-options-wrapper .column-options__option:has(input[type="radio"]):has(.column-picker--default), .column-options-wrapper .column-options__option:has(input[type="radio"]):has(.column-picker--zoom-out) { display: flex; }

}



.column-options__legend { padding: 0px; margin: 0px; }



.column-options__option-input { position: absolute; inset: 0px; opacity: 0; margin: 0px; padding: 0px; width: auto; height: auto; aspect-ratio: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: transparent; appearance: auto; display: block; cursor: pointer; }



.column-picker { color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); padding: var(--padding-2xs); border-radius: var(--style-border-radius-xs); transition: background-color var(--animation-speed) ease,color var(--animation-speed) ease; }



.column-options__option:hover .column-picker { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



.column-options__option-input:checked ~ .column-picker { color: rgb(var(--color-foreground-rgb)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



.group-block__link { position: absolute; inset: 0px; }



.group-block__link ~ :is(.group-block-content, .group-block__media-wrapper) { pointer-events: none; }



.group-block__link ~ :is(.group-block-content, .group-block__media-wrapper) :is(a, button, input, textarea, select) { pointer-events: auto; }



.group-block__link ~ .group-block-content--design-mode { pointer-events: auto; }



.account-popover { --account-popover-min-width: 22rem; --account-actions-max-width: 22rem; }



.account-popover__summary { padding: 0px; }



.account-popover__summary:hover { color: var(--color-foreground); }



.account-popover__panel { --account-popover-opacity: 0; --account-popover-y: 20px; position-anchor: --account-button-trigger; border-radius: var(--style-border-radius-popover); margin: 0px; left: unset; width: max-content; min-width: var(--account-popover-min-width); box-shadow: var(--shadow-popover); border: var(--style-border-popover); background-color: var(--color-background); overflow-y: hidden; opacity: var(--account-popover-opacity); translate: 0 var(--account-popover-y); transition-property: display, opacity, translate; transition-duration: 0.3s; transition-timing-function: var(--ease-out-quad); transition-behavior: allow-discrete; top: calc(anchor(bottom) + var(--header-padding)); right: anchor(right); }



.account-popover__panel:popover-open { --account-popover-opacity: 1; --account-popover-y: 0px; }



@supports not (position-anchor: --account-button-trigger) {

  .account-popover__panel { top: calc(var(--anchor-top) * 1px + var(--minimum-touch-target) + var(--header-padding)); right: calc(var(--anchor-right) * 1px); }

}



@supports not selector(:popover-open) {

  .account-popover__panel.\:popover-open { --account-popover-opacity: 1; --account-popover-y: 0px; }

}



@starting-style {

  .account-popover__panel { --account-popover-opacity: .7; --account-popover-y: 20px; }

  .account-popover__panel:popover-open { --account-popover-opacity: .7; --account-popover-y: 20px; }

}



@media screen and (min-width: 750px) {

  .account-drawer { display: none; }

}



.account-drawer__dialog { --animation-speed: .24s; --dialog-drawer-opening-animation: move-and-fade; --dialog-drawer-closing-animation: move-and-fade; height: fit-content; margin: 0px; inset-block: auto 0px; border-radius: 0px; padding: 0px; }



.dialog-drawer.account-drawer__dialog[open] { --start-x: 0px; --end-x: 0px; --start-y: 100%; --start-opacity: 1; }



.dialog-drawer.account-drawer__dialog.dialog-closing { --start-x: 0px; --end-x: 0px; --end-y: 100%; --start-opacity: 1; }



.account-drawer__close-button { z-index: 1; inset-block-start: var(--padding-xs); inset-inline-end: var(--padding-xs); color: var(--color-foreground); background-color: transparent; }



.account-drawer__close-button .svg-wrapper { display: flex; width: var(--button-size); height: var(--button-size); align-items: center; justify-content: center; }



@keyframes account-drawer-slide-in { 

  0% { transform: translateY(100%); }

  100% { transform: translateY(0px); }

}



@keyframes account-drawer-slide-out { 

  0% { transform: translateY(0px); }

  100% { transform: translateY(100%); }

}



.cart-drawer { --cart-drawer-padding: var(--padding-lg) var(--padding-xl); --cart-drawer-padding-desktop: var(--padding-xl) var(--padding-2xl); }



.cart-drawer__dialog { position: fixed; overflow: hidden; border-radius: 0px; width: var(--sidebar-width); max-width: 95vw; height: 100%; margin: 0px 0px 0px auto; padding: 0px; border-left: var(--style-border-drawer); box-shadow: var(--shadow-drawer); background-color: var(--color-background); }



.cart-drawer__dialog:modal { max-height: 100dvh; overflow-y: hidden; }



.cart-drawer__inner { height: 100%; overflow: hidden; }



.cart-drawer__content { height: calc(100% - var(--header-height)); display: flex; flex-direction: column; padding: 0px; background-color: var(--color-background); flex-grow: 1; overflow-y: auto; }



.cart-drawer__heading { display: flex; align-items: center; gap: var(--gap-xs); margin-bottom: 0px; }



.cart-drawer__close-button { margin-right: calc(var(--padding-sm) * -1); top: var(--margin-sm); }



@media screen and (max-width: 749px) {

  .cart-drawer__close-button { top: var(--margin-2xs); }

}



.cart-drawer--empty .cart-drawer__content { text-align: center; min-height: auto; }



.cart-drawer--empty .cart-drawer__heading { margin-bottom: var(--margin-md); }



.cart-drawer__items .cart-items__table-row:has(+ .cart-items__nested-line) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; }



.cart-drawer__items .cart-items__table-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }



.cart-drawer__summary { --cart-drawer-summary-padding: var(--padding-lg); position: sticky; bottom: 0px; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--gap-xl); padding: var(--cart-drawer-summary-padding); margin-top: auto; background-color: var(--color-background); mask-image: linear-gradient(to bottom,transparent,black var(--cart-drawer-summary-padding)); }



@media screen and (min-width: 750px) {

  .cart-drawer__summary { --cart-drawer-summary-padding: var(--padding-2xl); }

}



.cart-drawer__dialog[cart-summary-sticky="false"] .cart-drawer__summary { position: static; mask-image: none; }



.cart-drawer__dialog[cart-summary-sticky="false"] .cart-drawer__items { overflow: unset; }



.cart-actions summary { padding-inline: 0px; padding-block: var(--padding-sm); line-height: 1.2; min-height: var(--minimum-touch-target); }



.cart-drawer__heading--empty { display: flex; justify-content: center; }



.cart-drawer__items { display: flex; flex-direction: column; padding-inline: var(--cart-drawer-padding); overflow-y: auto; }



@media screen and (min-width: 750px) {

  .cart-drawer__items { padding-inline: var(--cart-drawer-padding-desktop); }

}



.cart-drawer__items .cart-items__table-row { padding-bottom: var(--gap-xl); border-bottom: var(--style-border-width) solid var(--color-border); margin-bottom: var(--gap-xl); }



.cart-drawer__items .cart-items__table-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-block-end: 0px; margin-block-end: 0px; }



.cart-drawer--empty .cart-drawer__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100dvh; margin-top: 0px; }



.cart-drawer:not(:has(.cart-form)) .cart-drawer__content { justify-content: center; }



.cart-drawer__header { background-color: var(--color-background); display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--cart-drawer-padding); border-bottom: var(--style-border-width) solid none; position: sticky; top: 0px; z-index: 1; }



@media screen and (min-width: 750px) {

  .cart-drawer__header { padding: var(--cart-drawer-padding-desktop); }

}



.cart-drawer--empty .cart-drawer__header { justify-content: right; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; }



.cart-drawer--empty .cart-drawer__heading { text-align: center; }



header-actions { display: flex; }



@media screen and (max-width: 749px) {

  header-actions { justify-self: flex-end; }

}



#header-component[data-menu-style="drawer"] header-actions { justify-self: flex-end; }



.header__column--right header-actions { margin-inline-start: calc(var(--gap-md) * -1); }



.header-actions__cart-icon { --cart-bubble-size: 20px; --cart-bubble-top: 4.5px; --cart-bubble-right: 2.5px; position: relative; }



.header-actions__cart-icon .cart-bubble { position: absolute; width: var(--cart-bubble-size, 20px); top: var(--cart-bubble-top); right: var(--cart-bubble-right); }



.cart-drawer__heading .cart-bubble { width: fit-content; border-radius: var(--style-border-radius-buttons-primary); aspect-ratio: auto; padding: var(--cart-padding); }



.cart-drawer__heading .cart-bubble[data-maintain-ratio] { width: min(1lh, 22px); height: min(1lh, 22px); }



.header-actions__cart-icon .cart-bubble__text, .cart-drawer__heading .cart-bubble__text { font-family: var(--font-paragraph--family); font-weight: var(--font-paragraph--weight); }



.header-actions__cart-icon.header-actions__cart-icon--has-cart svg { mask: radial-gradient(calc(var(--cart-bubble-size) + 2px) at calc(100% - var(--cart-bubble-right)) var(--cart-bubble-top),transparent 45.45%,#fff 45.45%,#fff 100%); }



.cart-drawer__heading .cart-bubble__background { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); }



.cart-drawer__heading .cart-bubble__text { color: var(--color-foreground); font-size: clamp(var(--font-size--3xs),.75em,var(--font-size--xs)); }



.cart-bubble--animating .cart-bubble__background { animation: grow var(--animation-speed) var(--animation-easing); }



.cart-bubble--animating .cart-bubble__text { --start-y: -1em; --start-opacity: 1; transform: translateY(var(--start-y, -1em)); opacity: var(--start-opacity, 1); animation: move-and-fade var(--animation-speed) var(--animation-easing); }



cart-icon:has(.cart-bubble__text-count:empty) { --cart-bubble-size: 10px; --cart-bubble-top: 9px; --cart-bubble-right: 9px; }



cart-icon:has(.cart-bubble__text-count:empty) .svg-wrapper { --cart-bubble-top: 4px; --cart-bubble-right: 4px; }



@media screen and (prefers-reduced-motion: no-preference) {

  html:active-view-transition-type(empty-cart-drawer) .cart-drawer__close-button { view-transition-name: cart-drawer-close-button; }

  html:active-view-transition-type(empty-cart-drawer) .cart-items-component { view-transition-name: cart-drawer-content; }

}



:active-view-transition .cart-drawer__header, :active-view-transition .cart-drawer__content { background: transparent; }



::view-transition-old(cart-drawer-content) { transform-origin: 50% 33%; animation: cart-contents-old var(--spring-d280-b0-duration) var(--spring-d280-b0-easing) forwards; }



::view-transition-new(cart-drawer-content) { transform-origin: center top; animation: cart-contents-new var(--spring-d280-b0-duration) var(--spring-d280-b0-easing) forwards; }



@keyframes cart-contents-old { 

  100% { scale: 0.92; opacity: 0; }

}



@keyframes cart-contents-new { 

  0% { scale: 1.05; translate: 0px 128px; filter: blur(1px); opacity: 0; }

}



.header__icon--menu { position: initial; }



.menu-drawer-container .header__icon--summary { color: var(--color-foreground); display: flex; justify-content: center; align-items: center; padding: var(--padding-lg); }



.header__icon--summary .header-drawer-icon { margin: auto; width: var(--icon-size-xs); height: var(--icon-size-xs); }



.header__drawer { --header-drawer-min-height: 60px; display: flex; min-height: var(--header-drawer-min-height); align-items: center; }



#header-component[data-menu-style="drawer"] .header__drawer { display: flex; min-height: var(--header-drawer-min-height); }



@media screen and (min-width: 750px) {

  #header-component[data-menu-style="menu"] .header__drawer { display: none; min-height: 0px; }

}



.header--compact .header__drawer { min-height: var(--minimum-touch-target); }



.menu-drawer__navigation { padding: 0px; }



@media screen and (min-width: 750px) {

  .menu-drawer__navigation { margin-top: var(--drawer-header-desktop-top); }

}



details:not(.menu-open) .header__icon--menu .header-drawer-icon--close { display: none; }



@media screen and (min-width: 750px) {

  details.menu-open .header__icon--menu .header-drawer-icon--close { display: none; }

}



details.menu-open .header__icon--menu .header-drawer-icon--open { display: none; }



@media screen and (min-width: 750px) {

  details.menu-open .header__icon--menu .header-drawer-icon--open { display: flex; }

}



.menu-drawer { position: fixed; transform: translate(-100%); visibility: hidden; height: var(--drawer-height); width: var(--drawer-width); max-width: var(--drawer-max-width); z-index: var(--layer-menu-drawer); left: 0px; top: 0px; padding: 0px; background-color: var(--color-background); overflow: auto; display: flex; border-right: var(--style-border-drawer); box-shadow: var(--shadow-drawer); flex-direction: column; }



@media screen and (min-width: 750px) {

  .menu-drawer { width: 25rem; }

}



.header__drawer--desktop .menu-drawer { height: 100vh; }



.menu-drawer.menu-drawer--has-submenu-opened { overflow: initial; }



.menu-drawer__backdrop { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100dvh; backdrop-filter: brightness(0.75); z-index: var(--layer-heightened); opacity: 0; transition: opacity var(--drawer-animation-speed) ease; }



.menu-open .menu-drawer__backdrop { opacity: 1; }



.menu-drawer, details[open] > .menu-drawer__submenu { transition: transform var(--drawer-animation-speed) ease,visibility var(--drawer-animation-speed) ease,opacity var(--drawer-animation-speed) ease; }



.menu-open > .menu-drawer, .menu-open > .menu-drawer__submenu:not(.menu-drawer__menu--childlist) { transform: translate(0px); visibility: visible; opacity: 1; display: flex; flex-direction: column; }



.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__inner-submenu { display: flex; flex-direction: column; height: 100%; overflow-y: auto; }



@media screen and (min-width: 750px) {

  .menu-drawer__inner-submenu { margin-top: var(--drawer-header-desktop-top); }

}



.menu-drawer__nav-buttons { display: flex; justify-content: space-between; align-items: center; }



.menu-drawer__menu { --menu-drawer-inline-padding: calc(var(--padding-sm) + 7px); list-style: none; padding-inline: var(--drawer-padding); margin-inline: 0px; margin-block-start: 0px; }



.menu-drawer__menu--grid { display: grid; width: 100%; grid-template-columns: 1fr 1fr; gap: var(--padding-sm); padding-inline-end: var(--menu-drawer-inline-padding); padding-block-start: var(--padding-xs); }



.menu-drawer__menu--childlist:not(.menu-drawer__menu--grid) { flex-grow: 1; }



.menu-drawer__menu.has-submenu, .menu-drawer__menu--childlist:not(:has(.menu-drawer__animated-element)) { margin-block-end: var(--margin-xs); }



@media screen and (min-width: 750px) {

  .menu-drawer__menu.has-submenu, .menu-drawer__menu--childlist:not(:has(.menu-drawer__animated-element)) { margin-block-end: 2.5rem; }

}



.menu-drawer__list-item--divider { border-block-end: 1px solid var(--color-border); }



.menu-drawer__list-item--deep:not(.menu-drawer__list-item--divider) .menu-drawer__menu { margin-block-start: -0.3rem; }



.menu-drawer__list-item--flat.menu-drawer__list-item--divider .menu-drawer__menu { margin-block-start: -0.4rem; }



.menu-drawer__menu-container--divider { border-block-end: 1px solid var(--color-border); }



.menu-drawer__menu > .menu-drawer__list-item { display: flex; min-height: calc(2 * var(--padding-lg) + var(--icon-size-xs)); }



.menu-drawer__list-item--deep .menu-drawer__list-item, .menu-drawer__list-item--flat .menu-drawer__list-item { min-height: auto; }



.menu-drawer__menu .menu-drawer__list-item--flat { display: flex; flex-direction: column; align-items: flex-start; margin-block-end: var(--margin-md); }



.menu-drawer__menu--childlist .menu-drawer__list-item--flat { margin-block-end: var(--margin-sm); }



@media screen and (min-width: 750px) {

  .menu-drawer__menu--childlist .menu-drawer__list-item--flat { margin-block-end: var(--margin-lg); }

}



.menu-drawer__menu--childlist .menu-drawer__list-item--flat.menu-drawer__list-item--divider { margin-block-end: 0px; }



.menu-drawer__list-item--flat .menu-drawer__menu--childlist { width: 100%; padding-inline: 0px; }



.menu-drawer-container[open] .menu-drawer__animated-element { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--drawer-animation-speed) + (var(--menu-drawer-animation-index) - 1) * .1s); animation-fill-mode: backwards; }



.menu-drawer__menu accordion-custom .details-content--no-animation { animation: auto ease 0s 1 normal none running none; visibility: visible; opacity: 1; transform: translate(0px); transition: none; }



.menu-drawer__menu details, .menu-drawer__menu-item, .menu-drawer__menu accordion-custom { width: 100%; }



.menu-drawer__list-item--divider .menu-drawer__menu-item:not(.menu-drawer__menu-item--child) { min-height: calc(2 * var(--padding-lg) + var(--icon-size-xs)); }



.menu-drawer__menu-item--mainlist { min-height: calc(2 * var(--padding-lg) + var(--icon-size-xs)); font-family: var(--menu-top-level-font-family); font-style: var(--menu-top-level-font-style); font-weight: var(--menu-top-level-font-weight); font-size: var(--menu-top-level-font-size); line-height: var(--menu-top-level-font-line-height); text-transform: var(--menu-top-level-font-case); color: var(--menu-top-level-font-color); justify-content: space-between; }



.menu-drawer__menu-item--mainlist:hover { color: var(--menu-top-level-font-color); }



.menu-drawer__menu-item--parent { font-family: var(--menu-parent-font-family); font-style: var(--menu-parent-font-style); font-weight: var(--menu-parent-font-weight); font-size: var(--menu-parent-font-size); line-height: var(--menu-parent-font-line-height); text-transform: var(--menu-parent-font-case); color: var(--menu-parent-font-color); }



.menu-drawer__menu-item--parent:hover { color: var(--menu-parent-font-color); }



.menu-drawer__menu-item--child { font-family: var(--menu-child-font-family); font-style: var(--menu-child-font-style); font-weight: var(--menu-child-font-weight); font-size: var(--menu-child-font-size); line-height: var(--menu-child-font-line-height); text-transform: var(--menu-child-font-case); color: var(--menu-child-font-color); }



.menu-drawer__menu-item--child:hover { color: var(--menu-child-font-color); }



.menu-drawer__menu--childlist summary.menu-drawer__menu-item { display: flex; width: 100%; padding-inline-end: 0px; }



.menu-drawer__list-item--deep .menu-drawer__menu, .menu-drawer__menu--grandchildlist { padding-inline: 0px; }



.menu-drawer__list-item--deep .menu-drawer__menu { padding-block-end: 0.5rem; }



.menu-drawer__list-item--deep.menu-drawer__list-item--divider .menu-drawer__menu { padding-block-end: 0.3rem; }



.menu-drawer__list-item--flat.menu-drawer__list-item--divider .menu-drawer__menu--grandchildlist { padding-block-end: 0.5rem; }



.menu-drawer__menu-item { display: flex; padding: var(--padding-2xs) 0; position: relative; text-decoration: none; justify-content: space-between; align-items: center; }



.menu-drawer__menu-item:has(> .menu-drawer__link-image) { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: var(--padding-3xs); padding: 0px; }



.menu-drawer__link-image { width: 100%; position: relative; aspect-ratio: 16 / 9; object-fit: cover; }



.menu-drawer__menu--grid:has(.menu-drawer__link-image) .menu-drawer__menu-item:not(:has(> .menu-drawer__link-image)) { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: var(--padding-3xs); padding: 0px; }



.menu-drawer__menu--grid:has(.menu-drawer__link-image) .menu-drawer__menu-item:not(:has(> .menu-drawer__link-image))::before { content: ""; display: block; width: 100%; aspect-ratio: 16 / 9; background-color: var(--color-foreground-muted); opacity: 0.1; border-radius: var(--menu-image-border-radius); }



.menu-drawer__close-button { position: relative; right: auto; top: auto; width: fit-content; height: fit-content; color: inherit; padding: var(--padding-lg); }



.menu-drawer__back-button { display: flex; width: 100%; padding: var(--padding-md) var(--padding-xl); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; color: var(--color-foreground); background-color: transparent; text-align: left; text-decoration: none; white-space: nowrap; overflow-x: hidden; line-height: 1.2; box-shadow: none; }



.menu-drawer__menu-item-text { overflow: hidden; text-overflow: ellipsis; }



.menu-drawer .language-selector:not(.menu-drawer__submenu *) { width: fit-content; padding-inline-start: 0px; }



.menu-drawer .language-selector:not(.menu-drawer__submenu *) .localization-form__select { text-align: left; }



.menu-drawer__menu-item > .svg-wrapper { width: fit-content; height: fit-content; margin: 0px; padding-block: var(--padding-lg); padding-inline-start: var(--padding-xl); flex-shrink: 0; }



.menu-drawer__list-item--divider .menu-drawer__menu-item > .svg-wrapper { padding-block: var(--padding-md); }



.menu-drawer svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.menu-drawer__submenu { position: absolute; width: 100%; top: 0px; height: 100dvh; left: 0px; background-color: var(--color-background); z-index: var(--layer-flat); transform: translate(-5%); visibility: hidden; overflow-y: auto; opacity: 0; }



.menu-drawer__back-button > .svg-wrapper { margin-right: var(--padding-md); width: var(--icon-size-xs); height: var(--icon-size-xs); }



.menu-drawer__utility-links { display: flex; flex-direction: column; padding: 0px; margin-block: auto var(--padding-sm); margin-inline-start: var(--padding-xl); background-color: rgb(var(--color-foreground) .03); }



.menu-drawer__account { display: inline-flex; align-items: center; gap: var(--gap-xs); text-decoration: none; height: 44px; font-size: 1.4rem; color: rgb(var(--color-foreground)); }



.menu-drawer__account svg { height: var(--icon-size-sm); width: var(--icon-size-sm); }



.menu-drawer__account shop-user-avatar { --shop-avatar-size: 2.4rem; margin-right: 0.55rem; margin-left: -0.45rem; }



.menu-drawer__link-image, .menu-drawer__featured-product-image, .menu-drawer__featured-collection-image, .menu-drawer__featured-collection-link::before { border-radius: var(--menu-image-border-radius); }



@keyframes menu-drawer-nav-open { 

  0% { visibility: hidden; opacity: 0; transform: translate(-0.5rem); }

  100% { visibility: visible; opacity: 1; transform: translate(0px); }

}



@keyframes menu-drawer-subnav-open { 

  0% { visibility: visible; opacity: 1; transform: translate(0px); }

  100% { visibility: hidden; opacity: 0; transform: translate(-1rem); }

}



.drawer-localization__button .icon-flag { width: var(--menu-localization-font-size, var(--icon-size-sm)); height: var(--menu-localization-font-size, var(--icon-size-sm)); clip-path: circle(50%); background-position: center center; background-size: cover; margin-inline-end: 4px; position: relative; }



.drawer-localization__button .icon-flag::after { content: ""; position: absolute; inset: 0px; box-shadow: inset 0 0 var(--size-shadow) var(--color-shadow); border-radius: 50%; }



.drawer-localization .country-filter { padding-block: 8px; }



.drawer-localization .drawer-localization__button { display: flex; padding: 0px; position: relative; text-decoration: none; height: 44px; }



.drawer-localization .drawer-localization__button:hover { color: var(--color-foreground); }



.drawer-localization .drawer-localization__button .icon-caret { width: fit-content; height: fit-content; margin: 0px; padding: var(--padding-xl) var(--padding-xl) var(--padding-xl) var(--padding-xs); }



.menu-drawer__localization:not(drawer-localization-component) .language-selector { font-family: var(--menu-localization-font); font-size: var(--menu-localization-font-size); }



.menu-drawer__localization .language-selector.h5 { padding-inline-start: 0px; }



.drawer-localization { display: contents; color: var(--color-foreground); }



.drawer-localization localization-form-component { position: relative; height: 100%; }



.drawer-localization .mobile-localization, .drawer-localization .drawer-localization__button--label { display: flex; gap: var(--gap-xs); margin-block: 0px; align-items: center; }



.drawer-localization__button--label.h6 { font-family: var(--menu-localization-font); }



.drawer-localization img { width: var(--icon-size-sm); }



.drawer-localization .localization-button__icon, .drawer-localization .localization-button__icon svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.drawer-localization summary.is-disabled { pointer-events: none; }



.drawer-localization .localization-wrapper { width: 100%; }



.drawer-localization .localization-form { display: flex; flex-direction: column; position: absolute; inset: 0px; width: 100%; height: 100%; }



.drawer-localization .localization-form > * { padding-inline: var(--padding-xl); }



.drawer-localization .language-selector .svg-wrapper.icon-caret { transform: translateY(-50%) rotate(0deg); }



.drawer-localization .language-selector .svg-wrapper.icon-caret svg { transform: none; }



.jumbo-text__container { width: 100%; }



footer .jumbo-text__container { pointer-events: none; }



jumbo-text { display: block; font-family: var(--font-family, inherit); font-style: var(--font-style, normal); color: var(--color, inherit); font-weight: var(--font-weight, inherit); letter-spacing: var(--letter-spacing, -.02em); line-height: var(--line-height, 1); opacity: 0; visibility: hidden; text-align: var(--text-align); text-box: var(--text-trim, trim-end cap text); text-transform: var(--text-transform, none); transition: opacity 0.3s; width: 100%; margin-left: var(--margin-left-nudge, 0); margin-right: var(--margin-right-nudge, 0); overflow: visible; }



jumbo-text.ready { opacity: 1; visibility: visible; }



jumbo-text[data-cap-text="true"] { text-box-edge: cap text; }



.jumbo-text-line { display: inline-flex; white-space: pre; }



@media (prefers-reduced-motion: no-preference) {

  .ready[data-text-effect="blur"] { filter: blur(20px); opacity: 0.5; scale: 1.05; transition: filter 1.6s var(--animation-timing-fade-in),opacity 1.3s var(--animation-timing-fade-in),scale 1.6s var(--animation-timing-fade-in); }

  .jumbo-text-visible[data-text-effect="blur"] { filter: blur(0px); opacity: 1; scale: 1; }

  .ready[data-text-effect="reveal"] { overflow: hidden; }

  .ready[data-text-effect="reveal"] .jumbo-text-line { transform: translateY(100%); }

  .jumbo-text-visible[data-text-effect="reveal"] .jumbo-text-line { transition: transform .5s var(--animation-timing-fade-in) calc(var(--line-index) * .05s); transform: translateY(0px); }

  .jumbo-text-visible[data-text-effect="reveal"] { overflow: visible; transition: overflow linear 0.75s; }

}



.facets input:checked + label { font-weight: 500; }



.facets .checkbox .icon-checkmark { transition: border-color 0.2s, background-color 0.2s; }



.facets .checkbox:not(.checkbox--disabled):hover .icon-checkmark { border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



.facets .checkbox:not(.checkbox--disabled):hover .checkbox__input:checked + .checkbox__label .icon-checkmark { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-85)); }



.facets .checkbox:not(.checkbox--disabled):hover .checkbox__label-text { color: rgb(var(--color-foreground-rgb) / var(--opacity-90)); }



.facets .checkbox .checkbox__label-text { transition: color 0.2s, font-weight 0.2s; }



.facets__pill-label { --pill-label-padding-inline: var(--padding-xs); --pill-label-border-radius: var(--style-border-radius-md); --pill-label-border-width: var(--variant-picker-button-border-width); --pill-label-height: var(--button-size-md); --pill-label-focus-outline-color: var(--color-foreground); --pill-label-color: var(--color-foreground); --pill-label-color-rgb: var(--color-foreground-rgb); --pill-label-background-color: var(--color-background); --pill-label-background-color-rgb: var(--color-background-rgb); --pill-label-border-opacity: var(--facets-low-opacity); display: inline-flex; position: relative; align-items: center; justify-content: center; box-shadow: inset 0 0 0 var(--pill-label-border-width) rgb(var(--pill-label-color-rgb) / var(--opacity-10-25)); border-radius: var(--pill-label-border-radius); height: var(--pill-label-height); width: 100%; padding-inline: var(--pill-label-padding-inline); color: rgb(var(--pill-label-color-rgb)); background-color: rgb(var(--pill-label-background-color-rgb)); cursor: pointer; transition: color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing); outline-color: var(--pill-label-focus-outline-color); }



.facets__pill-label:hover { --pill-label-border-opacity: 100%; }



.facets__pill-input:checked + .facets__pill-label { --pill-label-color-rgb: var(--color-background-rgb); --pill-label-background-color-rgb: var(--color-foreground-rgb); --pill-label-border-opacity: 0; font-weight: 500; }



.facets__pill-input:disabled + .facets__pill-label { opacity: var(--disabled-opacity); cursor: not-allowed; }



.facets__pill-input:disabled + .facets__pill-label:hover { --pill-label-border-opacity: var(--facets-low-opacity); }



.facets__status-wrapper { display: flex; align-items: center; }



@media screen and (max-width: 749px) {

  .facets--drawer .facets__status-wrapper { gap: var(--gap-3xs); }

}



.facets--vertical .facets__status-wrapper { gap: var(--gap-xs); }



.facets--horizontal .facets__status-wrapper { gap: 0px; }



.facets__pill-input:disabled + .facets__pill-label svg { position: absolute; top: 0px; left: 0px; border-radius: var(--style-border-radius-md); }



.facets__pill-label svg line { stroke-width: 1.5px; stroke: rgb(var(--color-foreground-rgb) / var(--facets-low-opacity)); }



.facets__pill-wrapper { position: relative; }



.facets__pill-input { position: absolute; inset: 0px; margin: 0px; padding: 0px; width: auto; height: auto; aspect-ratio: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: transparent; appearance: auto; display: block; opacity: 0; cursor: pointer; }



.facets__status--swatches { display: none; }



.facets__swatch-wrapper { display: flex; }



.variant-option__swatch-wrapper { position: relative; overflow: visible; border-radius: var(--options-border-radius); }



.variant-option--swatches-disabled { pointer-events: none; cursor: not-allowed; }



.variant-option--swatches-disabled .variant-option__swatch-wrapper { overflow: hidden; }



@media screen and (min-width: 750px) {

  .facets--horizontal .facets__status--swatches { display: flex; }

}



@media screen and (min-width: 750px) {

  .facets--horizontal .sorting-filter .facets__status { display: none; }

}



.facets__status--swatches .swatch { width: calc(var(--variant-picker-swatch-width) / 1.5); height: calc(var(--variant-picker-swatch-height) / 1.5); }



.facets__status--swatches .swatch + .swatch { margin-left: calc(var(--variant-picker-swatch-width) / -3); outline: 1px solid rgb(var(--color-background-rgb)); }



.facets__inputs-wrapper .facets__inputs-list--images { display: grid; grid-template-columns: repeat(var(--image-columns),125px); gap: var(--gap-sm); }



.facets--drawer .facets__inputs-wrapper .facets__inputs-list--images { grid-template-columns: repeat(3, 1fr); }



@media screen and (min-width: 750px) {

  .facets--drawer .facets__inputs-wrapper .facets__inputs-list--images { grid-template-columns: repeat(4, 1fr); }

}



.facets--vertical .facets__inputs-wrapper .facets__inputs-list--images { grid-template-columns: repeat(2, 1fr); }



.facets--drawer .facets__inputs-list--images { padding-top: var(--padding-xs); }



.facets__image-wrapper { aspect-ratio: 1 / 1; width: 100%; padding: var(--padding-xs); position: relative; overflow: hidden; }



.facets__image-wrapper img { height: 100%; width: 100%; object-fit: contain; border-radius: calc(var(--border-radius) / 2); }



.facets__image-label { width: 100%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-block-end: var(--padding-xs); cursor: pointer; }



.facets__inputs-list-item--disabled .facets__image-label { cursor: not-allowed; }



.facets__inputs-list-item:not(.facets__inputs-list-item--disabled) .facets__image-label:hover { font-weight: 500; }



.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch { --focus-outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); outline: var(--focus-outline); outline-offset: var(--focus-outline-offset); }



.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) .swatch { --focus-outline: var(--focus-outline-width) solid currentcolor; outline: var(--focus-outline); outline-offset: var(--focus-outline-offset); }



.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) { outline: none; }



.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover { outline: none; }



.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) { --focus-outline: none; }



.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) .swatch { outline: var(--focus-outline); outline-offset: var(--focus-outline-offset); }



.facets__inputs-list--swatches .variant-option__button-label { --color-variant-text: var(--color-foreground); }



.facets__inputs-list--swatches { --variant-picker-swatch-width: 32px; --variant-picker-swatch-height: 32px; }



@media screen and (min-width: 750px) {

  .facets__inputs-list--swatches { --variant-picker-swatch-width: 26px; --variant-picker-swatch-height: 26px; }

}



.facets--vertical .facets__inputs-wrapper .facets__inputs-list--swatches-grid { gap: var(--gap-sm); }



.facets--vertical .facets__inputs-list--swatches .facets__inputs-list-item { display: flex; }



.facets__inputs-wrapper .facets__inputs-list--swatches-grid { --columns: 2; display: grid; grid-template-columns: repeat(var(--columns),1fr); }



.facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option--swatches { cursor: pointer; overflow: visible; }



.facets__inputs-list-item--disabled .variant-option--swatches { cursor: not-allowed; }



.facets__inputs-wrapper .facets__inputs-list--swatches-grid label { cursor: pointer; word-break: break-word; white-space: normal; }



.facets__inputs-list--swatches-grid .facets__inputs-list-item--disabled label, .facets__inputs-list-item--disabled .variant-option__button-label { cursor: not-allowed; }



.facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(input[type="checkbox"]) { align-items: center; overflow: visible; justify-content: flex-start; display: flex; width: 100%; flex-basis: unset; gap: var(--gap-sm); }



.facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option__button-label:has(:checked) { color: rgb(var(--color-foreground-rgb)); background-color: rgb(var(--color-background-rgb)); font-weight: 500; transition: font-weight 0.2s; }



.facets .variant-option--swatches { --options-border-radius: var(--variant-picker-swatch-radius); width: auto; }



.facets__inputs-list-item:not(.facets__inputs-list-item--disabled) .variant-option__button-label:hover { font-weight: 500; }



.variant-option--images { --image-facet-border-width: var(--variant-picker-button-border-width); --image-facet-border-opacity: var(--facets-low-opacity); --image-facet-border-radius: var(--style-border-radius-xs); position: relative; border-radius: var(--image-facet-border-radius); box-shadow: inset 0 0 0 var(--image-facet-border-width) rgb(var(--color-foreground-rgb) / var(--image-facet-border-opacity)); }



.variant-option--images:hover { --image-facet-border-opacity: 100%; }



.variant-option--images:has(input:checked) { font-weight: 500; transition: font-weight 0.2s; }



.variant-option--images:has(input:checked):hover { --image-facet-border-width: calc(var(--variant-picker-button-border-width) + .5px); }



.variant-option--images:has(input:focus-visible) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }



.variant-option--images input { position: absolute; inset: 0px; opacity: 0; margin: 0px; padding: 0px; width: 100%; height: 100%; aspect-ratio: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: transparent; appearance: auto; display: block; cursor: pointer; }



.facets__inputs-list-item--disabled .variant-option--images { --image-facet-border-opacity: 0; opacity: var(--disabled-opacity); cursor: not-allowed; }



.facets__inputs-list-item--disabled .variant-option--images:hover { --image-facet-border-opacity: 0; }



.facets__inputs-list-item--disabled .variant-option--images img { opacity: var(--disabled-opacity); }



.facets__inputs-list-item--disabled .variant-option--images input, .facets__inputs-list-item--disabled .variant-option--images label, .facets__inputs-list-item--disabled .variant-option--images .facets__image-label { cursor: not-allowed; }



.facets__inputs-list-item--disabled .variant-option--images .facets__image-wrapper { border: var(--style-border-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-30)); border-radius: var(--image-facet-border-radius); }



.variant-option--images svg { position: absolute; inset: 0px; width: 100%; height: 100%; stroke-width: var(--border-width); stroke: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



.facets__inputs-list-item, .variant-option--images { min-width: 0px; }



@supports not (background-color: rgb(from red 150 g b / alpha)) {

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch { outline: none; position: relative; overflow: visible; }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch::after { content: ""; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline); border-radius: var(--focus-outline-radius, 50%); background-color: transparent; display: inherit; }

}



localization-form-component { display: flex; width: var(--width, auto); }



@media screen and (min-width: 750px) {

  localization-form-component { position: relative; }

}



localization-form-component[data-show-filter="false"] .country-selector-form__wrapper { padding-block-start: var(--padding-xs); }



.localization-form { width: 100%; }



localization-form-component .button:is(:not(.country-filter__reset-button)) { --button-color: var(--color-primary); --button-background-color: var(--language-button-background-color, var(--color-background)); --button-border-color: var(--language-button-border-color, var(--color-border)); text-decoration-color: transparent; text-decoration-thickness: 0.075em; text-underline-offset: 0.125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing); }



localization-form-component .button:is(:not(.country-filter__reset-button)):hover, .localization-form__list-item:hover, .localization-form__list-item:focus { --button-color: var(--color-primary-hover); background-color: rgb(var(--color-primary-hover-rgb) / var(--opacity-8)); }



.localization-form__list-item[aria-current="true"] { --button-color: var(--color-primary-active); background-color: rgb(var(--color-primary-hover-rgb) / var(--opacity-10)); }



.localization-form__list-item-disabled { pointer-events: none; }



.localization-form__list-item:focus-visible { outline: none; }



localization-form-component .localization-selector { display: flex; align-items: center; gap: var(--margin-2xs); }



localization-form-component .country-filter__search-icon { left: 8px; right: auto; color: var(--color-foreground-muted); pointer-events: none; }



.country-filter__search-icon .svg-wrapper svg { width: var(--icon-size-sm); height: var(--icon-size-sm); }



.disclosure { width: 100%; }



.localization-form__list { position: relative; width: 100%; padding-block: 0 var(--padding-xs); font-size: var(--font-size-lg); scroll-padding: var(--padding-xs) 0; overflow-y: auto; white-space: nowrap; scrollbar-width: none; }



.localization-form__list::-webkit-scrollbar { display: none; }



.localization-form__list-item:not([hidden]) { margin-block-end: var(--margin-3xs); display: flex; gap: var(--margin-sm); padding: 8px; border-radius: 8px; line-height: var(--font-line-height-md); align-items: center; text-align: start; cursor: pointer; transition: background-color var(--animation-speed) var(--animation-easing); }



.localization-form__list-item:not([hidden]) .country { flex: 1 1 0%; color: var(--color-foreground); }



.localization-form__list-item:not([hidden]):hover { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-8)); }



.localization-form__list-item:not([hidden])[aria-current="true"] .country { font-weight: 500; }



.localization-form__list-item#no-results-message { grid-template-columns: 1fr; text-align: center; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.is-searching .localization-form__list-item .country { color: rgb(var(--color-foreground-rgb) / var(--opacity-80)); }



.localization-form__list-item .country mark { font-weight: 500; background: none; color: var(--color-foreground); }



.country-filter { position: relative; padding: var(--padding-xs); border-bottom: var(--style-border-width) solid transparent; transition: border-color var(--animation-values); }



.country-filter.is-scrolled { border-color: var(--color-border); }



.country-selector-form__wrapper { overflow-y: auto; max-height: 100%; flex-grow: 1; }



.language-selector { display: flex; gap: var(--gap-xs); padding: var(--padding-md) var(--padding-lg); position: relative; align-items: center; justify-content: space-between; width: 100%; }



.language-selector__label { flex-shrink: 0; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.localization-form__select { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color-foreground); appearance: none; background-color: var(--color-input-background); padding-block: var(--padding-3xs); padding-inline: var(--padding-xs) calc(var(--icon-size-xs) + var(--padding-xs)); text-align: right; cursor: pointer; max-width: 40vw; text-overflow: ellipsis; field-sizing: content; }



.localization-form__select:focus-visible { outline: var(--focus-outline-width) solid currentcolor; }



.localization-form__select:focus { outline: none; }



#header-component[transparent] localization-form-component .localization-form .localization-form__select { background-color: transparent; }



.localization-form__select option { background-color: var(--color-input-background); color: var(--color-input-text); }



.language-selector .svg-wrapper.icon-caret { width: var(--icon-size-xs); height: var(--icon-size-xs); position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; }



.language-selector--collapse-space { padding-inline-end: var(--padding-2xs); }



.language-selector--collapse-space .localization-form__select { padding-inline-end: var(--icon-size-xs); }



.language-selector--collapse-space .svg-wrapper.icon-caret { right: 0px; }



.localization-form .icon-checkmark { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.localization-form .svg-wrapper.icon-checkmark { visibility: hidden; }



.localization-form__list-item[aria-current="true"] .svg-wrapper.icon-checkmark { visibility: visible; }



.country-filter__input { width: 100%; height: 44px; font-size: var(--font-size-lg); padding: var(--padding-md) var(--padding-lg) var(--padding-md) calc(var(--margin-md) + var(--padding-xl)); border: 1px solid var(--color-foreground); color: var(--color-input-text); background-color: var(--color-input-background); outline-offset: -1px; }



@media screen and (min-width: 750px) {

  .country-filter__input { height: 36px; }

}



.country-filter__input::placeholder { color: inherit; }



.country-filter .field { position: relative; }



.country-filter .field__label { font-size: var(--font-size-lg); left: var(--margin-2xl); top: var(--margin-xl); pointer-events: none; position: absolute; }



.country-filter__input:focus ~ .field__label, .country-filter__input:not(:placeholder-shown) ~ .field__label, .country-filter__input:-webkit-autofill ~ .field__label { font-size: var(--font-size-xs); top: var(--margin-xs); }



.country-filter .field__button:not([hidden]) { display: flex; height: fit-content; position: absolute; padding: 0px; right: 8px; top: 50%; transform: translateY(-50%); align-items: center; background-color: transparent; color: var(--color-input-text); border: 0px; }



input[type="search"]::-webkit-search-cancel-button { appearance: none; }



.country-selector__close-button { display: none; }



.media-block { overflow: hidden; position: relative; }



@media screen and (min-width: 750px) {

  .media-block { min-height: var(--media-height); }

}



.media-block__media { height: var(--media-height-mobile, auto); object-fit: var(--image-position, "cover"); object-position: center center; width: 100%; }



@media screen and (min-width: 750px) {

  .media-block__media { height: 100%; position: absolute; }

}



deferred-media[class].media-block__media :is(.deferred-media__poster-button img, .deferred-media__poster-button ~ video) { object-fit: var(--video-position, "cover"); }



.media-block__media--video { display: flex; align-items: center; justify-content: center; }



@media screen and (max-width: 749px) {

  .media-block__media--video { --media-height-mobile: auto; }

}



.overlay { position: absolute; inset: 0px; z-index: var(--overlay-layer); pointer-events: none; border-radius: var(--overlay-border-radius, 0); }



.overlay--solid { background: var(--overlay-color); }



.overlay--gradient { background: linear-gradient(var(--overlay-direction),var(--overlay-color),var(--overlay-color--end)); }



.pagination { --pagination-size: 36px; --pagination-inset: 2px; --pagination-radius: 6; display: flex; justify-content: center; padding: var(--padding-xl) var(--padding-sm); margin-top: var(--padding-xl); position: relative; }



.pagination__list { display: flex; gap: 0px; align-items: center; list-style: none; margin: 0px; padding: 0px; position: relative; }



.pagination__item { width: var(--pagination-size); aspect-ratio: 1 / 1; display: grid; place-items: center; }



.pagination__link { display: grid; place-items: center; color: var(--color-foreground); text-decoration: none; width: 100%; height: 100%; user-select: none; position: relative; outline-color: var(--color-foreground); -webkit-tap-highlight-color: transparent; font-size: var(--font-size--md); font-weight: var(--font-weight-normal); border-radius: calc(var(--pagination-radius) * 1px); transition: color var(--hover-transition-duration) var(--hover-transition-timing),opacity var(--hover-transition-duration) var(--hover-transition-timing); }



.pagination__link:focus-visible { outline: 2px solid var(--color-foreground); outline-offset: 2px; }



.pagination__link--current { color: var(--color-background); font-weight: var(--font-weight-medium); cursor: default; }



.pagination__link--gap { cursor: default; pointer-events: none; }



.pagination__link--arrow { display: flex; align-items: center; justify-content: center; }



.pagination__link--disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }



.pagination__link svg { width: 0.5rem; height: 0.75rem; flex-shrink: 0; }



.pagination__item--mobile-only { display: none; }



@supports not (anchor-name: --pagination-active) {

  .pagination__link:not(.pagination__link--gap)::before { content: ""; position: absolute; inset: var(--pagination-inset); border-radius: calc(var(--pagination-radius) * 1px); background: rgb(var(--color-foreground-rgb) / var(--opacity-10)); z-index: -1; opacity: 0; transition: background var(--hover-transition-duration) var(--hover-transition-timing),opacity var(--hover-transition-duration) var(--hover-transition-timing); }

  .pagination__link[aria-current="page"]::before { background: var(--color-foreground); opacity: 1; }

  .pagination__link:hover:not([aria-current="page"], .pagination__link--gap, .pagination__link--disabled)::before { opacity: 1; }

}



@supports (anchor-name: --pagination-active) {

  .pagination__list::before { content: ""; z-index: -1; position: absolute; width: calc(var(--pagination-size) - (2 * var(--pagination-inset))); aspect-ratio: 1 / 1; pointer-events: none; opacity: 0; border-radius: calc(var(--pagination-radius) * 1px); background: rgb(var(--color-foreground-rgb) / var(--opacity-10)); transition: left var(--hover-transition-duration) var(--hover-transition-timing),top var(--hover-transition-duration) var(--hover-transition-timing); }

  @media (hover: none) and (pointer: coarse) {

  .pagination__list::before { content: unset; }

}

  .pagination__list:has(.pagination__link:is(:hover, :focus-visible):not(.pagination__link--gap, .pagination__link--disabled))::before { opacity: 1; }

  .pagination__link[aria-current="page"]::before { content: ""; position: absolute; inset: var(--pagination-inset); border-radius: calc(var(--pagination-radius) * 1px); background: var(--color-foreground); z-index: -1; }

  .pagination__list .pagination__item:has(.pagination__link:is(:hover, :focus-visible):not(.pagination__link--gap, .pagination__link--disabled)) { anchor-name: --pagination-hover; }

  .pagination__list::before { position-anchor: --pagination-hover; left: calc(anchor(left) + var(--pagination-inset)); top: calc(anchor(top) + var(--pagination-inset)); }

  .pagination__item:has(+ .pagination__item--gap) .pagination__link::after, .pagination__item--gap + .pagination__item .pagination__link::after { position: absolute; content: ""; pointer-events: auto; }

  .pagination__item:has(+ .pagination__item--gap) .pagination__link::after { inset: 0px -50% 0px 100%; }

  .pagination__item--gap + .pagination__item .pagination__link::after { inset: 0px 100% 0px -50%; }

}



@media screen and (max-width: 749px) {

  .pagination { --pagination-size: 44px; --pagination-inset: 5px; padding: var(--padding-lg) var(--padding-sm); }

  .pagination__link { font-size: var(--font-size--sm); }

  .pagination__item--mobile-hide { display: none; }

  .pagination__item--mobile-only { display: grid; }

  .pagination__item:has(.pagination__link--gap) { width: calc(var(--pagination-size) * .5); }

}



.predictive-search-results__products { padding-inline: var(--padding-xl); }



.recently-viewed-wrapper { display: grid; grid-template-rows: auto auto; max-height: 1000px; opacity: 1; overflow: visible; transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); transform-origin: center top; transform: translateY(0px); }



.recently-viewed-wrapper.removing { max-height: 0px; opacity: 0; transform: translateY(-10px); transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; }



.predictive-search-results__clear.button-unstyled { color: var(--color-foreground); opacity: 0.68; transition: opacity var(--animation-speed-medium) var(--animation-easing); padding: 0px; margin-left: var(--margin-sm); }



.predictive-search-results__clear.button-unstyled:hover { opacity: 1; }



.recently-viewed-wrapper.removing .predictive-search-results__card { transition: none; transform: none; opacity: 1; }



.recently-viewed-wrapper > * { transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); }



.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(1) { animation-delay: 30ms; }



.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(2) { animation-delay: 60ms; }



.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(3) { animation-delay: 90ms; }



.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(4) { animation-delay: 0.12s; }



.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(n+5) { animation-delay: 0.15s; }



.predictive-search-results__wrapper-products { animation-delay: 50ms; }



.predictive-search-results__wrapper { display: flex; overflow: auto hidden; padding-block-end: var(--padding-sm); padding-inline: 0px; scroll-snap-type: x mandatory; scroll-padding: 0 var(--padding-xl); scrollbar-width: none; }



.predictive-search-results__wrapper::-webkit-scrollbar { display: none; }



.predictive-search-results__wrapper slideshow-slides { --gutter-slide-width: var(--padding-xl); padding-block: var(--padding-xl); margin-block: calc(-1 * var(--padding-xl)); gap: var(--gap-md); }



.predictive-search-results__resource-header { display: flex; padding-inline: var(--padding-xl); justify-content: space-between; align-items: center; height: 32px; }



.predictive-search-results__resource-header .svg-wrapper { width: var(--icon-size-xs); }



.predictive-search-results__wrapper-products { display: grid; grid-template-columns: repeat(2, 1fr); padding-block-end: var(--padding-sm); gap: var(--gap-md); transition: height var(--animation-speed-medium) var(--animation-easing); }



@container (min-width: 550px) {

  .predictive-search-results__wrapper-products { grid-template-columns: repeat(4, 1fr); }

}



.predictive-search-results__wrapper-products:last-child { padding-block-end: var(--padding-lg); }



@media screen and (min-width: 750px) {

  .predictive-search-results__wrapper-products:last-child { padding-block-end: var(--padding-sm); }

}



.predictive-search-results__resource-header .predictive-search-results__title { margin-block-end: 0px; }



.predictive-search-results__resource-header:has(slideshow-controls) .predictive-search-results__title { margin-block-end: 0px; }



@media screen and (max-width: 749px) {

  .predictive-search-results__resource-header slideshow-controls { display: none; }

}



.price-facet { container-type: inline-size; display: flex; flex-direction: column; }



.price-facet--horizontal { min-width: 360px; }



.price-facet__inputs-wrapper { display: flex; flex-direction: row; padding: var(--style-border-width-inputs); gap: calc(var(--gap-sm) + (var(--style-border-width-inputs) * 2)); }



@container (max-width: 199px) {

  .price-facet__inputs-wrapper { flex-wrap: wrap; }

}



.price-facet__input { width: 100%; text-align: right; padding-left: calc(2.5 * var(--input-padding-x)); }



.price-facet__input::placeholder { color: var(--facets-input-label-color); }



.price-facet__separator { display: flex; align-items: center; justify-content: center; font-size: var(--font-paragraph--size); }



.price-facet__highest-price { padding: var(--padding-xs) 0 var(--padding-sm); }



.price-facet__highest-price--horizontal { padding: 0 var(--padding-md) var(--padding-xs); }



.price-facet__label { top: 0px; left: 0px; color: var(--facets-input-label-color); padding: var(--input-padding-y) var(--input-padding-x); transform: none; }



product-card-link, :not(product-card-link) product-card { width: 100%; }



.product-card__placeholder-image svg { height: 100%; }



@media screen and (max-width: 749px) {

  .product-card slideshow-arrows .slideshow-control { display: none; }

}



.product-grid { --product-grid-gap: var(--product-grid-gap-mobile); --mobile-columns: 2; isolation: isolate; }



@media screen and (min-width: 750px) {

  .product-grid { --product-grid-gap: var(--product-grid-gap-desktop); }

}



.product-grid slideshow-arrows .slideshow-control { display: none; }



@media screen and (min-width: 750px) {

  .product-grid slideshow-arrows .slideshow-control { display: grid; }

}



@supports not (background-color: rgb(from red 150 g b / alpha)) {

  .product-grid .product-media, .product-grid .product-media-container { aspect-ratio: auto; }

}



.main-collection-grid { padding: var(--grid--margin--mobile); }



@media screen and (min-width: 750px) {

  .main-collection-grid { padding: var(--padding-block-start) var(--padding-inline-end) var(--padding-block-end) var(--padding-inline-start); }

}



.main-collection-grid__empty { padding-block: var(--padding-6xl); padding-inline: var(--page-margin); display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--padding-sm); }



.main-collection-grid__empty-title { margin: 0px; }



.product-information { gap: var(--gap) 0; }



.product-information__grid { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; }



.product-details { order: 1; }



.product-information__media { order: 0; width: 0px; min-width: 100%; }



.product-information__media .product-media-gallery__placeholder-image { width: 100%; height: 100%; }



@media screen and (max-width: 749px) {

  .product-information__media { grid-column: 1 / -1; }

  .product-details { grid-column: 2 / 3; }

}



@media screen and (min-width: 750px) {

  .product-information__grid { grid-column: 2; }

  .product-information__grid.product-information--media-none .product-details { width: var(--narrow-content-width); margin: 0px auto; }

  .product-information__grid:not(.product-information--media-none).product-information--media-left { grid-template-columns: 1fr min(50vw,var(--sidebar-width)); }

  .product-information__grid:not(.product-information--media-none).product-information--media-left .product-information__media { padding-right: calc(var(--gap, 0) / 2); }

  .product-information__grid:not(.product-information--media-none).product-information--media-left .product-details { padding-left: calc(var(--gap, 0) / 2); }

  .product-information__grid:not(.product-information--media-none).product-information--media-left:has(.media-gallery--extend) { grid-column: 1 / 3; }

  .product-information__grid:not(.product-information--media-none).product-information--media-right { grid-template-columns: min(50vw,var(--sidebar-width)) 1fr; }

  .product-information__grid:not(.product-information--media-none).product-information--media-right .product-information__media { padding-left: calc(var(--gap, 0) / 2); order: 1; }

  .product-information__grid:not(.product-information--media-none).product-information--media-right .product-details { padding-right: calc(var(--gap, 0) / 2); order: 0; }

  .product-information__grid:not(.product-information--media-none).product-information--media-right:has(.media-gallery--extend) { grid-column: 2 / -1; }

  .product-information__grid:not(.product-information--media-none).product-information__grid--half, .product-information__grid:not(.product-information--media-none).product-information__grid--half:has(.media-gallery--extend) { grid-column: 1 / -1; grid-template-columns: var(--full-page-grid-margin) calc(var(--full-page-grid-central-column-width) / 2) calc(var(--full-page-grid-central-column-width) / 2) var(--full-page-grid-margin); }

  :is(.product-information__grid:not(.product-information--media-none).product-information__grid--half, .product-information__grid:not(.product-information--media-none).product-information__grid--half:has(.media-gallery--extend)).product-information--media-left .product-information__media { grid-column: 2 / 3; }

  :is(.product-information__grid:not(.product-information--media-none).product-information__grid--half, .product-information__grid:not(.product-information--media-none).product-information__grid--half:has(.media-gallery--extend)).product-information--media-left .product-information__media:has(.media-gallery--extend) { grid-column: 1 / 3; }

  :is(.product-information__grid:not(.product-information--media-none).product-information__grid--half, .product-information__grid:not(.product-information--media-none).product-information__grid--half:has(.media-gallery--extend)).product-information--media-left .product-details { grid-column: 3 / 4; }

  :is(.product-information__grid:not(.product-information--media-none).product-information__grid--half, .product-information__grid:not(.product-information--media-none).product-information__grid--half:has(.media-gallery--extend)).product-information--media-right .product-information__media { grid-column: 3 / 4; }

  :is(.product-information__grid:not(.product-information--media-none).product-information__grid--half, .product-information__grid:not(.product-information--media-none).product-information__grid--half:has(.media-gallery--extend)).product-information--media-right .product-information__media:has(.media-gallery--extend) { grid-column: 3 / -1; }

  :is(.product-information__grid:not(.product-information--media-none).product-information__grid--half, .product-information__grid:not(.product-information--media-none).product-information__grid--half:has(.media-gallery--extend)).product-information--media-right .product-details { grid-column: 2 / 3; }

  .section--full-width .product-information__grid:not(.product-information--media-none).product-information--media-left, .section--full-width .product-information__grid:not(.product-information--media-none).product-information--media-right { grid-column: 1 / -1; }

  .section--full-width .product-information__grid:not(.product-information--media-none).product-information--media-left .product-details { padding-inline-end: var(--padding-lg); }

  .section--full-width .product-information__grid:not(.product-information--media-none).product-information--media-right .product-details { padding-inline-start: var(--padding-lg); }

  .section--full-width .product-information__grid:not(.product-information--media-none).product-information__grid--half.product-information--media-left .product-information__media { grid-column: 1 / 3; }

  .section--full-width .product-information__grid:not(.product-information--media-none).product-information__grid--half.product-information--media-left .product-details { grid-column: 3 / -1; }

  .section--full-width .product-information__grid:not(.product-information--media-none).product-information__grid--half.product-information--media-right .product-information__media { grid-column: 3 / -1; }

  .section--full-width .product-information__grid:not(.product-information--media-none).product-information__grid--half.product-information--media-right .product-details { grid-column: 1 / 3; }

}



@media screen and (min-width: 1200px) {

  .product-information__grid:not(.product-information__grid--half, .product-information--media-none).product-information--media-left { grid-template-columns: 2fr 1fr; }

  .product-information__grid:not(.product-information__grid--half, .product-information--media-none).product-information--media-right { grid-template-columns: 1fr 2fr; }

}



.product-information__grid--limit-details .product-details > .group-block { max-width: var(--sidebar-width); }



body:has(#header-group #header-component[data-sticky-state="active"]) .product-details.sticky-content--desktop { --sticky-header-offset: var(--header-height); }



.dialog-zoomed-gallery__dialog { background-color: var(--color-background); }



.dialog-zoomed-gallery { cursor: zoom-out; }



.dialog--preloading { opacity: 0; }



.product-media__drag-zoom-wrapper { aspect-ratio: inherit; min-height: inherit; min-width: inherit; display: inherit; flex: inherit; }



@media screen and (max-width: 749px) {

  .dialog-zoomed-gallery { overscroll-behavior: none; scrollbar-width: none; display: flex; scroll-snap-type: x mandatory; overflow-x: hidden; scroll-behavior: smooth; height: 100%; }

  .dialog-zoomed-gallery::-webkit-scrollbar { display: none; }

  .dialog-zoomed-gallery .product-media-container { flex: 0 0 100%; scroll-snap-align: start; position: relative; }

  .dialog-zoomed-gallery .product-media-container--image .product-media { aspect-ratio: auto; height: 100%; width: 100%; overflow: hidden; }

  .dialog-zoomed-gallery .product-media-container--video, .dialog-zoomed-gallery .product-media-container--external_video { align-content: center; }

  .dialog-zoomed-gallery :is(.product-media-container--video, .product-media-container--external_video, .product-media-container--model) .product-media { aspect-ratio: auto; align-items: center; height: 100%; }

  .dialog-zoomed-gallery :is(.product-media-container--video, .product-media-container--external_video, .product-media-container--model) .product-media .product-media__image { height: 100%; }

  .product-media__drag-zoom-wrapper { display: flex; aspect-ratio: auto; height: 100%; width: 100%; overflow: scroll; scrollbar-width: none; justify-content: center; }

  .product-media__drag-zoom-wrapper::-webkit-scrollbar { display: none; }

  .product-media__drag-zoom-wrapper .product-media__image { --product-media-fit: contain; object-fit: var(--product-media-fit); overflow: hidden; transform: scale(var(--drag-zoom-scale)) translate(var(--drag-zoom-translate-x, 0),var(--drag-zoom-translate-y, 0)); }

  .media-gallery--hint { --slideshow-gap: var(--gap-2xs); }

  .media-gallery--hint :not(.dialog-zoomed-gallery) > .product-media-container:not(:only-child) { width: 90%; }

  .media-gallery--hint :not(.dialog-zoomed-gallery) > .product-media-container:not(:only-child) .product-media img { object-fit: cover; }

}



.dialog-zoomed-gallery__close-button { color: rgb(255, 255, 255); mix-blend-mode: difference; z-index: var(--layer-raised); }



.media-gallery__mobile-controls { grid-area: auto; }



@media screen and (max-width: 749px) {

  .media-gallery__mobile-controls[thumbnails] { --thumbnail-width: 44px; }

  .media-gallery__mobile-controls[thumbnails] .slideshow-controls__thumbnail { width: var(--thumbnail-width); height: auto; }

}



.dialog-zoomed-gallery .product-media-container--zoomable.product-media-container--image { cursor: zoom-out; }



.product-media-container--zoomable.product-media-container--image { cursor: zoom-in; }



.dialog-zoomed-gallery .product-media-container--video deferred-media, .dialog-zoomed-gallery .product-media-container--external_video deferred-media { height: auto; aspect-ratio: var(--ratio); }



.dialog-zoomed-gallery .product-media-container--model .product-media__image { height: 100vh; }



.dialog-zoomed-gallery__dialog { view-transition-name: zoom-dialog-ui; }



:root:active-view-transition .dialog-zoomed-gallery__dialog { background-color: transparent; }



::view-transition-group(zoom-dialog-ui) { z-index: calc(var(--layer-overlay) + 1); }



::view-transition-old(gallery-item-open), ::view-transition-new(gallery-item-open) { animation-timing-function: step-start; }



::view-transition-old(gallery-item-close), ::view-transition-new(gallery-item-close) { animation-timing-function: step-end; }



@media screen and (min-width: 749px) {

  :root:active-view-transition .product-media__image { background-color: transparent; }

}



::view-transition-group(gallery-item-open), ::view-transition-group(gallery-item-close) { z-index: var(--layer-overlay); border-radius: var(--gallery-media-border-radius); overflow: clip; }



::view-transition-group(gallery-item-open) { animation-timing-function: var(--spring-d300-b0-easing); animation-duration: var(--spring-d300-b0-duration); }



::view-transition-group(gallery-item-close) { animation-timing-function: var(--spring-d220-b0-easing); animation-duration: var(--spring-d220-b0-duration); }



@media screen and (max-width: 749px) {

  ::view-transition-group(gallery-item-open), ::view-transition-group(gallery-item-close) { animation-timing-function: step-start; animation-duration: 0.1s; }

  ::view-transition-new(gallery-item-open) { animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-timing-function: var(--spring-d180-b0-easing); animation-duration: var(--spring-d180-b0-duration); }

  ::view-transition-old(gallery-item-close) { animation: 0.08s linear 0s 1 normal forwards running fade-out; }

}



@keyframes fade-in { 

  0% { scale: 0.98; opacity: 0.8; }

}



@keyframes fade-out { 

  100% { opacity: 0; }

}



.product-media { aspect-ratio: var(--gallery-aspect-ratio, var(--ratio)); min-height: 0px; min-width: 0px; }



.product-media__image { object-position: var(--focal-point, center center); }



@media screen and (min-width: 750px) {

  .media-gallery--carousel slideshow-container, .media-gallery--grid .product-media > * { border-radius: var(--media-radius, 0); overflow: hidden; }

  .product-information:not(.product-information--media-right) .media-gallery--carousel.media-gallery--extend slideshow-container { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

  .product-information.product-information--media-right .media-gallery--carousel.media-gallery--extend slideshow-container { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

  .product-information:not(.product-information--media-right) .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media > *, .product-information:not(.product-information--media-right) .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image) .product-media-container:nth-of-type(2n+1) .product-media > *, .product-information:not(.product-information--media-right) .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image .product-media-container:is(:first-of-type, :nth-of-type(2n)) .product-media > * { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

  .product-information.product-information--media-right .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media > *, .product-information.product-information--media-right .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image) .product-media-container:nth-of-type(2n) .product-media > *, .product-information.product-information--media-right .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image .product-media-container:is(:first-of-type, :nth-of-type(2n+1)) .product-media > * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

}



.quantity-selector-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--gap-sm) / 2); }



@media screen and (min-width: 750px) {

  .quantity-selector-wrapper { gap: var(--gap-sm); }

}



.price-per-item { display: block; color: var(--color-foreground); font-size: var(--font-size--sm); font-weight: 400; }



#quick-add-dialog { display: contents; }



@media screen and (min-width: 750px) {

  .quick-add-modal { width: var(--quick-add-modal-width); height: var(--quick-add-modal-height); max-width: none; }

}



.quick-add-modal { padding: 0px; border: var(--style-border-popover); overflow: hidden; box-shadow: 0 5px 30px rgb(0 0 0 / var(--opacity-15)); }



@media screen and (max-width: 750px) {

  .quick-add-modal { position: fixed; margin: auto 0px 0px; min-height: unset; max-width: 100%; border-radius: 0px; overflow: clip; height: fit-content; }

}



@media screen and (max-width: 750px) {

  .quick-add-modal[open] { border-top-left-radius: var(--style-border-radius-popover); border-top-right-radius: var(--style-border-radius-popover); }

}



@media screen and (min-width: 750px) {

  .quick-add-modal[open] { display: flex; }

}



@media screen and (max-width: 750px) {

  .quick-add-modal .view-more-details__wrapper { display: none; }

}



.quick-add-modal[open] { animation: modalSlideInTop var(--animation-speed) var(--animation-easing) forwards; }



.quick-add-modal.dialog-closing { animation: modalSlideOutTop var(--animation-speed) var(--animation-easing) forwards; }



.quick-add-modal__close { position: absolute; top: var(--margin-2xs); right: var(--margin-2xs); transition: transform .15s var(--animation-timing-bounce); z-index: var(--layer-raised); overflow: visible; transform-origin: center center; }



.quick-add-modal__close:active { transform: scale(0.99) translateY(1px); }



.quick-add-modal__close:focus-visible { outline: none; }



.quick-add-modal__close:focus-visible::after { content: ""; position: absolute; inset: 0px; border-radius: calc(var(--style-border-radius-popover) - var(--margin-2xs)); outline: var(--focus-outline-width) solid currentColor; }



.quick-add-modal__content { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 100% 1fr; position: relative; overflow-y: auto; max-height: 100vh; flex-grow: 1; }



@media screen and (max-width: 750px) {

  .quick-add-modal__content { grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding-inline: var(--padding-xl); padding-block: var(--padding-xl); gap: var(--gap-lg); flex: 1 1 0%; min-height: 0px; overflow-y: auto; height: auto; max-height: 100vh; }

}



.quick-add-modal__content .media-gallery--grid .media-gallery__grid { grid-template-columns: 1fr; }



.quick-add-modal__content .media-gallery--grid.media-gallery--two-column .product-media-container:first-child { grid-column: auto; }



.quick-add-modal__content .media-gallery--grid:not(.media-gallery--two-column) .product-media > *, .quick-add-modal__content .media-gallery--grid.media-gallery--two-column:not(.media-gallery--large-first-image) .product-media-container:nth-of-type(2n+1) .product-media > *, .quick-add-modal__content .media-gallery--grid.media-gallery--two-column.media-gallery--large-first-image .product-media-container:is(:first-of-type, :nth-of-type(2n)) .product-media > *, .quick-add-modal__content .media-gallery--carousel slideshow-container { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }



.quick-add-modal__content .view-more-details__wrapper { display: flex; justify-content: flex-start; width: 100%; }



.view-more-details__wrapper .view-more-details { display: flex; align-items: center; width: fit-content; }



@media screen and (max-width: 750px) {

  .quick-add-modal__content .product-header { display: flex; flex-direction: column; grid-area: 1 / 2 / auto / -1; padding-right: var(--padding-2xl); }

}



@media screen and (max-width: 749px) {

  .quick-add-modal__content .product-header a:not(product-price *) { font-size: var(--font-size--md); font-weight: 500; color: inherit; width: fit-content; }

}



@media screen and (max-width: 750px) {

  .quick-add-modal__content variant-picker, .quick-add-modal__content product-form-component { grid-column: 1 / -1; }

}



.quick-add-modal__content .product-media-container__zoom-button { cursor: default; }



.quick-add-modal__content .product-details { grid-area: 1 / 4 / span 2 / -1; display: flex; flex-direction: column; justify-content: stretch; height: 100%; min-height: 0px; overflow-y: auto; position: relative; }



dialog[open] :is(.quick-add-modal__content .product-details) { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: 0.1s; }



@media screen and (max-width: 750px) {

  .quick-add-modal__content .product-details { grid-area: span 1 / 2 / auto / span 2; max-height: 100%; height: 100%; }

}



@property --quick-add-modal-mask-start { syntax: "<length>"; inherits: false; initial-value: 0px; }



@property --quick-add-modal-mask-end { syntax: "<length>"; inherits: true; initial-value: 0px; }



@keyframes detect-scroll { 

  0%, 100% { --can-scroll: ; }

}



@supports (animation-timeline: scroll(self)) {

  dialog[open] .quick-add-modal__content .product-details { mask-image: linear-gradient(to bottom,transparent 0%,#000 var(--quick-add-modal-mask-start),#000 100%); animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: auto, scroll(self), scroll(self), scroll(self); animation-range: normal, 0px 48px, calc(100% - 48px), 0%; }

}



@keyframes scrollStart { 

  0% { --quick-add-modal-mask-start: 0px; }

  100% { --quick-add-modal-mask-start: 48px; }

}



@keyframes scrollEnd { 

  0% { --quick-add-modal-mask-end: 0px; }

  100% { --quick-add-modal-mask-end: 48px; }

}



.quick-add-modal__content .product-details > .group-block { flex-grow: 1; width: auto; }



.quick-add-modal__content > * { min-height: 0px; }



.quick-add-modal__content .product-details :is(.view-product-title, .buy-buttons-block) { flex: 0 0 auto; }



.quick-add-modal__content .product-details :is(.buy-buttons-block) { margin-top: auto; position: sticky; bottom: 0px; padding-bottom: var(--padding-3xl); background-color: var(--color-background); z-index: var(--layer-raised); }



.quick-add-modal__content .product-details :is(.buy-buttons-block)::before { --quick-add-modal-mask-end-progressive-enhanced: 0px; position: absolute; content: ""; display: block; inset: auto 0px 100%; pointer-events: none; height: min(var(--gap-2xl),var(--gap)); background-color: inherit; mask-image: linear-gradient(to top,#000 0%,#000 calc(var(--gap-2xs)),transparent calc(100% - var(--quick-add-modal-mask-end-progressive-enhanced)),transparent); }



@supports (animation-timeline: scroll(self)) {

  .quick-add-modal__content .product-details :is(.buy-buttons-block)::before { --mask-if-scroll: var(--can-scroll) var(--quick-add-modal-mask-end); --mask-if-no-scroll: 48px; --quick-add-modal-mask-end-progressive-enhanced: var(--mask-if-scroll, var(--mask-if-no-scroll)); height: calc(var(--gap-2xs) + 48px); }

}



.quick-add-modal__content .product-details .variant-picker { flex: 0 0 auto; padding-block: min(var(--gap-2xl),var(--gap)); margin-block-end: calc(var(--focus-outline-offset) + var(--focus-outline-width)); }



.quick-add-modal__content .variant-option--swatches { padding-inline-start: var(--padding-2xs); }



.quick-add-modal__content .variant-option--swatches legend { margin-inline-start: calc(-1 * var(--padding-2xs)); }



.quick-add-modal__content:not(:has(.product-information__media)) .product-details { grid-column: 1 / -1; }



.quick-add-modal__content .view-product-title { display: flex; padding-block: 0px; margin-block-end: 12px; padding-inline-end: calc(var(--padding-2xl) + calc(var(--minimum-touch-target) / 2)); }



.quick-add-modal__content .view-product-title a { color: inherit; text-decoration: none; text-align: left; font-size: var(--font-size--2xl); font-weight: 600; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; transition: color .2s var(--animation-easing); }



.quick-add-modal__content .product-details product-price { --text-align: left; }



.quick-add-modal__content .product-details product-price.text-block--align-center { margin-inline: 0px; }



.quick-add-modal__content .product-details product-price.text-center { --text-align: left; }



.quick-add-modal__content .product-details product-price > * { text-align: left; }



@media screen and (min-width: 750px) {

  .quick-add-modal__content .product-details :not(.group-block, .group-block-content, .buy-buttons-block, .buy-buttons-block *, .view-product-title, .view-product-title *, variant-picker, variant-picker *, product-price, product-price *, product-inventory, product-inventory *, .view-more-details__wrapper, .view-more-details__wrapper *) { display: none !important; }

}



.quick-add-modal__content .group-block:not(:has(.buy-buttons-block, .buy-buttons-block *, .view-product-title, .view-product-title *, variant-picker, variant-picker *, product-price, product-price *, product-inventory, product-inventory *, .view-more-details__wrapper, .view-more-details__wrapper *), .buy-buttons-block) { display: none; }



@media screen and (min-width: 750px) {

  .quick-add-modal__content .group-block-content { gap: 0px; }

  .quick-add-modal__content .media-gallery__grid { gap: min(var(--gap-2xs),var(--image-gap)); border-radius: var(--style-border-radius-popover, 0); }

  .quick-add-modal__content .media-gallery--grid .product-media img { border-radius: 0px; }

}



.quick-add-modal__content .product-details > .group-block { padding-block: var(--padding-3xl) 0; }



.quick-add-modal__content :where(.product-details > .group-block > .group-block-content > *) { padding-inline: var(--padding-3xl); }



.quick-add-modal__content slideshow-slide:not([aria-hidden="false"]) { content-visibility: auto; }



.quick-add-modal__content .product-information__media { width: 100%; grid-area: 1 / 1 / auto / span 1; position: relative; top: 0px; animation: fadeIn .4s var(--animation-timing-fade-in) both; }



@media screen and (min-width: 750px) {

  .quick-add-modal__content .product-information__media { position: sticky; grid-column: 1 / 4; width: var(--quick-add-modal-gallery-width); overflow-y: auto; scrollbar-width: none; }

}



.quick-add-modal__content .product-information__media::-webkit-scrollbar { display: none; }



.quick-add-modal__content .product-information__media media-gallery { pointer-events: none; }



@media screen and (min-width: 750px) {

  .quick-add-modal__content .product-information__media media-gallery { position: absolute; inset: 0px; }

}



.quick-add-modal media-gallery { padding: 0px; }



.quick-add-modal__content .product-information__media slideshow-arrows { display: none; }



.quick-add-modal__content .product-information__media slideshow-container { display: block; }



.quick-add-modal__content .product-information__media slideshow-slides { display: flex; flex-direction: column; gap: var(--gap-2xs); overflow: visible; scroll-snap-type: none; }



.quick-add-modal__content .product-information__media slideshow-slide { width: 100%; flex: 0 0 auto; scroll-snap-align: unset; position: relative; transform: none; opacity: 1; visibility: visible; transition: opacity .3s var(--animation-easing); }



@media screen and (max-width: 750px) {

  .quick-add-modal__content .product-information__media slideshow-slide[aria-hidden="true"] { display: none; }

}



.quick-add-modal__content .product-information__media slideshow-slide:nth-child(1) { animation: fadeSlideIn .3s var(--animation-timing-fade-in) both; }



.quick-add-modal__content .product-information__media slideshow-slide:nth-child(2) { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: 0.05s; }



.quick-add-modal__content .product-information__media slideshow-slide:nth-child(3) { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: 0.1s; }



.quick-add-modal__content .product-information__media :is(slideshow-controls, slideshow-controls[thumbnails]) { display: none; }



.quick-add-modal__content .sticky-content, .quick-add-modal__content .sticky-content--desktop { top: 0px; }



.quick-add-modal__content .text-block.rte:not(product-price), .quick-add-modal__content .view-more-details__wrapper { display: none; }



@keyframes fadeSlideIn { 

  0% { opacity: 0; transform: translateY(10px); }

  100% { opacity: 1; transform: translateY(0px); }

}



.quick-add { --quick-add-offset: var(--padding-sm); --quick-add-right: calc(var(--quick-add-offset) + var(--padding-inline-end)); --quick-add-bottom: calc(var(--quick-add-offset) + var(--padding-block-end)); position: absolute; inset: 0px; z-index: var(--layer-raised); pointer-events: none; }



@media screen and (min-width: 750px) {

  .quick-add { --quick-add-offset: var(--padding-md); }

}



.quick-add .variant-option__button-label input[data-option-available="false"] { cursor: not-allowed; }



.quick-add[class*="color-scheme-"] { background-color: rgba(0, 0, 0, 0); }



product-card:is(:hover, :focus-within) .quick-add__button { opacity: 1; }



.quick-add__button { display: var(--quick-add-mobile-display, none); align-items: center; background: linear-gradient(var(--color-background) 0 100%) padding-box; padding: 0px; border-radius: 50px; border: 2px solid rgba(0, 0, 0, 0.15); height: var(--button-size-md); cursor: pointer; opacity: var(--quick-add-mobile-opacity, 0); overflow: hidden; color: var(--color-foreground); pointer-events: all; position: absolute; right: max(var(--quick-add-right),calc((var(--border-radius) + var(--quick-add-right)) * (1 - cos(45deg)))); bottom: max(var(--quick-add-bottom),calc((var(--border-radius) + var(--quick-add-bottom)) * (1 - cos(45deg)))); backdrop-filter: blur(20px) saturate(180%); }



.quick-add__button:hover { scale: 1.03; }



.quick-add__button:hover::before { content: ""; position: absolute; inset: -10px; z-index: -1; }



.quick-add__button:active { scale: 0.99; }



.quick-add[stay-visible] .quick-add__button { display: grid; }



@media screen and (min-width: 750px) {

  .quick-add__button { display: var(--quick-add-display, flex); opacity: 0; }

}



.quick-add__button .add-to-cart-text { background: var(--color-background); overflow: hidden; border-radius: 50px; height: 100%; gap: 0px; }



.quick-add__button .svg-wrapper .checkmark-burst { width: 22px; height: 22px; }



.quick-add__button .add-to-cart-icon { height: 100%; width: calc(var(--button-size-md) - 4px); }



.quick-add__button .add-to-cart-text__content { display: grid; grid-template-columns: 0fr; }



.quick-add__button .add-to-cart-text__content > span { min-width: 0px; }



.quick-add__button .add-to-cart-text__content > span span { padding-right: var(--padding-sm); opacity: 0; display: inline-block; filter: blur(2px); translate: 0.5ch; }



.quick-add__button[data-added="true"] .add-to-cart-text { animation-name: atc-fade-out; }



.quick-add__button[data-added="true"] .add-to-cart-text--added { translate: 0px; animation-name: atc-fade-in; }



.quick-add__product-form-component { height: 100%; }



.quick-add__product-form-component .shopify-product-form { display: flex; justify-content: flex-end; align-items: flex-end; container-type: inline-size; height: 100%; }



.quick-add-modal .product-media { width: 100%; height: 100%; }



.quick-add-modal deferred-media { display: none; }



.quick-add-modal .media-gallery--carousel slideshow-component { --cursor: default; }



.quick-add__button:is(:hover, :focus-visible) .add-to-cart-text__content { grid-template-columns: 1fr; }



.quick-add__button:is(:hover, :focus-visible) .add-to-cart-text__content span span { opacity: 1; translate: 0px; filter: blur(0px); }



@media (prefers-reduced-motion: reduce) {

  .quick-add__button .add-to-cart-text__content { grid-template-columns: 1fr; }

  .quick-add__button .add-to-cart-text__content span span { opacity: 1; translate: 0px; filter: blur(0px); }

}



@media (prefers-reduced-motion: no-preference) {

  .quick-add__button { transition-property: scale, translate, opacity; transition-duration: var(--animation-speed); transition-timing-function: var(--ease-out-cubic); }

  .quick-add__button:is(:hover, :focus-visible) .add-to-cart-text__content, .quick-add__button:is(:hover, :focus-visible) .add-to-cart-text__content span span { transition-delay: var(--animation-speed); }

  .quick-add__button .add-to-cart-text__content { transition-property: grid-template-columns; transition-duration: var(--animation-speed); transition-timing-function: var(--ease-out-cubic); }

  .quick-add__button .add-to-cart-text__content span span { transition-property: opacity, filter, translate; transition-duration: var(--animation-speed-slow); transition-timing-function: var(--ease-out-quad); }

}



.resource-card { --resource-card-secondary-image-opacity: 0; --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity)); display: flex; flex-direction: column; row-gap: var(--padding-xs); position: relative; text-decoration: none; height: 100%; opacity: 0; animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards; }



.resource-card__link { position: absolute; inset: 0px; z-index: 1; }



.resource-card__content { display: flex; flex-direction: column; color: var(--color-foreground); gap: var(--padding-3xs); }



.resource-card__content .price { font-weight: 500; }



.resource-card__content .volume-pricing-note { display: block; margin-top: var(--padding-3xs); font-family: var(--font-body--family); font-weight: 400; font-size: min(.85em,var(--font-paragraph--size)); line-height: normal; letter-spacing: normal; text-transform: none; color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.resource-card[data-resource-type="article"] .resource-card__content, .resource-card[data-resource-type="page"] .resource-card__content { gap: var(--padding-xs); }



.resource-card__image { aspect-ratio: var(--resource-card-aspect-ratio, auto); object-fit: cover; border-radius: var(--resource-card-corner-radius); opacity: var(--resource-card-primary-image-opacity); }



.resource-card__image--secondary { position: absolute; top: 0px; opacity: var(--resource-card-secondary-image-opacity); border-radius: var(--resource-card-corner-radius); }



.resource-card__media:empty { display: none; }



.resource-card__image-placeholder { padding: var(--padding-sm); font-size: var(--font-size--lg); line-height: var(--line-height--display-loose); word-break: break-word; background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); aspect-ratio: var(--resource-card-aspect-ratio, auto); border-radius: var(--resource-card-corner-radius); color: var(--color-foreground); }



.resource-card__title { margin-block: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.3; word-break: break-word; overflow-wrap: break-word; }



.resource-card__title.paragraph { line-height: 1.3; }



.resource-card--overlay { height: 100%; }



.resource-card--overlay::before { content: ""; position: absolute; inset: 50% 0px 0px; background: var(--gradient-image-overlay); border-radius: var(--resource-card-corner-radius); pointer-events: none; z-index: var(--layer-flat); }



.resource-card--overlay .resource-card__image { height: 100%; }



.resource-card--overlay .resource-card__content { position: absolute; inset: auto 0px 0px; padding: var(--padding-lg) var(--padding-lg) var(--padding-sm); z-index: var(--layer-raised); }



.resource-card--overlay .resource-card__title { color: var(--color-white); }



.resource-card__image-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-2xs); }



.resource-card__collection-image { aspect-ratio: 1 / 1; object-fit: cover; border-radius: calc(var(--card-corner-radius) - (var(--padding-xs) / 2)); }



.resource-card__subtext { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); margin-block-start: 0px; }



.resource-card__subtext.paragraph { font-size: var(--font-size--body-sm); line-height: var(--line-height--body-tight); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.resource-card:has(.resource-card__image--secondary):hover, .resource-card:has(.resource-card__image--secondary):focus { --resource-card-secondary-image-opacity: 1; }



.resource-image { position: relative; display: flex; width: 100%; height: 100%; z-index: var(--layer-base); overflow: hidden; max-width: 100%; max-height: 100%; aspect-ratio: var(--ratio); }



.resource-image .image-block__image { object-fit: cover; width: 100%; height: 100%; }



.resource-image--placeholder { width: 100%; height: 100%; }



.search-modal { --search-border-radius: var(--style-border-radius-popover); --search-border-width: var(--style-border-width); }



.search-modal__content { --modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 2rem); --modal-width: 66dvw; padding: 0px; border: var(--style-border-popover); }



@media screen and (min-width: 750px) {

  .search-modal__content { width: var(--modal-width); margin-block-start: var(--modal-top-margin); overflow: hidden; }

}



@media screen and (max-width: 749px) {

  .search-modal__content::backdrop { display: none; }

}



.dialog-modal[open].search-modal__content { transform-origin: center bottom; animation: search-element-slide-in-bottom .3s var(--ease-out-quad) forwards; border-radius: var(--search-border-radius); box-shadow: var(--shadow-popover); }



@media screen and (max-width: 749px) {

  .dialog-modal[open].search-modal__content { border-radius: 0px; }

}



.dialog-modal.search-modal__content.dialog-closing { animation: search-element-slide-out-bottom .2s var(--ease-out-quad) forwards; }



.search-modal__content[open] { display: flex; }



.search-modal__content :is(.predictive-search-dropdown, .predictive-search-form__content-wrapper) { position: relative; }



.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden]))::before { content: ""; position: absolute; right: calc(var(--padding-sm) + var(--minimum-touch-target)); top: 0px; bottom: 0px; width: var(--border-width-sm); background-color: var(--color-border); }



.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])) > .predictive-search__close-modal-button::before { content: none; }



@media screen and (min-width: 750px) {

  .dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden]))::before { right: calc(var(--padding-2xl) * 2); }

}



predictive-search-component { --resource-card-corner-radius: var(--product-corner-radius); display: flex; width: 100%; position: relative; margin-inline: auto; align-items: center; background-color: var(--color-background); z-index: var(--layer-heightened); }



.predictive-search-form__footer { display: none; position: absolute; bottom: 0px; left: 0px; right: 0px; }



@media screen and (min-width: 750px) {

  .predictive-search-form__footer { --to-top-gradient-background: linear-gradient( to top, rgb(var(--color-background-rgb) / var(--opacity-90)), rgb(var(--color-background-rgb) / var(--opacity-80)), rgb(var(--color-background-rgb) / var(--opacity-40)), transparent ); padding-block: var(--padding-xs) var(--padding-lg); background-image: var(--to-top-gradient-background); }

}



predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer { display: block; }



.predictive-search-form { position: relative; width: 100%; align-self: flex-start; }



.predictive-search-form__content { max-height: 50dvh; overflow-y: auto; background-color: var(--color-background); scrollbar-width: none; }



.predictive-search-form__content::-webkit-scrollbar { display: none; }



.predictive-search-form__content-wrapper { position: absolute; top: 100%; width: 100%; left: 0px; z-index: var(--layer-raised); display: flex; flex-direction: column; border-radius: 0 0 var(--search-border-radius) var(--search-border-radius); transition: box-shadow var(--animation-speed) var(--animation-easing); transform: translateZ(0px); will-change: transform, opacity; overflow: hidden; }



@media screen and (max-width: 749px) {

  .predictive-search-form__content-wrapper { border-radius: 0px; }

}



@media screen and (min-width: 750px) {

  .predictive-search-form__content-wrapper { max-height: var(--modal-max-height); }

}



.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results)) > .predictive-search-form__content { padding-block-end: var(--padding-6xl); }



.predictive-search-form__header-inner { background: var(--color-background); border: var(--search-border-width) solid var(--color-border); color: var(--color-foreground); border-radius: var(--style-border-radius-popover); display: flex; align-items: center; justify-content: space-between; width: 100%; }



@media screen and (max-width: 749px) {

  .predictive-search-form__header-inner { border-radius: var(--style-border-radius-inputs); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

}



.predictive-search-form__header-inner:focus-within { outline-offset: var(--focus-outline-offset); }



@media screen and (min-width: 750px) {

  .predictive-search-form__header-inner:focus-within { outline: var(--focus-outline-width) solid var(--color-primary); }

}



.predictive-search-form__header { display: flex; position: sticky; top: 0px; z-index: var(--layer-heightened); width: 100%; align-items: center; background-color: var(--color-input-background); border: var(--search-border-width) solid var(--color-border); border-radius: var(--style-border-radius-inputs); }



@media screen and (max-width: 749px) {

  .predictive-search-form__header { padding: var(--padding-2xs) var(--padding-sm); }

}



.predictive-search-form__header:focus-within, .predictive-search-form__header-inner:focus-within, .predictive-search-form__header-inner:has(.search-input:is(:focus, :focus-visible)) { outline: none; box-shadow: none; border-color: var(--color-border) !important; }



input.search-input { border-radius: var(--style-border-radius-inputs); padding-block: var(--padding-sm); font-size: var(--font-size--md); width: 100%; color: var(--color-foreground); padding-inline: calc(var(--margin-lg) + var(--icon-size-lg)) 0; background: transparent; text-overflow: ellipsis; overflow: hidden; outline: none; border: 0px; }



.search-input::placeholder { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.search-input, .search-input:is(:focus, :focus-visible, :focus-within), .predictive-search-form__header :is(:focus, :focus-visible) { outline: none; box-shadow: none; }



.search-input:hover { background-color: transparent; }



.predictive-search__icon { position: absolute; left: var(--margin-xl); top: auto; width: var(--icon-size-lg); height: var(--icon-size-lg); color: rgb(var(--color-foreground-rgb) / var(--opacity-60)); }



@media screen and (min-width: 750px) {

  .predictive-search__icon { left: var(--margin-md); }

}



.predictive-search__icon > svg { width: var(--icon-size-md); height: var(--icon-size-md); }



.predictive-search__reset-button { cursor: pointer; display: flex; align-items: center; justify-content: center; min-width: var(--minimum-touch-target); height: var(--minimum-touch-target); padding: 0px; margin-inline-end: var(--margin-md); background: transparent; color: var(--color-foreground); opacity: 0.68; transition: opacity var(--animation-speed-medium) var(--animation-timing-fade-out),visibility var(--animation-speed-medium) var(--animation-timing-fade-out); }



.predictive-search__reset-button:hover { color: var(--color-foreground); }



.predictive-search__reset-button:active { transform: scale(0.9); transition: transform .1s var(--animation-timing-active); }



@media screen and (min-width: 750px) {

  .predictive-search__reset-button { margin-inline-end: var(--margin-2xs); }

}



.predictive-search__reset-button[hidden] { opacity: 0; pointer-events: none; visibility: hidden; }



.predictive-search__reset-button-icon { display: flex; align-items: center; justify-content: center; width: var(--icon-size-lg); height: var(--icon-size-lg); transition: background-color var(--animation-speed-medium) ease-in-out,transform var(--animation-speed-medium) var(--animation-timing-bounce); border-radius: 50%; }



.predictive-search__reset-button-icon:hover { background-color: rgb(var(--color-primary-hover-rgb) / var(--opacity-8)); }



.predictive-search__reset-button:active .predictive-search__reset-button-icon { transform: scale(0.85); transition-timing-function: var(--animation-timing-active); transition-duration: 0.1s; }



.predictive-search__reset-button svg { width: var(--icon-size-md); height: var(--icon-size-md); }



.predictive-search__reset-button-text { display: none; }



.predictive-search__search-button { margin: auto; z-index: var(--layer-raised); transition: transform var(--animation-speed-medium) var(--animation-timing-bounce),box-shadow var(--animation-speed-medium) var(--animation-timing-hover); transform-origin: center center; }



.predictive-search__search-button:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgb(0 0 0 / var(--opacity-5)); }



.predictive-search__search-button:active { transform: scale(0.97); transition: transform .1s var(--animation-timing-active); box-shadow: none; }



.predictive-search__close-modal-button { --button-color: var(--color-foreground); --button-background-color: transparent; display: flex; justify-content: center; align-items: center; width: var(--minimum-touch-target); height: var(--minimum-touch-target); margin-inline-start: var(--margin-sm); padding: 0px; box-shadow: none; }



.predictive-search__close-modal-button:active { transform: scale(0.8); transition: transform .1s var(--animation-timing-active); }



.predictive-search__close-modal-button .svg-wrapper, .predictive-search__close-modal-button svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.predictive-search__close-modal-button:hover { --button-color: var(--color-foreground); --button-background-color: transparent; }



.search-action { --search-border-radius: var(--style-border-radius-inputs); --search-border-width: var(--style-border-width-inputs); display: flex; }



@media screen and (max-width: 749px) {

  .search-action--hidden-on-drawer { display: none; }

}



@media screen and (min-width: 750px) {

  [data-menu-style="drawer"] .search-action--hidden-on-drawer, [data-menu-style="menu"] .search-action--hidden-on-menu { display: none; }

}



@media screen and (min-width: 750px) {

  [data-menu-style="menu"] .header__column--left .search-action { margin-inline: calc(var(--padding-lg) * -1); }

}



@media screen and (min-width: 750px) {

  .header__column--right .search-action { margin-inline: calc(var(--gap-md) * -1) calc(var(--gap-xs) * -1); }

}



.section-wrapper { --section-height-offset: 0px; }



.section[data-shopify-visual-preview] { min-height: var(--section-preview-height); padding-top: 0px; }



.section[data-shopify-visual-preview] .custom-section-background { display: none; }



body:has(> #header-group > .header-section > #header-component[transparent]):not(:has(> #header-group > .header-section + .shopify-section)) > main > .section-wrapper:first-child { --section-height-offset: var(--header-group-height, 0); }



.custom-section-background { grid-column: 1 / -1; }



.custom-section-content { z-index: var(--layer-flat); }



slideshow-controls { flex-shrink: 0; display: flex; justify-content: space-between; scrollbar-width: none; min-height: var(--minimum-touch-target); grid-area: controls; }



slideshow-controls[controls-on-media] { position: absolute; bottom: 0px; }



slideshow-controls::-webkit-scrollbar { display: none; }



slideshow-controls button { --color: rgb(var(--color-foreground-rgb) / var(--opacity-30)); --color-active: var(--color-foreground); --color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50)); display: inline-block; height: var(--minimum-touch-target); width: var(--minimum-touch-target); cursor: pointer; }



slideshow-controls .icon { width: var(--icon-size-sm); height: var(--icon-size-xs); }



slideshow-controls[pagination-position="center"] { align-items: center; justify-content: center; }



slideshow-controls[pagination-position="center"][thumbnails] { width: 100%; }



slideshow-controls[pagination-position="center"]:not([controls-on-media], [thumbnails], [icons-on-media]) { justify-content: space-between; }



@media screen and (min-width: 750px) {

  slideshow-controls[thumbnails]:is([pagination-position="right"], [pagination-position="left"]) { display: flex; flex-direction: column; height: 0px; min-height: 100%; }

  slideshow-controls[thumbnails]:is([pagination-position="right"], [pagination-position="left"]) .slideshow-controls__thumbnails-container { overflow: hidden auto; }

  slideshow-controls[thumbnails]:is([pagination-position="right"], [pagination-position="left"]):not([controls-on-media]) .slideshow-controls__thumbnails-container { position: sticky; top: var(--sticky-header-offset, 0); }

  slideshow-controls[thumbnails]:is([pagination-position="right"], [pagination-position="left"]):not([controls-on-media]) .slideshow-controls__thumbnails { padding-block-start: var(--focus-outline-offset); }

  slideshow-controls:is([pagination-position="right"], [pagination-position="left"]) .slideshow-controls__thumbnails { flex-direction: column; }

  slideshow-controls:not([controls-on-media]):is([pagination-position="left"], [pagination-position="right"]) .slideshow-controls__thumbnails { padding-block: var(--padding-2xs); }

  slideshow-controls:not([controls-on-media])[pagination-position="right"] .slideshow-controls__thumbnails { padding-inline-end: var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset)); }

  slideshow-controls:not([controls-on-media])[pagination-position="left"] .slideshow-controls__thumbnails { padding-inline-start: var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset)); }

}



slideshow-controls:not([controls-on-media])[icons-on-media][pagination-position="right"] { justify-content: flex-end; }



slideshow-controls:not([controls-on-media])[icons-on-media][pagination-position="left"] { justify-content: flex-start; }



slideshow-controls[controls-on-media] { z-index: var(--layer-raised); }



slideshow-controls[controls-on-media]:has(.slideshow-controls__dots, .slideshow-controls__counter) { --color-foreground: #fff; --color-foreground-rgb: var(--color-white-rgb); }



slideshow-controls[controls-on-media][pagination-position="right"] { right: 0px; }



slideshow-controls[controls-on-media][pagination-position="left"] { left: 0px; }



slideshow-controls[controls-on-media][pagination-position="center"] { width: 100%; }



slideshow-controls[controls-on-media]:not([thumbnails])[pagination-position="left"] { width: fit-content; align-self: flex-start; }



slideshow-controls[controls-on-media]:not([thumbnails])[pagination-position="right"] { width: fit-content; align-self: flex-end; }



.slideshow-controls__arrows { display: flex; justify-content: space-between; height: var(--minimum-touch-target); grid-area: arrows; }



.slideshow-controls__arrows button { padding: 0 var(--padding-xs); }



.slideshow-controls__dots, .slideshow-controls__counter { display: inline-flex; justify-content: center; align-items: center; margin: 0px; list-style: none; }



:is(.slideshow-controls__dots, .slideshow-controls__counter) button { --color: rgb(var(--color-foreground-rgb) / var(--opacity-30)); --color-active: var(--color-foreground); --color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50)); }



slideshow-controls:has(.slideshow-controls__dots), slideshow-component[autoplay] slideshow-controls { mix-blend-mode: difference; }



.slideshow-controls__dots { gap: 0.6rem; padding: var(--padding-sm) var(--padding-lg); border-radius: 3rem; overflow: hidden; }



.slideshow-controls__dots button { --size: .56rem; display: flex; align-items: center; justify-content: center; width: calc(var(--size) * 2); height: calc(var(--size) * 2); margin: calc(var(--size) / -2); font-size: 0px; border-radius: calc(var(--size)); }



.slideshow-controls__dots button::after { content: ""; display: block; background-color: var(--color); height: var(--size); width: var(--size); border-radius: calc(var(--size) / 2); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1.5px inset; }



@supports not (view-timeline-axis: inline) {

  :is()[aria-selected="true"] { --color: var(--color-active); }

}



.slideshow-controls__dots button[aria-selected="true"] { --color: var(--color-active); }



.slideshow-controls__dots button[aria-selected="true"]::after { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 1.5px inset; }



:is(.slideshow-controls__dots, .slideshow-controls__counter):only-child { margin-inline: auto; }



.slideshow-controls__counter { color: var(--color-foreground); background-color: rgba(0, 0, 0, 0.4); width: auto; border-radius: 2rem; padding: .3rem var(--padding-sm); margin-inline: var(--margin-sm); backdrop-filter: blur(10px); font-variant-numeric: tabular-nums; font-size: var(--font-size--xs); }



.slideshow-controls__counter .slash { color: rgb(var(--color-foreground-rgb) / var(--opacity-40)); padding-inline: var(--padding-2xs); margin-block-start: -0.1rem; }



.slideshow-control[disabled] { opacity: 0.5; cursor: not-allowed; }



.slideshow-control--large .icon-caret { --icon-stroke-width: 1px; }



.slideshow-control--large .svg-wrapper, .slideshow-control--large svg { width: var(--slideshow-controls-icon); height: var(--slideshow-controls-icon); }



.slideshow-control.slideshow-control--shape-square, .slideshow-control.slideshow-control--shape-circle { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; background-color: var(--color-primary-button-background); color: var(--color-primary-button-text); }



.slideshow-control.slideshow-control--shape-circle { border-radius: 50%; }



.slideshow-control.slideshow-control--shape-square { border-radius: 0px; }



.slideshow-control .icon-caret { rotate: -90deg; }



.slideshow-controls__thumbnails-container { display: flex; width: 100%; max-height: 100%; overflow-x: scroll; scrollbar-width: none; }



.slideshow-controls__thumbnails { display: inline-flex; padding-inline: var(--slideshow-thumbnails-padding-inline, var(--padding-sm)); padding-block: var(--slideshow-thumbnails-padding-block, var(--padding-sm)); gap: var(--gap-xs); margin-inline: auto; height: fit-content; }



.slideshow-controls__thumbnails .slideshow-control { border-radius: var(--thumbnail-radius, var(--media-radius)); width: clamp(44px,7vw,var(--thumbnail-width)); height: auto; aspect-ratio: var(--aspect-ratio); }



.slideshow-controls__thumbnails .slideshow-control img { height: 100%; object-fit: cover; border-radius: var(--thumbnail-radius, var(--media-radius)); }



.slideshow-controls__thumbnails .slideshow-control:is([aria-selected="true"]) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: calc(var(--focus-outline-offset) / 2); border: var(--style-border-width) solid rgb(var(--color-border-rgb) / var(--media-border-opacity)); }



.slideshow-controls__thumbnail { position: relative; }



.slideshow-controls__thumbnail-badge { position: absolute; top: var(--padding-2xs); right: var(--padding-2xs); width: clamp(16px, 10%, 20px); height: clamp(16px, 10%, 20px); background-color: var(--color-background); border-radius: var(--style-border-radius-xs); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



.slideshow-controls__thumbnail-badge svg { width: 60%; height: 60%; fill: var(--color-foreground); opacity: 0.6; }



slideshow-slides { align-items: var(--slideshow-align-items, normal); }



.slideshow--stretch-content slideshow-slides > * { height: auto; }



.sorting-filter__container { display: flex; align-items: center; justify-content: space-between; padding-inline: var(--drawer-padding) 0; padding-block: var(--padding-sm); margin-inline-end: var(--margin-md); position: relative; }



.sorting-filter__container .facets__label { font-size: var(--font-h4--size); }



.sorting-filter__select-wrapper { display: flex; position: relative; border-radius: var(--variant-picker-button-radius); align-items: center; overflow: clip; padding: var(--padding-2xs) var(--padding-xs); }



.sorting-filter__select-wrapper:has(:focus-visible) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }



.sorting-filter__select-wrapper:has(:focus-visible) .sorting-filter__select { outline: none; }



.sorting-filter__container .sorting-filter__select { appearance: none; border: 0px; margin: 0px; cursor: pointer; width: 100%; padding-inline-end: var(--icon-size-2xs); text-align: right; text-align-last: right; }



.sorting-filter__select .icon { position: absolute; right: var(--padding-md); top: 50%; transform: translateY(-50%); width: var(--icon-size-2xs); height: var(--icon-size-2xs); pointer-events: none; }



@media screen and (min-width: 750px) {

  .sorting-filter { z-index: var(--facets-upper-z-index); }

}



.sorting-filter__options { display: grid; grid-template-rows: 0fr; opacity: 0; position: absolute; top: 100%; right: 0px; color: var(--color-foreground); z-index: var(--facets-upper-z-index); box-shadow: var(--shadow-popover); border: var(--style-border-popover); background-color: var(--color-background); border-radius: var(--style-border-radius-popover); width: max-content; min-width: var(--facets-panel-min-width); min-height: 0px; transition: grid-template-rows var(--animation-speed-slow) var(--animation-easing),opacity var(--animation-speed-slow) var(--animation-easing); }



details[open] .sorting-filter__options { opacity: 1; grid-template-rows: 1fr; }



.sorting-filter__options-inner { display: flex; flex-direction: column; grid-row: 1 / span 2; gap: var(--gap-sm); padding: calc(var(--drawer-padding) / 2); color: var(--color-foreground); overflow: clip; scrollbar-width: none; }



.sorting-filter__options-inner::-webkit-scrollbar { display: none; }



@media screen and (min-width: 750px) {

  .sorting-filter__options-inner { gap: 0px; }

}



.sorting-filter__option { cursor: pointer; display: grid; grid-template-columns: var(--icon-size-sm) 1fr; gap: var(--margin-2xs); align-items: center; min-width: 180px; max-width: 16em; padding: var(--padding-2xs) calc(var(--drawer-padding) / 2) var(--padding-2xs) var(--padding-2xs); }



.sorting-filter__option:hover { border-radius: calc(var(--style-border-radius-popover) / 2); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-8)); }



.sorting-filter__option:focus { border-radius: calc(var(--style-border-radius-popover) / 2); }



.sorting-filter__input { display: none; }



.sorting-filter__input:checked + .sorting-filter__checkmark + .sorting-filter__label { font-weight: 500; }



.sorting-filter__checkmark { visibility: hidden; }



:checked ~ .sorting-filter__checkmark { visibility: visible; }



.sorting-filter__label { cursor: pointer; pointer-events: none; }



@media screen and (max-width: 749px) {

  .facets-toggle--no-filters .sorting-filter__select-wrapper { padding-inline-start: 0px; }

}



.facets-mobile-wrapper .sorting-filter .facets__panel { padding-inline: 0px; position: relative; }



.facets-mobile-wrapper .sorting-filter .facets__status { display: none; }



.facets-mobile-wrapper:has(> :nth-child(2)) .sorting-filter .sorting-filter__options { left: 0px; right: unset; }



.facets-mobile-wrapper .sorting-filter .facets__label { margin-inline-end: var(--margin-2xs); font-size: var(--font-paragraph--size); color: var(--color-foreground-muted); }



@media screen and (max-width: 749px) {

  .facets-toggle .sorting-filter__container { padding: 0px; }

}



@media screen and (max-width: 749px) {

  .facets-toggle .sorting-filter__container .facets__label { display: none; }

}



@media screen and (max-width: 749px) {

  .facets-toggle .sorting-filter::before { display: none; }

}



@media screen and (min-width: 750px) {

  .facets--drawer .sorting-filter { display: none; }

}



:root { --text-align-default: left; }



[style*="--horizontal-alignment: center"] .text-block { --text-align-default: center; }



[style*="--horizontal-alignment: flex-end"] .text-block { --text-align-default: right; }



[style*="--horizontal-alignment: flex-start"] > .text-block { --text-align-default: left; }



[style*="--horizontal-alignment: center"] > .text-block { --text-align-default: center; }



[style*="--horizontal-alignment: flex-end"] > .text-block { --text-align-default: right; }



.text-block { width: var(--width); max-width: 100%; display: flex; flex-direction: column; align-items: var(--horizontal-alignment); }



.text-block > * { width: var(--width); max-inline-size: min(100%,var(--max-width, 100%)); text-align: var(--text-align, var(--text-align-default)); text-wrap: var(--text-wrap); }



.text-block:not(.text-block--full-width).rte, .text-block:not(.text-block--full-width).paragraph { text-wrap: pretty; }



.text-block:not(.text-block--full-width):is(.h1, .h2, .h3, .h4, .h5, .h6) { text-wrap: balance; }



.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a { text-decoration-color: transparent; }



.text-block h1, .text-block.h1 > * { margin-block: var(--font-h1--spacing); }



.text-block h2, .text-block.h2 > * { margin-block: var(--font-h2--spacing); }



.text-block h3, .text-block.h3 > * { margin-block: var(--font-h3--spacing); }



.text-block h4, .text-block.h4 > * { margin-block: var(--font-h4--spacing); }



.text-block h5, .text-block.h5 > * { margin-block: var(--font-h5--spacing); }



.text-block h6, .text-block.h6 > * { margin-block: var(--font-h6--spacing); }



.text-block p, .text-block.p > * { margin-block: var(--font-paragraph--spacing); }



.text-block > :first-child { margin-block-start: 0px; }



.text-block > :last-child { margin-block-end: 0px; }



.text-block--align-center, .text-block--align-center > * { margin-inline: auto; }



.text-block--align-right, .text-block--align-right > * { margin-inline-start: auto; }



.text-block--background { background-color: var(--text-background-color); border-radius: var(--text-corner-radius); padding-block-start: max(var(--text-padding),var(--padding-block-start, 0)); padding-block-end: max(var(--text-padding),var(--padding-block-end, 0)); padding-inline-start: max(var(--text-padding),var(--padding-inline-start, 0)); padding-inline-end: max(var(--text-padding),var(--padding-inline-end, 0)); }



.custom-color, .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *) { color: var(--color); }



.variant-picker, .variant-picker__form { width: 100%; }



.variant-picker[data-shopify-visual-preview] { min-width: 300px; padding-inline-start: max(4px,var(--padding-inline-start)); }



.variant-option__select-wrapper { display: flex; position: relative; border: var(--style-border-width-inputs) solid var(--color-border); border-radius: var(--style-border-radius-inputs); align-items: center; margin-top: var(--margin-2xs); overflow: clip; }



.variant-option__select-wrapper:has(.swatch) { --variant-picker-swatch-width: 20px; --variant-picker-swatch-height: 20px; }



.variant-option__select-wrapper:hover { border-color: var(--color-variant-hover-border); }



.variant-option__select:focus-visible { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }



.variant-option__select { padding-block: var(--padding-md); padding-inline: var(--padding-lg) calc(var(--padding-lg) + var(--icon-size-2xs)); appearance: none; border: 0px; width: 100%; margin: 0px; cursor: pointer; }



.variant-option__select-wrapper .icon { position: absolute; right: var(--padding-md); top: 50%; transform: translateY(-50%); width: var(--icon-size-2xs); height: var(--icon-size-2xs); pointer-events: none; }



.variant-option__select--has-swatch { padding-inline-start: calc((2 * var(--padding-sm)) + var(--variant-picker-swatch-width)); }



.variant-option__select-wrapper .swatch { position: absolute; top: 50%; left: var(--padding-md); transform: translateY(-50%); }



.variant-picker--center, .variant-picker--center .variant-option { text-align: center; align-items: center; justify-content: center; width: 100%; }



.variant-picker--right, .variant-picker--right .variant-option { text-align: right; justify-content: right; }



swatches-variant-picker-component { display: flex; width: 100%; flex-direction: row; justify-content: var(--product-swatches-alignment-mobile); --overflow-list-padding-block: calc( var(--product-swatches-padding-block-start) + var(--focus-outline-offset) + var(--focus-outline-width) ) calc(var(--product-swatches-padding-block-end) + var(--focus-outline-offset) + var(--focus-outline-width)); --overflow-list-padding-inline: calc( var(--product-swatches-padding-inline-start) + var(--focus-outline-offset) + (1.5 * var(--focus-outline-width)) ) calc(var(--product-swatches-padding-inline-end) + var(--focus-outline-offset) + var(--focus-outline-width)); }



@media (min-width: 750px) {

  swatches-variant-picker-component { justify-content: var(--product-swatches-alignment); }

}



swatches-variant-picker-component overflow-list::part(list) { gap: var(--gap-sm); }



.hidden-swatches__count { display: flex; align-self: center; align-items: center; justify-content: center; color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: transparent; padding: 0px; border: 0px; border-radius: 0px; }



.hidden-swatches__count::before { counter-reset: overflow-count var(--overflow-count); content: "+" counter(overflow-count); line-height: 1; cursor: pointer; }



.hidden-swatches__count:hover { color: var(--color-foreground-rgb); }



.video-interaction-hint { opacity: 0; transition: opacity 0.3s; z-index: var(--layer-flat); }



.video-interaction-hint:hover { opacity: 1; }



.volume-pricing-info { display: inline-flex; }



.volume-pricing-info__button { display: inline-flex; align-items: center; justify-content: center; width: var(--minimum-touch-target); height: var(--minimum-touch-target); color: var(--color-foreground-secondary); cursor: pointer; transition: color var(--animation-speed) var(--animation-easing); flex-shrink: 0; }



.volume-pricing-info__button:hover { color: var(--color-foreground); }



.volume-pricing-info__button .svg-wrapper { width: var(--icon-size-sm); height: var(--icon-size-sm); }



.volume-pricing-info__button--with-label { width: auto; gap: var(--gap-sm); }



.volume-pricing-info__popover { --volume-pricing-popover-max-width: 320px; --volume-pricing-popover-spacing: 8px; --volume-pricing-popover-viewport-margin: 16px; min-inline-size: 280px; max-inline-size: var(--volume-pricing-popover-max-width); background: var(--color-background); border: var(--style-border-popover); border-radius: var(--style-border-radius-popover, 0); box-shadow: var(--shadow-popover); overflow: hidden; padding: 0px; margin: 0px; transition-property: display, opacity, translate; transition-duration: 0.3s; transition-timing-function: var(--ease-out-quad); transition-behavior: allow-discrete; translate: 0px 20px; opacity: 0; }



.volume-pricing-info__popover { right: unset; bottom: unset; top: calc(anchor(bottom) + var(--volume-pricing-popover-spacing)); left: anchor(left); }



@supports (position-try-fallbacks: --top-left) {

  .volume-pricing-info__popover { position-try-fallbacks: --top-left; }

  @position-try --top-left { top: calc(anchor(top) - var(--volume-pricing-popover-spacing)); bottom: auto; }

}



@supports not (position-anchor: --volume-pricing-trigger) {

  .volume-pricing-info__popover { position: fixed; top: calc(var(--anchor-bottom) * 1px + var(--volume-pricing-popover-spacing)); left: max(var(--volume-pricing-popover-viewport-margin),min(var(--anchor-left) * 1px,100vw - var(--volume-pricing-popover-max-width) - var(--volume-pricing-popover-viewport-margin))); }

}



.volume-pricing-info__popover:popover-open { translate: 0px; opacity: 1; }



@starting-style {

  .volume-pricing-info__popover:popover-open { translate: 0px 20px; opacity: 0; }

}



.volume-pricing-info__rules { display: flex; flex-direction: column; gap: var(--gap-2xs); padding: var(--padding-md); font-size: var(--font-size--xs); }



.volume-pricing-info__rules, .volume-pricing-info__rules > span { color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.volume-pricing-info__table { display: flex; flex-direction: column; }



.volume-pricing-info__row { display: flex; justify-content: space-between; align-items: center; padding: var(--padding-sm) var(--padding-md); font-size: var(--font-size--sm); background: var(--color-background); border-inline-start: 3px solid transparent; transition: border-color var(--animation-speed) var(--animation-easing); }



.volume-pricing-info__row:nth-child(2n+1) { background: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



.volume-pricing-info__row--active { border-inline-start-color: var(--color-foreground); font-weight: var(--font-weight-medium); }



.volume-pricing-info__quantity { color: var(--color-foreground); }



.volume-pricing-info__price { display: flex; align-items: center; color: var(--color-foreground); }



.volume-pricing-info__checkmark { display: none; width: var(--icon-size-sm); height: var(--icon-size-sm); color: var(--color-primary); }



.volume-pricing-info__row--active .volume-pricing-info__checkmark { display: inline-flex; align-items: center; justify-content: center; }

@charset "utf-8";



* { box-sizing: border-box; }



body { color: var(--color-foreground); background: var(--color-background); display: flex; flex-direction: column; margin: 0px; min-height: 100svh; font-variation-settings: "slnt" 0; }



:root { --hover-lift-amount: 4px; --hover-scale-amount: 1.03; --hover-subtle-zoom-amount: 1.015; --hover-shadow-color: var(--color-shadow); --hover-transition-duration: 0.25s; --hover-transition-timing: ease-out; --surface-transition-duration: 0.3s; --surface-transition-timing: var(--ease-out-quad); --submenu-animation-speed: 360ms; --submenu-animation-easing: cubic-bezier(0.25, 0.1, 0.25, 1); }



html { scrollbar-width: thin; scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background); scroll-behavior: smooth; }



html[scroll-lock] { overflow: hidden; }



img, picture, video, canvas, svg { display: block; max-width: 100%; }



img { width: 100%; height: auto; }



input, textarea, select { font: inherit; border-radius: var(--style-border-radius-inputs); }



input:hover, textarea:hover { background-color: var(--color-input-hover-background); }



select { background-color: var(--color-background); color: currentcolor; }



.collection-card, .featured-blog-posts-card { width: 100%; position: relative; height: 100%; }



.resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio, .resource-list:not(.hidden--desktop) .blog-post-card--flexible-aspect-ratio {

  & .collection-card__image, & .featured-blog-posts-card__image, & .blog-placeholder-svg { aspect-ratio: 99 / 1; height: 100%; }

  & .collection-card__inner, & .featured-blog-posts-card__inner { display: flex; flex-direction: column; height: 100%; }

  & .collection-card__content, & .featured-blog-posts-card__content { flex-shrink: 0; }

  &:not(.collection-card--image-bg) .collection-card__content, & .featured-blog-posts-card__content { height: auto; }

}



.collection-card__inner, .featured-blog-posts-card__inner { width: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; z-index: var(--layer-flat); pointer-events: none; }



.collection-card__content, .featured-blog-posts-card__content { display: flex; position: relative; height: 100%; width: 100%; gap: var(--gap); }



.collection-card__link, .featured-blog-posts-card__link { position: absolute; inset: 0px; border-radius: var(--border-radius); }



.product-card, .collection-card, .resource-card, .predictive-search-results__card--product, .predictive-search-results__card { position: relative; transition: transform var(--hover-transition-duration) var(--hover-transition-timing),

    box-shadow var(--hover-transition-duration) var(--hover-transition-timing); z-index: var(--layer-flat); }



.product-card__link { position: absolute; inset: 0px; }



.product-card__content { position: relative; }



.product-card__content { cursor: pointer; }



.product-card__content slideshow-component { --cursor: pointer; }



.predictive-search-results__card .product-card, .predictive-search-results__card .collection-card, .predictive-search-results__card .resource-card { transition: none; will-change: auto; }



@media (any-pointer: fine) and (prefers-reduced-motion: no-preference) {

  .card-hover-effect-lift .product-card:hover, .card-hover-effect-lift .collection-card:hover, .card-hover-effect-lift .resource-card:hover, .card-hover-effect-lift .predictive-search-results__card:hover { transform: translateY(calc(-1 * var(--hover-lift-amount))); }

  .card-hover-effect-lift .header .product-card:hover, .card-hover-effect-lift .header .collection-card:hover, .card-hover-effect-lift .header .resource-card:hover, .card-hover-effect-lift .header-drawer .product-card:hover, .card-hover-effect-lift .header-drawer .collection-card:hover, .card-hover-effect-lift .header-drawer .resource-card:hover { transform: none; }

  .card-hover-effect-scale .product-card:hover, .card-hover-effect-scale .collection-card:hover, .card-hover-effect-scale .resource-card:hover, .card-hover-effect-scale .predictive-search-results__card:hover { transform: scale(var(--hover-scale-amount)); }

  .card-hover-effect-scale .header .product-card:hover, .card-hover-effect-scale .header .collection-card:hover, .card-hover-effect-scale .header .resource-card:hover, .card-hover-effect-scale .header-drawer .product-card:hover, .card-hover-effect-scale .header-drawer .collection-card:hover, .card-hover-effect-scale .header-drawer .resource-card:hover { transform: none; }

  .card-hover-effect-subtle-zoom .card-gallery, .card-hover-effect-subtle-zoom .collection-card__image, .card-hover-effect-subtle-zoom .product-card__image, .card-hover-effect-subtle-zoom .resource-card__image { overflow: hidden; transition: transform var(--hover-transition-duration) var(--hover-transition-timing); }

  .predictive-search-results__card .card-gallery, .predictive-search-results__card .collection-card__image, .predictive-search-results__card .product-card__image, .predictive-search-results__card .resource-card__image { transition: none; }

  .card-hover-effect-subtle-zoom .product-card:hover .card-gallery, .card-hover-effect-subtle-zoom .collection-card:hover .collection-card__image, .card-hover-effect-subtle-zoom .product-card:hover .product-card__image, .card-hover-effect-subtle-zoom .resource-card:hover .resource-card__image, .card-hover-effect-subtle-zoom .predictive-search-results__card:hover { transform: scale(var(--hover-subtle-zoom-amount)); }

  .card-hover-effect-subtle-zoom .header .product-card:hover .card-gallery, .card-hover-effect-subtle-zoom .header .collection-card:hover .collection-card__image, .card-hover-effect-subtle-zoom .header .product-card:hover .product-card__image, .card-hover-effect-subtle-zoom .header .resource-card:hover .resource-card__image, .card-hover-effect-subtle-zoom .header-drawer .product-card:hover .card-gallery, .card-hover-effect-subtle-zoom .header-drawer .collection-card:hover .collection-card__image, .card-hover-effect-subtle-zoom .header-drawer .product-card:hover .product-card__image, .card-hover-effect-subtle-zoom .header-drawer .resource-card:hover .resource-card__image { transform: none; }

  .predictive-search-results__card .product-card:hover, .predictive-search-results__card .collection-card:hover, .predictive-search-results__card .resource-card:hover, .header .product-card:hover, .header .collection-card:hover, .header .resource-card:hover, .header-drawer .product-card:hover, .header-drawer .collection-card:hover, .header-drawer .resource-card:hover { transform: none; box-shadow: none; }

}



dialog { --backdrop-color-rgb: var(--color-shadow-rgb); background-color: var(--color-background); color: var(--color-foreground); }



p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }



.wrap-text { overflow-wrap: break-word; word-break: break-word; hyphens: auto; }



p:empty { display: none; }



:first-child:is(p, h1, h2, h3, h4, h5, h6), :first-child:empty + :where(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0px; }



:last-child:is(p, h1, h2, h3, h4, h5, h6), :where(p, h1, h2, h3, h4, h5, h6):nth-child(2):has(+ :last-child:empty) { margin-block-end: 0px; }



@media (prefers-reduced-motion: no-preference) {

  @view-transition { navigation: auto; }

  :root { view-transition-name: none; }

  html:active-view-transition-type(page-navigation), html:active-view-transition-type(product-image-transition) { view-transition-name: root-custom; }

  ::view-transition { pointer-events: none; }

  html:active-view-transition-type(page-navigation) main[data-page-transition-enabled="true"] { view-transition-name: main-content; }

  html:active-view-transition-type(page-navigation) main[data-product-transition="true"][data-template*="product"] { view-transition-name: none; }

  ::view-transition-old(main-content) { animation: var(--view-transition-old-main-content); }

  ::view-transition-new(main-content) { animation: var(--view-transition-new-main-content); }

  html:active-view-transition-type(product-image-transition) {

  & [data-view-transition-type="product-image-transition"] { view-transition-name: product-image-transition; }

  & [data-view-transition-type="product-details"] { view-transition-name: product-details; }

}

  ::view-transition-group(product-image-transition) { z-index: 1; }

  ::view-transition-group(product-image-transition), ::view-transition-group(product-details) { animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); }

  ::view-transition-old(product-image-transition), ::view-transition-new(product-image-transition) { block-size: 100%; overflow: hidden; object-fit: cover; animation-duration: 0.25s; animation-timing-function: var(--animation-easing); }

  ::view-transition-new(product-details) { animation: var(--view-transition-new-main-content); }

}



:focus-visible { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }



@supports not selector(:focus-visible) {

  :focus { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }

}



.focus-inset { outline-offset: calc(var(--focus-outline-width) * -1); }



.content-for-layout { flex: 1 1 0%; }



.page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: 16px; }



@media screen and (min-width: 750px) {

  .page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content { --page-margin: 40px; }

}



.page-width-wide { --page-content-width: var(--wide-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }



.page-width-normal { --page-content-width: var(--normal-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }



.page-width-narrow, .page-width-content { --page-content-width: var(--narrow-page-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }



.page-width-content { --page-content-width: var(--normal-content-width); --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2)); }



.section { --full-page-grid-central-column-width: min(

    var(--page-width) - var(--page-margin) * 2,

    calc(100% - var(--page-margin) * 2)

  ); --full-page-grid-margin: minmax(var(--page-margin), 1fr); --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width)

    var(--full-page-grid-margin); --util-page-margin-offset: max(

    var(--page-margin),

    calc((100% - min(var(--page-content-width), 100% - var(--page-margin) * 2)) / 2)

  ); --full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1); width: 100%; position: relative; display: grid; grid-template-columns: var(--full-page-grid-with-margins); min-height: var(--section-min-height, 'auto'); }



.section > * { grid-column: 2; }



.shopify-section:not(.header-section) :is(.section, .cart__summary-container) { background: transparent; }



.shopify-section:not(.header-section):has(.section) { position: relative; }



.shopify-section:not(.header-section) .section-background { content: ""; position: absolute; inset: 0px; z-index: var(--layer-section-background); }



.section--page-width > * { grid-column: 2; }



.section--full-width > * { grid-column: 1 / -1; }



@media screen and (max-width: 749px) {

  .section--mobile-full-width > * { grid-column: 1 / -1; }

}



.section--page-width.section--full-width-right > * { grid-column: 2 / 4; }



.section--full-width.section--full-width-margin > * {

  grid-column: 1 / -1;

  @media screen and (min-width: 750px) {

  padding-left: var(--page-margin); padding-right: var(--page-margin);

}

}



.section > .force-full-width { grid-column: 1 / -1; }



.section--height-small { --section-min-height: var(--section-height-small); }



.section--height-medium { --section-min-height: var(--section-height-medium); }



.section--height-large { --section-min-height: var(--section-height-large); }



.section--height-full-screen { --section-min-height: 100svh; }



.section-content-wrapper.section-content-wrapper { min-height: calc(var(--section-min-height, 'auto') - var(--section-height-offset, 0px)); position: relative; width: 100%; height: 100%; }



.hidden { display: none !important; }



@media screen and (max-width: 749px) {

  .hidden--mobile, .mobile\:hidden { display: none !important; }

}



@media screen and (min-width: 750px) {

  .hidden--desktop, .desktop\:hidden { display: none !important; }

}



.hide-when-empty:empty { display: none !important; }



.visually-hidden:not(:focus, :active) { overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; overflow-wrap: normal !important; }



@media screen and (max-width: 749px) {

  .is-visually-hidden-mobile:not(:focus, :active) { overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; clip: rect(0px, 0px, 0px, 0px); position: absolute !important; overflow-wrap: normal !important; }

}



.contents { display: contents; }



.flex { display: flex; gap: var(--gap-md); }



.grid { --centered-column-number: 12; --full-width-column-number: 14; --centered: column-1 / span var(--centered-column-number); --full-width: column-0 / span var(--full-width-column-number); display: flex; flex-direction: column; }



@media screen and (min-width: 750px) {

  .grid { display: grid; gap: 0px; grid-template-columns: var(--margin-4xl) repeat(var(--centered-column-number), minmax(0, 1fr)) var(--margin-4xl); grid-template-areas: "column-0 column-1 column-2 column-3 column-4 column-5 column-6 column-7 column-8 column-9 column-10 column-11 column-12 column-13"; }

}



@media screen and (min-width: 1400px) {

  .grid { grid-template-columns: 1fr repeat(

        var(--centered-column-number),

        minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))

      )

      1fr; }

}



.flex { display: flex; gap: var(--gap-md); }



.flip-x { scale: -1 1; }



.flip-y { scale: 1 -1; }



.list-unstyled { margin: 0px; padding: 0px; list-style: none; }



.skip-to-content-link { position: absolute; overflow: hidden; height: 1px; left: -99999px; overflow-wrap: normal !important; }



.skip-to-content-link:focus { z-index: var(--layer-temporary); overflow: auto; width: auto; height: auto; padding: var(--padding-lg) var(--padding-4xl); left: var(--margin-lg); top: var(--margin-lg); background-color: var(--color-background); box-shadow: 0 0 0 var(--focus-outline-offset) var(--color-background); }



.text-left { --text-align: left; text-align: left; }



.text-center { --text-align: center; text-align: center; }



.text-right { --text-align: right; text-align: right; }



.text-inherit { color: inherit; }



.user-select-text { user-select: text; }



.justify-left { justify-content: left; }



.justify-center { justify-content: center; }



.justify-right { justify-content: right; }



.title--aligned-center { display: flex; align-items: center; gap: 1rem; }



.background-image-container { overflow: hidden; position: absolute; inset: 0px; opacity: var(--image-opacity); }



.background-image-container img, .background-image-container svg { object-fit: cover; width: 100%; height: 100%; }



.background-image-fit img, .background-image-fit svg { object-fit: contain; }



.svg-wrapper { color: currentcolor; display: inline-flex; justify-content: center; align-items: center; width: var(--icon-size-sm); height: var(--icon-size-sm); pointer-events: none; }



.svg-wrapper--smaller { width: var(--icon-size-2xs); height: var(--icon-size-2xs); }



.svg-wrapper--small { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.svg-wrapper > svg { width: var(--icon-size-sm); height: var(--icon-size-sm); }



.relative { position: relative; }



.icon-success, .icon-error { width: var(--icon-size-md); height: var(--icon-size-md); flex-shrink: 0; }



.icon-success { color: var(--color-success); }



.icon-error { fill: var(--color-error); }



.icon-default { fill: currentcolor; }



[data-placeholder="true"] * { cursor: default; }



slideshow-component [data-placeholder="true"] * { cursor: grab; }



body, .paragraph:not(.button), .paragraph > *, .text-block.paragraph :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); text-transform: var(--font-paragraph--case); -webkit-font-smoothing: antialiased; color: var(--color, var(--color-foreground)); }



@media screen and (max-width: 1200px) {

  input.paragraph.paragraph, input.paragraph.paragraph:not([type]), textarea.paragraph.paragraph, select.paragraph.paragraph { font-size: max(1rem, var(--font-paragraph--size)); }

}



.paragraph > small { font-size: smaller; }



h1, .h1.h1, .text-block.h1 > *, .text-block.h1 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h1--family); font-style: var(--font-h1--style); font-weight: var(--font-h1--weight); font-size: var(--font-h1--size); line-height: var(--font-h1--line-height); letter-spacing: var(--font-h1--letter-spacing); text-transform: var(--font-h1--case); color: var(--color, var(--font-h1-color)); }



@media screen and (max-width: 1200px) {

  input.h1.h1, textarea.h1.h1, select.h1.h1 { font-size: max(1rem, var(--font-h1--size)); }

}



h2, .h2.h2, .text-block.h2 > *, .text-block.h2 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h2--family); font-style: var(--font-h2--style); font-weight: var(--font-h2--weight); font-size: var(--font-h2--size); line-height: var(--font-h2--line-height); letter-spacing: var(--font-h2--letter-spacing); text-transform: var(--font-h2--case); color: var(--color, var(--font-h2-color)); }



@media screen and (max-width: 1200px) {

  input.h2.h2, textarea.h2.h2, select.h2.h2 { font-size: max(1rem, var(--font-h2--size)); }

}



h3, .h3, .h3.h3, .text-block.h3 > *, .text-block.h3 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h3--family); font-style: var(--font-h3--style); font-weight: var(--font-h3--weight); font-size: var(--font-h3--size); line-height: var(--font-h3--line-height); letter-spacing: var(--font-h3--letter-spacing); text-transform: var(--font-h3--case); color: var(--color, var(--font-h3-color)); }



@media screen and (max-width: 1200px) {

  input.h3, textarea.h3, select.h3 { font-size: max(1rem, var(--font-h3--size)); }

}



h4, .h4.h4, .text-block.h4 > *, .text-block.h4 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h4--family); font-style: var(--font-h4--style); font-weight: var(--font-h4--weight); font-size: var(--font-h4--size); line-height: var(--font-h4--line-height); letter-spacing: var(--font-h4--letter-spacing); text-transform: var(--font-h4--case); color: var(--color, var(--font-h4-color)); }



@media screen and (max-width: 1200px) {

  input.h4.h4, textarea.h4.h4, select.h4.h4 { font-size: max(1rem, var(--font-h4--size)); }

}



h5, .h5.h5, .text-block.h5 > *, .text-block.h5 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h5--family); font-style: var(--font-h5--style); font-weight: var(--font-h5--weight); font-size: var(--font-h5--size); line-height: var(--font-h5--line-height); letter-spacing: var(--font-h5--letter-spacing); text-transform: var(--font-h5--case); color: var(--color, var(--font-h5-color)); }



@media screen and (max-width: 1200px) {

  input.h5.h5, textarea.h5.h5, select.h5.h5 { font-size: max(1rem, var(--font-h5--size)); }

}



h6, .h6.h6, .text-block.h6 > *, .text-block.h6 :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-h6--family); font-style: var(--font-h6--style); font-weight: var(--font-h6--weight); font-size: var(--font-h6--size); line-height: var(--font-h6--line-height); letter-spacing: var(--font-h6--letter-spacing); text-transform: var(--font-h6--case); color: var(--color, var(--font-h6-color)); }



@media screen and (max-width: 1200px) {

  input.h6.h6, textarea.h6.h6, select.h6.h6 { font-size: max(1rem, var(--font-h6--size)); }

}



:first-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-start: 0px; }



:last-child:is(.h1, .h2, .h3, .h4, .h5, .h6) { margin-block-end: 0px; }



a { --button-color: var(--color, var(--color-primary)); color: var(--button-color); text-decoration-color: transparent; text-decoration-thickness: 0.075em; text-underline-offset: 0.125em; transition: text-decoration-color var(--animation-speed) var(--animation-easing),

    color var(--animation-speed) var(--animation-easing); }



:is(h1, h2, h3, h4, h5, h6, p) > a:hover { --button-color: var(--color, var(--color-primary-hover)); }



p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)), .rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)) {

  text-decoration-color: currentcolor;

  &:hover { text-decoration-color: transparent; color: var(--color-primary-hover); }

}



.container-background-image { background-repeat: no-repeat; background-size: cover; background-position: center center; }



details[open] .summary-closed { display: none; }



details:not([open]) .summary-open { display: none; }



details[open] > summary .icon-animated > svg { transform: rotate(180deg); }



summary::-webkit-details-marker { display: none; }



body:has(.header[transparent]) .content-for-layout > .shopify-section:first-child { margin-top: calc(var(--header-group-height) * -1); }



body:has(.header[transparent]) #header-group > .header-section { z-index: var(--layer-sticky); }



body:has(.header[transparent]) #header-group > :not(.header-section) { z-index: calc(var(--layer-sticky) - 1); }



.featured-collection-block { width: 100%; }



.product-grid-container {

  display: block; width: 100%; padding-block: var(--padding-block-start) var(--padding-block-end);

  @media screen and (min-width: 750px) {

  display: grid;

}

}



.product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--product-grid-gap); margin: auto; padding: 0px; list-style: none; }



@media screen and (min-width: 750px) {

  .product-grid { grid-template-columns: var(--product-grid-columns-desktop); }

}



.product-grid :is(h3, p) { margin: 0px; }



.product-grid__item { border: var(--product-card-border-width) solid rgb(var(--color-border-rgb) / var(--product-card-border-opacity)); }



.product-grid--organic[product-grid-view="default"] .product-grid__item { height: fit-content; }



.product-grid__card.product-grid__card { display: flex; flex-flow: column; gap: var(--product-card-gap); align-items: var(--product-card-alignment); text-decoration: none; color: var(--color, var(--color-foreground)); padding-block: var(--padding-block-start) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); overflow: hidden; }



[product-grid-view="zoom-out"] .product-grid__card { row-gap: var(--padding-xs); }



[product-grid-view="default"] { --product-grid-gap: 16px; --padding-block-start: 24px; --padding-block-end: 24px; --padding-inline-start: 0px; --padding-inline-end: 0px; }



[product-grid-view="default"] .product-grid__item { padding-block: 0px; }



[product-grid-view="mobile-single"], .product-grid-mobile--large {

  @media screen and (max-width: 749px) {

  grid-template-columns: 1fr;

}

}



.product-grid__card .group-block > * {

  @media screen and (max-width: 749px) {

  flex-direction: column;

}

}



ul[product-grid-view="zoom-out"] .product-grid__card > * { display: none; }



ul[product-grid-view="zoom-out"] .product-grid__card .card-gallery { display: block; }



[product-grid-view="zoom-out"] .card-gallery > :is(quick-add-component, .product-badges, slideshow-component > slideshow-controls) { display: none; }



ul[product-grid-view="zoom-out"] .card-gallery > img { display: block; }



[product-grid-view="zoom-out"] { --product-grid-columns-desktop: repeat(

    10,

    minmax(clamp(50px, calc(100% - 9 * var(--product-grid-gap)) / 10, 80px), 1fr)

  ); }



.product-grid-view-zoom-out--details { display: none; }



.product-grid-view-zoom-out--details .h4, .product-grid-view-zoom-out--details span, .product-grid-view-zoom-out--details s { font-size: var(--font-size--xs); font-family: var(--font-paragraph--family); }



.product-grid-view-zoom-out--details span { font-weight: 500; }



.product-grid-view-zoom-out--details .h4 { line-height: 1.3; font-weight: 400; }



.product-grid-view-zoom-out--details > span.h6, .product-grid-view-zoom-out--details > div.h6 > product-price { display: inline-block; line-height: 0; margin-top: var(--margin-2xs); }



.product-grid-view-zoom-out--details > span.h6 > *, .product-grid-view-zoom-out--details > div.h6 > * > * { line-height: 1.2; }



@media (prefers-reduced-motion: no-preference) {

  :root:active-view-transition-type(product-grid) {

  & details[open] floating-panel-component {

  view-transition-name: panel-content;

  & .checkbox *, & .facets__pill-label { transition: none; }

  .facets--vertical & { view-transition-name: none; }

}

  & .product-grid { view-transition-name: product-grid; }

  & footer { view-transition-name: footer; }

  & .product-grid__item, & floating-panel-component { transition: none; }

}

}



::view-transition-group(panel-content) { z-index: 1; }



::view-transition-new(product-grid) { animation-delay: 150ms; animation-name: fadeInUp; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); }



results-list[initialized] {

  & .product-grid__item {

  transition: opacity var(--animation-speed) var(--animation-easing),

      transform var(--animation-speed) var(--animation-easing);

  @starting-style {

  opacity: 0; transform: translateY(10px);

}

}

}



@keyframes fadeInUp { 

  0% { opacity: 0; transform: translateY(10px); }

  100% { opacity: 1; transform: translateY(0px); }

}



:is(.product-grid__item, .resource-list__item) .product-card { display: grid; height: 100%; }



.video-background, .video-background * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }



.video-background--cover * { object-fit: cover; }



.video-background--contain * { object-fit: contain; }



.text-block { width: 100%; }



.text-block > :first-child, .text-block > :first-child:empty + * { margin-block-start: 0px; }



.text-block > :last-child, .text-block > :has(+ :last-child:empty) { margin-block-end: 0px; }



.text-block > style + * { margin-block-start: 0px; }



.dialog-modal {

  border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: var(--shadow-popover);

  @media screen and (min-width: 750px) {

  border-radius: var(--style-border-radius-popover); max-width: var(--normal-content-width);

}

  @media screen and (max-width: 749px) {

  max-width: 100%; max-height: 100%; height: 100dvh; width: 100dvw; padding: var(--padding-md);

}

}



.dialog-modal::backdrop { transition: backdrop-filter var(--animation-speed) var(--animation-easing); backdrop-filter: brightness(1); background: rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity)); }



.dialog-modal[open] {

  animation: elementSlideInTop var(--animation-speed) var(--animation-easing) forwards;

  &::backdrop { animation: backdropFilter var(--animation-speed) var(--animation-easing) forwards; transition: opacity var(--animation-speed) var(--animation-easing); }

}



.dialog-modal.dialog-closing {

  animation: elementSlideOutTop var(--animation-speed) var(--animation-easing) forwards;

  &::backdrop { opacity: 0; }

}



.dialog-drawer { --dialog-drawer-opening-animation: move-and-fade; --dialog-drawer-closing-animation: move-and-fade; }



.dialog-drawer--right { --dialog-drawer-opening-animation: move-and-fade; --dialog-drawer-closing-animation: move-and-fade; }



.dialog-drawer[open] { --start-x: var(--custom-transform-from, 100%); --end-x: var(--custom-transform-to, 0px); --start-opacity: 1; animation: var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards; }



.dialog-drawer[open].dialog-closing { --start-x: 0px; --end-x: 100%; --start-opacity: 1; --end-opacity: 1; animation: var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing); }



.dialog-drawer--right[open] { --start-x: -100%; --start-opacity: 1; }



.dialog-drawer--right[open].dialog-closing { --start-x: 0px; --end-x: -100%; --start-opacity: 1; --end-opacity: 1; animation: var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing); }



.button, .button-secondary, button.shopify-payment-button__button--unbranded { --text-align: center; display: grid; align-content: center; text-decoration: none; text-align: var(--text-align); color: var(--button-color); appearance: none; background-color: var(--button-background-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-weight: var(--font-paragraph--weight); font-size: var(--font-paragraph--size); line-height: var(--font-paragraph--line-height); margin-block: 0px; transition: color var(--animation-speed) var(--animation-easing),

    box-shadow var(--animation-speed) var(--animation-easing),

    background-color var(--animation-speed) var(--animation-easing); cursor: pointer; width: fit-content; box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color); padding-block: var(--button-padding-block); padding-inline: var(--button-padding-inline); }



.button { font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); border-radius: var(--style-border-radius-buttons-primary); }



.button:not(.button-secondary, .button-unstyled) { outline-color: var(--button-background-color); }



.button-secondary { font-family: var(--button-font-family-secondary); text-transform: var(--button-text-case-secondary); border-radius: var(--style-border-radius-buttons-secondary); }



button.shopify-payment-button__button--unbranded { font-family: var(--button-font-family-primary); text-transform: var(--button-text-case-primary); }



textarea, input:not([type="checkbox"], [type="radio"]) { background-color: var(--color-input-background); border-color: var(--color-input-border); }



textarea::placeholder, input::placeholder { color: var(--color-input-text); }



textarea:not(:placeholder-shown)::placeholder, input:not(:placeholder-shown)::placeholder { opacity: 0; }



.button[hidden] { display: none; }



.button[aria-disabled="true"], .button-secondary[aria-disabled="true"], .button:disabled { opacity: 0.5; cursor: not-allowed; }



.button, button.shopify-payment-button__button--unbranded { --button-color: var(--color-primary-button-text); --button-background-color: var(--color-primary-button-background); --button-border-color: var(--color-primary-button-border); --button-border-width: var(--style-border-width-primary); }



.button:hover, button.shopify-payment-button__button--unbranded:hover:not([disabled]) { --button-color: var(--color-primary-button-hover-text); --button-background-color: var(--color-primary-button-hover-background); --button-border-color: var(--color-primary-button-hover-border); }



.button-secondary { --button-color: var(--color-secondary-button-text); --button-background-color: var(--color-secondary-button-background); --button-border-color: var(--color-secondary-button-border); --button-border-width: var(--style-border-width-secondary); }



.button-secondary:hover { --button-color: var(--color-secondary-button-hover-text); --button-background-color: var(--color-secondary-button-hover-background); --button-border-color: var(--color-secondary-button-hover-border); }



button.shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: var(--button-background-color); }



.button-unstyled { display: block; padding: 0px; background-color: inherit; color: inherit; border: 0px; border-radius: 0px; overflow: hidden; box-shadow: none; font-family: var(--font-paragraph--family); font-style: var(--font-paragraph--style); font-size: var(--font-paragraph--size); }



.button-unstyled:hover { background-color: inherit; }



.button-unstyled--with-icon { color: var(--color-foreground); display: flex; gap: var(--gap-2xs); align-items: center; }



.button-unstyled--transparent { background-color: transparent; box-shadow: none; }



.show-more__button { color: var(--color-primary); cursor: pointer; }



.show-more__button:hover {

  @media screen and (min-width: 750px) {

  color: var(--color-primary-hover);

}

}



.show-more__label { text-align: start; font-size: var(--font-size--body-md); font-family: var(--font-paragraph--family); }



.show-more__button .svg-wrapper { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.show-more[data-expanded="true"] .show-more__label--more, .show-more[data-expanded="false"] .show-more__label--less { display: none; }



.link { display: inline-block; text-align: center; }



shopify-accelerated-checkout, shopify-accelerated-checkout-cart { --shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-primary); --shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons); }



.product-form-buttons:has(.add-to-cart-button.button-secondary) :is(shopify-accelerated-checkout, shopify-accelerated-checkout-cart) { --shopify-accelerated-checkout-button-border-radius: var(--style-border-radius-buttons-secondary); --shopify-accelerated-checkout-button-block-size: var(--height-buy-buttons); }



.icon-caret svg { transition: transform var(--animation-speed) var(--animation-easing); }



.icon-caret--forward svg { transform: rotate(-90deg); }



.icon-caret--backward svg { transform: rotate(90deg); }



summary { display: flex; align-items: center; cursor: pointer; list-style: none; padding-block: var(--padding-sm); }



summary:hover { color: var(--color-primary-hover); }



summary .svg-wrapper { margin-inline-start: auto; height: var(--icon-size-xs); width: var(--icon-size-xs); transition: transform var(--animation-speed) var(--animation-easing); }



summary .icon-plus :is(.horizontal, .vertical), .show-more__button .icon-plus :is(.horizontal, .vertical) { transition: transform var(--animation-speed) var(--animation-easing); transform: rotate(0deg); transform-origin: 50% 50%; opacity: 1; }



details[open] > summary .icon-plus .horizontal, .details-open > summary .icon-plus .horizontal, .show-more:where([data-expanded="true"]) .show-more__button .icon-plus .horizontal { transform: rotate(90deg); }



details[open] > summary .icon-plus .vertical, .details-open > summary .icon-plus .vertical, .show-more:where([data-expanded="true"]) .show-more__button .icon-plus .vertical { transform: rotate(90deg); opacity: 0; }



media-gallery { display: block; width: 100%; }



:where(media-gallery, .product-grid__item) {

  & .media-gallery__grid { grid-template-columns: 1fr; gap: var(--image-gap); }

}



.product-media-gallery__slideshow--single-media slideshow-container {

  @media screen and (max-width: 749px) {

  grid-area: unset;

}

}



:not(.dialog-zoomed-gallery) > .product-media-container {

  --slide-width: 100%; display: flex; aspect-ratio: var(--gallery-aspect-ratio, var(--media-preview-ratio)); max-height: var(--constrained-height); width: var(--slide-width, 100%); position: relative; overflow: hidden;

  &:where(.constrain-height) { --viewport-offset: 400px; --constrained-min-height: 300px; --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset))); margin-right: auto; margin-left: auto; }

  @supports (--test: round(up, 100%, 1px)) {

  --slide-width: round(up, 100%, 1px);

}

}



media-gallery:where(.media-gallery--grid) .media-gallery__grid { display: none; }



media-gallery.media-gallery--grid .media-gallery__grid .product-media-container { height: 100%; }



.product-media :is(deferred-media, product-model) { position: absolute; }



@media screen and (max-width: 749px) {

  .product-media-container.constrain-height { max-height: none; }

}



@media screen and (min-width: 750px) {

  .product-media-container.constrain-height { --viewport-offset: var(--header-height, 100px); --constrained-min-height: 500px; }

  body:has(header-component[transparent]) .product-media-container.constrain-height { --viewport-offset: 0px; }

  .media-gallery--two-column .media-gallery__grid { grid-template-columns: repeat(2, 1fr); }

  .media-gallery--large-first-image .product-media-container:first-child, .media-gallery--two-column .product-media-container:only-child { grid-column: span 2; }

  media-gallery:is(.media-gallery--grid) slideshow-component { display: none; }

  media-gallery:where(.media-gallery--grid) .media-gallery__grid { display: grid; }

}



.product-media-container--model { flex-direction: column; }



.shopify-model-viewer-ui__controls-area { bottom: calc(var(--minimum-touch-target) + var(--padding-sm)); }



.product-media-container img { aspect-ratio: inherit; object-fit: contain; }



.product-media-container.media-fit-contain img { object-position: center center; }



.product-media-container.media-fit {

  --product-media-fit: cover;

  & img { object-fit: var(--product-media-fit); }

}



.product-media-container__zoom-button {

  position: absolute; width: 100%; height: 100%; z-index: var(--layer-flat); cursor: zoom-in; background-color: transparent;

  &:hover { background-color: transparent; }

}



zoom-dialog dialog {

  width: 100vw; height: 100vh; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; max-width: 100%; max-height: 100%; background: rgb(255, 255, 255); opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing); scrollbar-width: none;

  &[open] { opacity: 1; }

  @media (prefers-reduced-motion: no-preference) {

  scroll-behavior: smooth;

}

  &::backdrop { background: transparent; }

}



.close-button { position: fixed; top: var(--margin-lg); right: var(--margin-lg); width: var(--minimum-touch-target); height: var(--minimum-touch-target); z-index: var(--layer-flat); background-color: transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%; }



@supports not (background-color: rgb(from red 150 g b / alpha)) {

  .close-button:focus-visible { outline: none; overflow: visible; }

  .close-button:focus-visible::after { content: ""; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline-width) solid currentColor; border-radius: 50%; display: inherit; }

}



.dialog--closed .close-button { animation: elementSlideOutBottom calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards; }



.dialog-thumbnails-list-container { position: fixed; width: 100%; bottom: 0px; display: flex; z-index: var(--layer-raised); }



.dialog-thumbnails-list { --active-thumbnail-border-color: rgb(var(--color-border-rgb) / var(--media-border-opacity)); position: relative; display: inline-flex; flex-direction: row; gap: 8px; bottom: 0px; overflow-x: auto; opacity: 0; padding: var(--padding-lg); margin-inline: auto; scrollbar-width: none; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--animation-speed) * 1.5); }



.dialog--closed .dialog-thumbnails-list { animation: thumbnailsSlideOutBottom var(--animation-speed) var(--animation-easing) forwards; }



@media screen and (min-width: 750px) {

  .dialog-thumbnails-list { position: fixed; flex-direction: column; top: ; bottom: ; left: ; right: 0px; max-height: calc(-200px + 100vh); overflow-y: auto; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--spring-d220-b0-duration) * 0.5); }

  .dialog--closed .dialog-thumbnails-list { animation: thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards; }

}



.dialog-thumbnails-list__thumbnail {

  width: var(--thumbnail-width); height: auto; transition: transform var(--animation-speed) var(--animation-easing); flex-shrink: 0; border-radius: var(--media-radius);

  & img { height: 100%; object-fit: cover; border-radius: var(--media-radius); aspect-ratio: var(--aspect-ratio); }

  &:is([aria-selected="true"]) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: calc(var(--focus-outline-offset) / 2); border: var(--style-border-width) solid var(--active-thumbnail-border-color); }

}



@supports (anchor-name: --test) {

  .dialog-thumbnails-list:has(.dialog-thumbnails-list__thumbnail:is([aria-selected="true"]))::after { --inset-offset: calc(var(--focus-outline-offset) / 2); content: ""; position: absolute; inset: anchor(top) anchor(right) anchor(bottom) anchor(left); position-anchor: --selected-thumbnail; outline: var(--focus-outline-width) solid currentcolor; outline-offset: calc(var(--focus-outline-offset) / 2); border: var(--style-border-width) solid var(--active-thumbnail-border-color); border-radius: var(--media-radius); z-index: var(--layer-raised); }

  @media (prefers-reduced-motion: no-preference) {

  .dialog-thumbnails-list:has(.dialog-thumbnails-list__thumbnail:is([aria-selected="true"]))::after { transition-property: inset; transition-duration: var(--spring-d180-b0-duration); transition-timing-function: var(--spring-d180-b0-easing); }

}

  .dialog-thumbnails-list__thumbnail:is([aria-selected="true"]) { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; anchor-name: --selected-thumbnail; }

}



.close-button:hover { background-color: transparent; opacity: 0.8; }



.close-button svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }



.product-media { display: flex; flex: 1 1 0%; }



.product-media__image ~ * .deferred-media__poster-image { display: none; }



.product-media-container:has(.deferred-media__playing) .product-media__image { opacity: 0; transition: opacity var(--animation-speed) var(--animation-easing); }



:is(product-model, deferred-media) { height: 100%; width: 100%; position: relative; }



product-model model-viewer, :is(deferred-media, product-model) > .deferred-media__poster-button ~ :not(template) { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; padding: inherit; }



slideshow-slide .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area { bottom: var(--padding-sm); right: var(--padding-sm); }



.dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area { bottom: calc(var(--thumbnail-width) / var(--media-preview-ratio) + var(--padding-lg) * 2); right: var(--padding-lg); }



@media screen and (max-width: 749px) {

  slideshow-component:has(:not(.mobile\:hidden) :is(.slideshow-controls__dots, .slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area { bottom: calc(var(--minimum-touch-target) + var(--padding-sm)); }

}



@media screen and (min-width: 750px) {

  slideshow-component:has(:not(.desktop\:hidden) :is(.slideshow-controls__dots, .slideshow-controls__counter)) .shopify-model-viewer-ui__controls-area { bottom: calc(var(--minimum-touch-target) + var(--padding-sm)); }

  .dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area { bottom: var(--padding-lg); right: calc(var(--thumbnail-width) + var(--padding-lg) * 2); }

}



:is(deferred-media, .video-placeholder-wrapper).border-style { overflow: hidden; }



deferred-media {

  &:has(:focus-visible) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }

  @supports not selector(:focus-visible) {

  &:has(:focus) { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }

}

}



.deferred-media__poster-button { width: 100%; height: 100%; aspect-ratio: var(--video-aspect-ratio, auto); }



.deferred-media__poster-button.deferred-media__playing { opacity: 0; transition: opacity 0.3s; }



deferred-media img { height: 100%; object-fit: cover; transition: opacity 0.3s; }



deferred-media iframe { display: block; width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; aspect-ratio: var(--size-style-aspect-ratio, auto); }



deferred-media[data-media-loaded] img { opacity: 0; }



.deferred-media__poster-icon, .video-placeholder-wrapper__poster-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; display: flex; align-items: center; justify-content: center; }



.deferred-media__poster-icon svg, .video-placeholder-wrapper__poster-icon svg {

  width: var(--button-size); height: var(--button-size); color: var(--color-white); filter: drop-shadow(var(--shadow-button));

  &:hover { color: rgb(var(--color-white-rgb) / var(--opacity-80)); }

  @media screen and (min-width: 750px) {

  width: 4rem; height: 4rem;

}

}



deferred-media[class] :is(.deferred-media__poster-button img, .deferred-media__poster-button ~ video) { object-fit: cover; height: 100%; aspect-ratio: var(--size-style-aspect-ratio, auto); }



.button-shopify-xr { width: 100%; display: flex; justify-content: center; align-items: center; padding: var(--padding-md); }



.button-shopify-xr > svg { width: var(--icon-size-sm); height: var(--icon-size-sm); margin-inline-end: var(--margin-md); }



.button-shopify-xr[data-shopify-xr-hidden] { display: none; }



.swatch {

  --color-border: rgb(var(--color-foreground-rgb) / var(--style-border-swatch-opacity)); --min-width-unitless: 15.9999; --min-height-unitless: 15.9999; --min-height: 16px; --min-width: 16px; --scaling-factor: 0.5; --max-swatch-size: 28px; --max-pill-size: 20px; --max-filter-size: 32px; --offset-swatch-width: calc(var(--variant-picker-swatch-width-unitless) - var(--min-width-unitless)); --offset-swatch-height: calc(var(--variant-picker-swatch-height-unitless) - var(--min-height-unitless)); --offset-scaled-width: calc(

    var(--scaling-factor) * var(--offset-swatch-width) / var(--offset-swatch-height) * var(--offset-max-swatch-size)

  ); --offset-scaled-height: calc(

    var(--scaling-factor) * var(--offset-swatch-height) / var(--offset-swatch-width) * var(--offset-max-swatch-size)

  ); --offset-max-swatch-size: calc(var(--max-swatch-size) - var(--min-width)); --swatch-width: min(

    calc(var(--min-width) + var(--scaling-factor) * var(--offset-swatch-width) * 1px),

    calc(var(--min-width) + var(--offset-scaled-width)),

    var(--max-swatch-size)

  ); --swatch-height: min(

    calc(var(--min-height) + var(--scaling-factor) * var(--offset-swatch-height) * 1px),

    calc(var(--min-height) + var(--offset-scaled-height)),

    var(--max-swatch-size)

  ); display: block; background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: var(--swatch-focal-point, center); border-radius: var(--variant-picker-swatch-radius); border: var(--style-border-swatch-width) var(--style-border-swatch-style) var(--color-border); width: var(--swatch-width); height: var(--swatch-height); background-size: var(--swatch-width) var(--swatch-height);

  &.swatch--unavailable { border-style: dashed; }

  &.swatch--unscaled { --swatch-width: var(--variant-picker-swatch-width); --swatch-height: var(--variant-picker-swatch-height); }

  &.swatch--filter { --swatch-width: var(--max-filter-size); --swatch-height: var(--max-filter-size); border-radius: var(--variant-picker-swatch-radius); }

  &.swatch--pill { --swatch-width: var(--max-pill-size); --swatch-height: var(--max-pill-size); border-radius: var(--variant-picker-swatch-radius); }

  &.swatch--filter, &.swatch--pill { --style-border-swatch-width: var(--variant-picker-border-width); --style-border-swatch-style: var(--variant-picker-border-style); --color-border: rgb(var(--color-foreground-rgb) / var(--variant-picker-border-opacity)); }

  &.swatch--variant-image { background-size: cover; }

  @media screen and (min-width: 750px) {

  --max-swatch-size: 32px; --max-pill-size: 16px; --max-filter-size: 28px; --scaling-factor: 0.65;

}

}



.variant-picker .variant-option--buttons label:has(.swatch) { border-radius: var(--variant-picker-swatch-radius); }



.variant-option { --options-border-radius: var(--variant-picker-button-radius); --options-border-width: var(--variant-picker-button-border-width); --variant-option-padding-inline: var(--padding-md); }



.variant-option + .variant-option { margin-top: var(--padding-lg); }



.variant-option--swatches {

  --options-border-radius: var(--variant-picker-swatch-radius); width: 100%;

  & overflow-list::part(list) { padding-block: var(--overflow-list-padding-block, 0); padding-inline: var(--overflow-list-padding-inline, 0); }

}



.variant-option--swatches > overflow-list {

  justify-content: var(--product-swatches-alignment);

  @media (max-width: 749px) {

  justify-content: var(--product-swatches-alignment-mobile);

}

}



.variant-option--buttons { display: flex; flex-wrap: wrap; gap: var(--gap-sm); margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }



.variant-option--buttons legend { padding: 0px; margin-block-end: var(--margin-xs); }



.variant-option__swatch-value { padding-inline-start: var(--padding-xs); color: rgb(var(--color-foreground-rgb) / var(--opacity-70)); }



@media (prefers-reduced-motion: no-preference) {

  .variant-option__button-label, .variant-option__select-wrapper, .variant-option__button-label::before, .variant-option__button-label::after, .variant-option__button-label:has([data-previous-checked="true"], [data-current-checked="true"]) .variant-option__button-label__pill, .variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type { transition-duration: var(--animation-speed); transition-timing-function: var(--animation-easing); }

  .variant-option__button-label__pill { transition-property: transform; }

  .variant-option__button-label:not(.variant-option__button-label--has-swatch) svg line:last-of-type { transition-property: clip-path; }

  .variant-option__button-label:has([data-previous-checked="true"], [data-current-checked="true"]) .variant-option__button-label__pill { transition-property: transform; }

  .variant-option__button-label::after { transition-property: clip-path; }

  .variant-option__button-label::before { transition-property: border-color; }

  .variant-option__select-wrapper, .variant-option__button-label { transition-property: background-color, border-color, color; }

}



.variant-option__button-label {

  --variant-picker-stroke-color: var(--color-variant-border); cursor: pointer; display: flex; flex: 0 0 3.25em; align-items: center; position: relative; padding-block: var(--padding-sm); padding-inline: var(--padding-lg); border: var(--options-border-width) solid var(--color-variant-border); border-radius: var(--options-border-radius); overflow: clip; justify-content: center; min-height: 3.25em; min-width: fit-content; white-space: nowrap; background-color: var(--color-variant-background); color: var(--color-variant-text); gap: 0px;

  &:hover, &:hover:has([aria-disabled="true"]):has([data-option-available="false"]) { background-color: var(--color-variant-hover-background); border-color: var(--color-variant-hover-border); color: var(--color-variant-hover-text); }

  &:not(.variant-option__button-label--has-swatch):has([data-option-available="false"]) { border-width: 0px; }

  &:not(.variant-option__button-label--has-swatch)::before, &:has([data-option-available="false"]):not(.variant-option__button-label--has-swatch)::after { content: ""; position: absolute; inset: 0px; border: var(--options-border-width) solid var(--color-selected-variant-border); border-radius: inherit; pointer-events: none; z-index: 2; clip-path: inset(var(--clip, 0 0 0 0)); }

  &:has([data-option-available="false"]):not(.variant-option__button-label--has-swatch)::before { inset: 0px; }

  &:not(.variant-option__button-label--has-swatch)::before { clip-path: inset(0px); border-color: var(--color-variant-border); inset: calc(var(--options-border-width) * -1); }

  &:has(:checked):not(.variant-option__button-label--has-swatch, :has([data-option-available="false"]))::before { border-color: var(--color-selected-variant-border); }

  &:not(:has(:checked)):has(~ label > :checked), &:has(:checked):has(~ label > [data-previous-checked="true"]) {

  & .variant-option__button-label__pill { right: 0px; left: unset; }

}

  &:has([data-previous-checked="true"]) ~ label:has([data-current-checked="true"]), &:has(:checked) ~ label {

  & .variant-option__button-label__pill { left: 0px; right: unset; }

}

  &:not(:has(:checked)):has(~ label > :checked) { --pill-offset: calc(100% + 1px); }

  &:has(:checked) ~ label { --pill-offset: calc(-100% - 1px); }

  &:has([data-current-checked="true"]):first-of-type ~ label:last-of-type:not(.variant-option__button-label--has-swatch), &:not(:has(:checked)):has(~ label > :checked):not(.variant-option__button-label--has-swatch) { --clip: 0 0 0 100%; }

  &:not(:has([data-current-checked="true"])):first-of-type:has(~ label:last-of-type > :checked):not(.variant-option__button-label--has-swatch), &:has(:checked) ~ label:not(.variant-option__button-label--has-swatch) { --clip: 0 100% 0 0; }

  &:has([data-previous-checked="true"], [data-current-checked="true"]) .variant-option__button-label__pill { width: max(var(--pill-width-current, 100%), var(--pill-width-previous, 100%)); }

  @media screen and (min-width: 750px) {

  padding: var(--padding-xs) var(--variant-option-padding-inline);

}

}



.variant-option--buttons:has(:nth-of-type(3)) {

  & .variant-option__button-label:has([data-current-checked="true"]):first-of-type ~ label:last-of-type { --pill-offset: calc(100% + 1px); }

  & .variant-option__button-label:not(:has([data-current-checked="true"])):first-of-type:has(~ label:last-of-type > :checked) { --pill-offset: calc(-100% - 1px); }

}



.variant-option__button-label__pill { background: var(--color-selected-variant-background); position: absolute; top: calc(var(--options-border-width) * -1); bottom: calc(var(--options-border-width) * -1); border-radius: inherit; pointer-events: none; width: 100%; transform: translateX(var(--pill-offset, 0)); }



.variant-option__button-label__text { pointer-events: none; text-align: start; text-wrap: wrap; z-index: 2; }



.variant-option--equal-width-buttons {

  --variant-min-width: clamp(44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100%); display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--variant-min-width), 1fr));

  & .variant-option__button-label { min-width: var(--variant-min-width); }

  & .variant-option__button-label__text { text-align: center; text-wrap: balance; }

}



.variant-option__button-label:has(:focus-visible) { --variant-picker-stroke-color: var(--color-foreground); border-color: var(--color-foreground); outline: var(--focus-outline-width) solid var(--color-foreground); outline-offset: var(--focus-outline-offset); }



.variant-option__button-label--has-swatch { --focus-outline-radius: var(--variant-picker-swatch-radius); padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-basis: auto; min-height: auto; }



.variant-option__button-label--has-swatch:has(input) { display: block; }



.variant-option__button-label:has(:checked) { color: var(--color-selected-variant-text); border-color: var(--color-selected-variant-border); }



.variant-option__button-label:has(:checked):hover {

  border-color: var(--color-selected-variant-hover-border); color: var(--color-selected-variant-hover-text);

  & .variant-option__button-label__pill { background-color: var(--color-selected-variant-hover-background); }

}



.variant-option__button-label:has([data-option-available="false"]) { color: rgb(var(--color-variant-text-rgb) / var(--opacity-60)); }



.variant-option__button-label--has-swatch:hover { outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); outline-offset: var(--focus-outline-offset); }



.variant-option__button-label--has-swatch:has(:checked) { --focus-outline: var(--focus-outline-width) solid var(--color-foreground); outline: var(--focus-outline); outline-offset: var(--focus-outline-offset); }



@supports not (background-color: rgb(from red 150 g b / alpha)) {

  .variant-option__button-label--has-swatch:has(:checked), .variant-option__button-label:has(:focus-visible) .swatch { outline: none; position: relative; overflow: visible; }

  .variant-option__button-label--has-swatch:has(:checked)::after, .variant-option__button-label:has(:focus-visible) .swatch::after { content: ""; position: absolute; inset: calc(-1 * var(--focus-outline-offset)); border: var(--focus-outline); border-radius: var(--focus-outline-radius, 50%); background-color: transparent; display: inherit; }

}



.variant-option__button-label:has([data-option-available="false"]):has(:checked) { background-color: inherit; color: rgb(var(--color-variant-text-rgb) / var(--opacity-60)); }



.variant-option__button-label input { position: absolute; inset: 0px; opacity: 0; margin: 0px; padding: 0px; width: 100%; height: 100%; aspect-ratio: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: transparent; appearance: auto; display: block; cursor: pointer; }



.variant-option__button-label svg { position: absolute; left: var(--options-border-width); top: var(--options-border-width); height: calc(100% - (var(--options-border-width) * 2)); width: calc(100% - (var(--options-border-width) * 2)); cursor: pointer; pointer-events: none; stroke-width: var(--style-border-width); stroke: var(--variant-picker-stroke-color); }



.variant-option__button-label:not(.variant-option__button-label--has-swatch) svg {

  stroke: var(--color-variant-border);

  & line { stroke-width: var(--options-border-width); }

  & line:last-of-type { clip-path: inset(var(--clip, 0 0 0 0)); stroke: rgb(var(--color-variant-text-rgb) / 1); }

}



.sticky-content { position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat); }



@media screen and (min-width: 750px) {

  .sticky-content--desktop, .sticky-content--desktop.full-height--desktop > .group-block { position: sticky; top: var(--sticky-header-offset, 0); z-index: var(--layer-flat); }

}



.price, .compare-at-price, .unit-price { white-space: nowrap; }



.unit-price { display: block; font-size: min(0.85em, var(--font-paragraph--size)); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



.tax-note.tax-note.tax-note { font-size: min(0.85em, var(--font-paragraph--size)); font-weight: var(--font-paragraph--weight); color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); }



product-price.text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) > :not(.tax-note) { margin-block: 0px; }



.compare-at-price { opacity: 0.4; text-decoration-line: line-through; text-decoration-thickness: 1.5px; }



.card-gallery { position: relative; }



@container (max-width: 70px) {

  .card-gallery:hover .quick-add__button { display: none; }

}



[data-quick-add-button="choose"] add-to-cart-component { display: none; }



[data-quick-add-button="add"] .quick-add__button--choose { display: none; }



.drawer { background-color: var(--color-background); position: fixed; top: 0px; left: 0px; bottom: 0px; width: var(--sidebar-width); z-index: var(--layer-raised); transform: translateX(-120%); transition: transform var(--animation-speed) var(--animation-easing); }



.drawer[data-open="true"] { transform: translateX(0px); }



.drawer-toggle { display: flex; align-items: center; gap: 10px; cursor: pointer; }



.drawer__header { display: flex; justify-content: space-between; align-items: center; padding: var(--drawer-header-block-padding) var(--drawer-inline-padding); }



.drawer__title { font-size: var(--font-h2--size); margin: 0px; }



.drawer__close { width: var(--minimum-touch-target); height: var(--minimum-touch-target); }



.drawer__content { display: block; padding: var(--drawer-content-block-padding) var(--drawer-inline-padding); width: 100%; }



.background-overlay {

  position: relative;

  &::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--background-overlay-color, rgb(0 0 0 / 15%)); }

}



.spacing-style {

  --spacing-scale: var(--spacing-scale-md);

  @media screen and (min-width: 990px) {

  --spacing-scale: var(--spacing-scale-default);

}

  --padding-block: 0px; --padding-block-start: var(--padding-block, 0px); --padding-block-end: var(--padding-block, 0px); --padding-inline: 0px; --padding-inline-start: var(--padding-inline, 0px); --padding-inline-end: var(--padding-inline, 0px); --margin-block: 0px; --margin-block-start: var(--margin-block, 0px); --margin-block-end: var(--margin-block, 0px); --margin-inline: 0px; --margin-inline-start: var(--margin-inline, 0px); --margin-inline-end: var(--margin-inline, 0px);

}



.spacing-style, .inherit-spacing { padding-block: calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end); padding-inline: var(--padding-inline-start) var(--padding-inline-end); margin-block: var(--margin-block-start) var(--margin-block-end); margin-inline: var(--margin-inline-start) var(--margin-inline-end); }



.size-style {

  width: var(--size-style-width-mobile, var(--size-style-width)); height: var(--size-style-height-mobile, var(--size-style-height));

  @media screen and (min-width: 750px) {

  width: var(--size-style-width); height: var(--size-style-height);

}

}



.custom-typography, .custom-typography > * { font-family: var(--font-family); font-weight: var(--font-weight); text-transform: var(--text-transform); text-wrap: var(--text-wrap); line-height: var(--line-height); letter-spacing: var(--letter-spacing); }



.custom-typography {

  & h1 { line-height: var(--line-height--display, var(--line-height)); }

  & h2, & h3, & h4 { line-height: var(--line-height--heading, var(--line-height)); }

  & p { line-height: var(--line-height--body, var(--line-height)); }

}



.custom-font-size, .custom-font-size > * { font-size: var(--font-size); }



.custom-font-weight, .custom-font-weight > * { font-weight: var(--font-weight); }



.border-style { border-width: var(--border-width); border-style: var(--border-style); border-color: var(--border-color); border-radius: var(--border-radius); }



.gap-style, .layout-panel-flex {

  --gap-scale: var(--spacing-scale-md);

  @media screen and (min-width: 990px) {

  --gap-scale: var(--spacing-scale-default);

}

}



.layout-panel-flex { display: flex; gap: var(--gap); height: 100%; }



.layout-panel-flex--row { flex-flow: row var(--flex-wrap); justify-content: var(--horizontal-alignment); align-items: var(--vertical-alignment); }



.layout-panel-flex--column { flex-flow: column var(--flex-wrap); align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment); }



@media screen and (max-width: 749px) {

  .mobile-column { flex-flow: column; align-items: var(--horizontal-alignment); justify-content: var(--vertical-alignment-mobile); }

  .layout-panel-flex--row:not(.mobile-column) {

  flex-wrap: var(--flex-wrap-mobile);

  & > .menu { flex: 1 1 min-content; }

  & > .text-block { flex: 1 1 var(--max-width--display-tight); }

  & > .image-block { flex: 1 1 var(--size-style-width-mobile-min); }

  & > .button { flex: 0 0 fit-content; }

}

}



@media (min-width: 750px) {

  .layout-panel-flex { flex-direction: var(--flex-direction); }

}



.field { position: relative; width: 100%; display: flex; transition: box-shadow var(--animation-speed) ease; }



.field__input {

  flex-grow: 1; text-align: left; border-radius: var(--style-border-radius-inputs); transition: box-shadow var(--animation-speed) ease, background-color var(--animation-speed) ease; padding: var(--input-padding); box-shadow: var(--input-box-shadow); background-color: var(--color-input-background); color: var(--color-input-text); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-size: var(--font-paragraph--size);

  &:autofill { background-color: var(--color-input-background); color: var(--color-input-text); }

}



.field__input:is(:focus, :hover) { box-shadow: var(--input-box-shadow-focus); background-color: var(--color-input-hover-background); }



.field__input--button-radius { border-radius: var(--style-border-radius-buttons-primary); }



.field__input--button-padding { padding-inline: var(--padding-3xl); }



.field__label { color: rgb(var(--color-input-text-rgb) / var(--opacity-80)); font-size: var(--font-paragraph--size); left: var(--input-padding-x); top: 50%; transform: translateY(-50%); margin-bottom: 0px; pointer-events: none; position: absolute; transition: top var(--animation-speed) ease, font-size var(--animation-speed) ease; }



.rte, .shopify-policy__title {

  & :is(h1, h2, h3, h4, h5, h6) { margin-block: clamp(1.5rem, 3.3em, 2.5rem) clamp(1rem, 0.25em, 2rem); }

  & :first-child:is(p, h1, h2, h3, h4, h5, h6), & :first-child:empty + :is(p, h1, h2, h3, h4, h5, h6) { margin-block-start: 0px; }

  & ul, & ol { margin-block-start: 0px; padding-inline-start: 1.5em; }

  & :is(ul, ol):not(:is(ul, ol) :is(ul, ol)) { margin-block-end: 1em; }

  & blockquote { margin-inline: 1.5em 2.3em; margin-block: 3.8em; padding-inline-start: 0.8em; border-inline-start: 1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-25)); font-style: italic; font-weight: 500; }

  & .rte-table-wrapper { overflow-x: auto; }

  & table { width: 100% !important; border-collapse: collapse; }

  & tr:not(:has(td)), & thead { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); font-weight: bold; text-transform: uppercase; }

  & tr:has(td) { border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10)); }

  & th, & td { text-align: start; padding-inline: var(--padding-md); padding-block: var(--padding-sm); }

}



.shopify-policy__container { padding-block: var(--padding-xl); }



.checkbox {

  --checkbox-top: 50%; --checkbox-left: 1.5px; --checkbox-offset: 3px; --checkbox-path-opacity: 0; --checkbox-cursor: pointer; position: relative; display: flex; align-items: center;

  &:has(.checkbox__input:checked) { --checkbox-path-opacity: 1; }

  &.checkbox--disabled { --checkbox-cursor: not-allowed; }

}



.checkbox__input {

  position: absolute; opacity: 0; margin: 0px; padding: 0px; width: var(--checkbox-size); height: var(--checkbox-size); aspect-ratio: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: transparent; appearance: auto; display: block; cursor: pointer;

  &:focus-visible { outline: none; }

  &:focus-visible + .checkbox__label .icon-checkmark { outline: var(--focus-outline-width) solid currentcolor; outline-offset: var(--focus-outline-offset); }

  &:checked + .checkbox__label .icon-checkmark { background-color: var(--color-foreground); border-color: var(--color-foreground); }

  &:disabled + .checkbox__label .icon-checkmark { background-color: var(--input-disabled-background-color); border-color: var(--input-disabled-border-color); }

}



.checkbox__label { position: relative; display: inline-flex; cursor: var(--checkbox-cursor); line-height: var(--checkbox-size); min-width: var(--minimum-touch-target); }



.checkbox .icon-checkmark { height: var(--checkbox-size); width: var(--checkbox-size); flex-shrink: 0; border: var(--checkbox-border); border-radius: var(--checkbox-border-radius); background-color: var(--color-background); }



.checkbox__label-text { padding-inline-start: var(--checkbox-label-padding); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.checkbox .icon-checkmark path { stroke: var(--color-background); opacity: var(--checkbox-path-opacity); transition: opacity var(--animation-speed) var(--animation-easing); }



.checkbox__input:disabled + .checkbox__label { color: var(--input-disabled-text-color); }



:where(input[type="radio"]), :where(input[type="checkbox"]) { width: var(--checkbox-size); height: var(--checkbox-size); aspect-ratio: 1 / 1; margin: 0px; margin-inline-end: var(--padding-3xs); padding: 0px; border: var(--checkbox-border); appearance: none; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; }



input[type="radio"] { border-radius: var(--style-border-radius-50); background: transparent; transition: border-color 0.2s, background-color 0.2s; }



:where(input[type="radio"]):checked { border-color: var(--color-foreground); background: var(--color-background); }



:where(input[type="radio"]):checked::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(var(--checkbox-size) / 2); height: calc(var(--checkbox-size) / 2); background: var(--color-foreground); border-radius: var(--style-border-radius-50); transition: background 0.2s; }



:where(input[type="radio"]):disabled { border-color: var(--input-disabled-border-color); background-color: var(--input-disabled-background-color); cursor: not-allowed; }



:where(input[type="radio"]):disabled:checked::after { background: var(--input-disabled-background-color); }



:where(input[type="radio"]):not(:disabled):hover { border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



:where(input[type="radio"]):not(:disabled):hover:checked { border-color: var(--color-foreground); background-color: var(--color-background); }



:where(input[type="radio"]):not(:disabled):hover:checked::after { background: rgb(var(--color-foreground-rgb) / var(--opacity-85)); }



:where(input[type="checkbox"]) { border-radius: var(--checkbox-border-radius); background-color: var(--color-background); transition: border-color 0.2s, background-color 0.2s; }



:where(input[type="checkbox"]):checked { background-color: var(--color-foreground); border-color: var(--color-foreground); }



:where(input[type="checkbox"]):checked::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--checkbox-size); height: var(--checkbox-size); background-color: var(--color-background); mask-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 d='M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center center; }



:where(input[type="checkbox"]):not(:disabled):hover { border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60)); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); }



:where(input[type="checkbox"]):not(:disabled):hover:checked { border-color: var(--color-foreground); background-color: rgb(var(--color-foreground-rgb) / var(--opacity-85)); }



:where(input[type="checkbox"]):disabled { background-color: var(--input-disabled-background-color); border-color: var(--input-disabled-border-color); cursor: not-allowed; }



:where(input[type="checkbox"]):disabled:checked::after { background-color: var(--input-disabled-text-color); }



:where(input[type="radio"]) + label, :where(input[type="checkbox"]) + label { display: inline; vertical-align: middle; cursor: pointer; }



:where(input[type="radio"]):disabled + label, :where(input[type="checkbox"]):disabled + label { color: var(--input-disabled-text-color); cursor: not-allowed; }



label:has(input[type="radio"]), label:has(input[type="checkbox"]) { display: inline-flex; align-items: center; gap: var(--padding-2xs); cursor: pointer; }



label:has(input[type="radio"]:disabled), label:has(input[type="checkbox"]:disabled) { cursor: not-allowed; }



.variant-option__button-label--has-swatch:has(input[type="radio"]) { display: block; }



.button[id^="BuyButtons-ProductSubmitButton-"] { position: relative; overflow: hidden; }



.cart-items-component { width: 100%; height: 100%; display: flex; flex-direction: column; }



.cart-bubble { --cart-padding: 0.2em; position: relative; width: 20px; aspect-ratio: 1 / 1; border-radius: 50%; border-width: 0px; display: flex; line-height: normal; align-items: center; justify-content: center; color: var(--color-primary-button-text); padding-inline: var(--cart-padding); }



.cart-bubble[data-maintain-ratio] { aspect-ratio: 1 / 1; }



.cart-bubble[data-maintain-ratio] .cart-bubble__background { border-radius: var(--style-border-radius-50); }



.cart-bubble__background { position: absolute; inset: 0px; background-color: var(--color-primary-button-background); border-radius: var(--style-border-radius-lg); }



.cart-bubble__text { font-size: var(--font-size--3xs); z-index: var(--layer-flat); line-height: 1; display: flex; align-items: center; justify-content: center; }



.cart-primary-typography { font-family: var(--cart-primary-font-family); font-style: var(--cart-primary-font-style); font-weight: var(--cart-primary-font-weight); }



.cart-secondary-typography { font-family: var(--cart-secondary-font-family); font-style: var(--cart-secondary-font-style); font-weight: var(--cart-secondary-font-weight); }



.quantity-selector {

  --quantity-selector-width: 124px; display: flex; justify-content: space-between; align-items: center; color: var(--color-input-text); background-color: var(--color-input-background); border: var(--style-border-width-inputs) solid var(--color-input-border); border-radius: var(--style-border-radius-inputs); flex: 1 1 var(--quantity-selector-width); align-self: stretch; transition: background-color var(--animation-speed) var(--animation-easing);

  &:hover { background-color: var(--color-input-hover-background); }

}



.product-form-buttons:has(.add-to-cart-button.button-secondary) .quantity-selector { border-radius: var(--style-border-radius-buttons-secondary); }



.quantity-selector :is(.quantity-minus, .quantity-plus) { padding: 0px; background: transparent; box-shadow: none; display: flex; justify-content: center; align-items: center; cursor: pointer; width: var(--minimum-touch-target); height: var(--minimum-touch-target); flex-shrink: 0; color: var(--color-input-text); }



.quantity-selector .quantity-minus { border-start-start-radius: var(--style-border-radius-inputs); border-end-start-radius: var(--style-border-radius-inputs); }



.quantity-selector .quantity-plus { border-start-end-radius: var(--style-border-radius-inputs); border-end-end-radius: var(--style-border-radius-inputs); }



.product-details .quantity-selector, .quick-add-modal .quantity-selector { border-radius: var(--style-border-radius-buttons-primary); }



.product-details .quantity-selector .quantity-minus, .quick-add-modal .quantity-selector .quantity-minus { border-start-start-radius: var(--style-border-radius-buttons-primary); border-end-start-radius: var(--style-border-radius-buttons-primary); }



.product-details .quantity-selector .quantity-plus, .quick-add-modal .quantity-selector .quantity-plus { border-start-end-radius: var(--style-border-radius-buttons-primary); border-end-end-radius: var(--style-border-radius-buttons-primary); }



.quantity-selector .svg-wrapper { transition: transform var(--animation-speed) var(--animation-easing); }



.quantity-selector svg { width: var(--icon-size-xs); height: var(--icon-size-xs); }



:is(.quantity-minus, .quantity-plus):active .svg-wrapper { transform: scale(0.9); }



.quantity-selector input[type="number"] { margin: 0px; text-align: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; appearance: none; max-width: calc(var(--quantity-selector-width) - var(--minimum-touch-target) * 2); border-radius: var(--style-border-radius-buttons); color: var(--color-input-text); background-color: transparent; }



.quantity-selector input[type="number"]::-webkit-inner-spin-button, .quantity-selector input[type="number"]::-webkit-outer-spin-button { appearance: none; }



.quantity-selector input[type="number"] { appearance: textfield; }



.pills__pill {

  --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); color: var(--color-foreground); display: flex; justify-content: space-between; align-items: center; gap: var(--gap-sm); min-width: 48px; padding: 6px 12px; border-radius: var(--style-border-radius-pills); cursor: pointer; background-color: var(--pills-pill-background-color); transition: background-color var(--animation-speed) var(--animation-easing);

  &:hover { --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); }

  @media screen and (max-width: 749px) {

  padding: var(--padding-xs) var(--padding-md);

}

}



.pills__pill > .svg-wrapper { --close-icon-opacity: 0.4; --icon-stroke-width: 1px; color: var(--color-foreground); }



.pills__pill--swatch {

  @media screen and (max-width: 749px) {

  padding-inline-start: var(--padding-sm);

}

}



.pills__pill--swatch .swatch { margin-right: -4px; }



.pills__pill--desktop-small {

  @media screen and (min-width: 750px) {

  font-size: var(--font-size--xs);

}

}



fly-to-cart { --offset-y: 10px; position: fixed; width: var(--width, 40px); height: var(--height, 40px); left: 0px; top: 0px; z-index: calc(infinity); pointer-events: none; border-radius: var(--style-border-radius-buttons-primary); overflow: hidden; object-fit: cover; background-size: cover; background-position: center center; opacity: 0; background-color: var(--color-foreground); translate: var(--start-x, 0) var(--start-y, 0); transform: translate(-50%, -50%); animation-name: travel-x, travel-y, travel-scale; animation-timing-function: var(--x-timing), var(--y-timing), var(--scale-timing); animation-duration: 0.6s; animation-composition: accumulate; animation-fill-mode: both; }



fly-to-cart.fly-to-cart--main { --x-timing: cubic-bezier(0.7, -5, 0.98, 0.5); --y-timing: cubic-bezier(0.15, 0.57, 0.9, 1.05); --scale-timing: cubic-bezier(0.85, 0.05, 0.96, 1); }



fly-to-cart.fly-to-cart--quick { --x-timing: cubic-bezier(0, -0.1, 1, 0.32); --y-timing: cubic-bezier(0, 0.92, 0.92, 1.04); --scale-timing: cubic-bezier(0.86, 0.08, 0.98, 0.98); animation-duration: 0.6s; }



fly-to-cart.fly-to-cart--sticky {

  --x-timing: cubic-bezier(0.98, -0.8, 0.92, 0.5); --y-timing: cubic-bezier(0.14, 0.56, 0.92, 1.04); --scale-timing: cubic-bezier(0.86, 0.08, 0.98, 0.98); --radius: var(--style-border-radius-buttons-primary);

  @media (max-width: 749px) {

  --x-timing: cubic-bezier(0.98, -0.1, 0.92, 0.5);

}

  animation-duration: 0.8s;

}



@keyframes travel-scale { 

  0% { opacity: var(--start-opacity, 1); }

  5% { opacity: 1; }

  100% { border-radius: 50%; opacity: 1; transform: translate(-50%, calc(-50% + var(--offset-y))) scale(0.25); }

}



@keyframes travel-x { 

  100% { translate: var(--travel-x, 0) 0; }

}



@keyframes travel-y { 

  100% { translate: 0 var(--travel-y, 0); }

}



.collection-wrapper {

  @media screen and (min-width: 750px) {

  --facets-vertical-col-width: 6; grid-template-columns: 1fr repeat(

        var(--centered-column-number),

        minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))

      )

      1fr;

}

  @media screen and (min-width: 990px) {

  --facets-vertical-col-width: 5;

}

}



.collection-wrapper:has(.facets-block-wrapper--full-width), .collection-wrapper:has(.collection-wrapper--full-width) {

  @media screen and (min-width: 750px) {

  grid-column: 1 / -1; grid-template-columns: minmax(var(--page-margin), 1fr) repeat(

        var(--centered-column-number),

        minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))

      )

      minmax(var(--page-margin), 1fr);

}

}



.collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .main-collection-grid {

  @media screen and (min-width: 750px) {

  grid-column: var(--facets-vertical-col-width) / var(--full-width-column-number);

}

}



.collection-wrapper:has(.facets-block-wrapper--vertical:not(#filters-drawer)):has(.collection-wrapper--full-width) {

  @media screen and (min-width: 750px) {

  grid-column: 1 / -1; grid-template-columns: 0fr repeat(var(--centered-column-number), minmax(0, 1fr)) 0fr;

}

}



:is(.collection-wrapper--full-width, .collection-wrapper--full-width-on-mobile) [product-grid-view="default"] .product-grid__card {

  @media screen and (max-width: 749px) {

  padding-inline-start: max(var(--padding-xs), var(--padding-inline-start)); padding-inline-end: max(var(--padding-xs), var(--padding-inline-end));

}

}



:is(.collection-wrapper--full-width, .collection-wrapper--full-width-on-mobile) [product-grid-view="mobile-single"] .product-grid__card {

  @media screen and (max-width: 749px) {

  padding-inline-start: max(var(--padding-xs), var(--padding-inline-start)); padding-inline-end: max(var(--padding-xs), var(--padding-inline-end));

}

}



:is(.collection-wrapper--full-width) .card-gallery, :is(.collection-wrapper--full-width-on-mobile) .card-gallery {

  @media screen and (max-width: 749px) {

  margin-inline-start: calc(-1 * max(var(--padding-xs), var(--padding-inline-start))); margin-inline-end: calc(-1 * max(var(--padding-xs), var(--padding-inline-end)));

}

}



.collection-wrapper--full-width .main-collection-grid__title { margin-left: var(--page-margin); }



.collection-wrapper--full-width-on-mobile .main-collection-grid__title {

  @media screen and (max-width: 749px) {

  margin-left: var(--page-margin);

}

}



.collection-wrapper--grid-full-width .facets--vertical:not(.facets--drawer) {

  @media screen and (min-width: 750px) {

  padding-inline-start: max(var(--padding-sm), var(--padding-inline-start));

}

}



.collection-wrapper:has(.product-grid-mobile--large) .facets-mobile-wrapper.facets-controls-wrapper {

  @media screen and (max-width: 749px) {

  display: none;

}

}



.collection-wrapper:has(> .facets--horizontal) .facets__panel[open] {

  @media screen and (min-width: 750px) {

  z-index: var(--facets-open-z-index);

}

}



@keyframes grow { 

  0% { transform: scale(1); }

  50% { transform: scale(1.2); }

  100% { transform: scale(1); }

}



@keyframes move-and-fade { 

  0% { transform: translate(var(--start-x, 0), var(--start-y, 0)); opacity: var(--start-opacity, 0); }

  100% { transform: translate(var(--end-x, 0), var(--end-y, 0)); opacity: var(--end-opacity, 1); }

}



@keyframes slideInTopViewTransition { 

  0% { transform: translateY(100px); }

}



@keyframes elementSlideInTop { 

  0% { margin-top: var(--padding-sm); opacity: 0; }

  100% { margin-top: 0px; opacity: 1; }

}



@keyframes elementSlideOutTop { 

  0% { transform: translateY(0px); opacity: 1; }

  100% { transform: translateY(var(--padding-sm)); opacity: 0; }

}



@keyframes elementSlideInBottom { 

  0% { transform: translateY(calc(-1 * var(--padding-sm))); opacity: 0; }

  100% { transform: translateY(0px); opacity: 1; }

}



@keyframes elementSlideOutBottom { 

  0% { transform: translateY(0px); opacity: 1; }

  100% { transform: translateY(calc(-1 * var(--padding-sm))); opacity: 0; }

}



@keyframes thumbnailsSlideInTop { 

  0% { transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0; }

  100% { transform: translateY(-50%); opacity: 1; }

}



@keyframes thumbnailsSlideOutTop { 

  0% { transform: translateY(-50%); opacity: 1; }

  100% { transform: translateY(calc(-50% + var(--margin-lg))); opacity: 0; }

}



@keyframes thumbnailsSlideInBottom { 

  0% { transform: translateY(100%); opacity: 0; }

  100% { transform: translateY(0px); opacity: 1; }

}



@keyframes thumbnailsSlideOutBottom { 

  0% { transform: translateY(0px); opacity: 1; }

  100% { transform: translateY(100%); opacity: 0; }

}



@keyframes search-element-slide-in-bottom { 

  0% { transform: translateY(20px); opacity: 0; }

  100% { transform: translateY(0px); opacity: 1; }

}



@keyframes search-element-slide-out-bottom { 

  0% { transform: translateY(0px); opacity: 1; }

  100% { transform: translateY(20px); opacity: 0; }

}



@keyframes dialogZoom { 

  0% { opacity: 1; transform: scale(1) translateY(0px); }

  100% { opacity: 0; transform: scale(0.95) translateY(1em); }

}



@keyframes thumbnail-selected { 

  0%, 100% { box-shadow: transparent 0px 0px 0px 2px; scale: 0.9; }

  50% { box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px; scale: 1; }

}



@keyframes backdropFilter { 

  0% { backdrop-filter: brightness(1); }

  100% { backdrop-filter: brightness(0.75); }

}



@keyframes fadeOut { 

  0% { opacity: 1; }

  100% { opacity: 0; }

}



@keyframes fadeIn { 

  0% { opacity: 0; }

  100% { opacity: 1; }

}



@keyframes modalSlideInTop { 

  0% { transform: translateY(var(--padding-sm)); opacity: 0; }

  100% { transform: translateY(0px); opacity: 1; }

}



@keyframes modalSlideOutTop { 

  0% { transform: translateY(0px); opacity: 1; }

  100% { transform: translateY(var(--padding-sm)); opacity: 0; }

}



.bubble { display: inline-flex; height: calc(var(--variant-picker-swatch-height) / 1.5); font-size: var(--font-size--xs); border-radius: 20px; min-width: 20px; padding: 0px 6px; background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25)); color: var(--color-foreground); align-items: center; justify-content: center; }



.bubble svg { width: 12px; height: 12px; }



.top-shadow::before { content: ""; box-shadow: 0 0 10px var(--color-shadow); position: absolute; z-index: var(--layer-lowest); inset: 0px; clip-path: inset(-50px 0px 0px); }



@media (min-width: 750px) {

  .top-shadow--mobile::before { display: none; }

}



.bottom-shadow::before { content: ""; box-shadow: 0 0 10px var(--color-shadow); position: absolute; z-index: var(--layer-lowest); inset: 0px; clip-path: inset(0px 0px -50px); }



@media (min-width: 750px) {

  .bottom-shadow--mobile::before { display: none; }

}



.video-placeholder-wrapper { position: relative; width: 100%; height: 100%; aspect-ratio: var(--size-style-aspect-ratio, auto); }



:not(deferred-media) > .video-placeholder-wrapper { width: var(--video-placeholder-width); }



.video-placeholder-wrapper > * { width: 100%; height: 100%; object-fit: cover; object-position: center center; }



slideshow-component { --cursor: grab; --slide-offset: 6px; position: relative; display: flex; flex-direction: column; timeline-scope: var(--slideshow-timeline); }



slideshow-component.slideshow--content-below-media slideshow-slide { display: grid; }



.slideshow--content-below-media slideshow-slide :is(.slide__image-container, .slide__content) { position: static; }



.slideshow--content-below-media slideshow-slide {

  grid-template-rows: var(--grid-template-rows);

  @media screen and (min-width: 750px) {

  grid-template-rows: var(--grid-template-rows-desktop);

}

}



.slide__content {

  @supports (animation-timeline: auto) {

  opacity: 0; animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: slide-reveal; animation-range: normal; animation-timeline: var(--slideshow-timeline);

}

  @media (prefers-reduced-motion) {

  opacity: 1; animation: auto ease 0s 1 normal none running none;

}

}



slideshow-component[refreshing-timeline] .slide__content { animation: auto ease 0s 1 normal none running none; }



.slideshow--single-media { --cursor: default; }



a slideshow-component { --cursor: pointer; }



slideshow-slides {

  width: 100%; position: relative; display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-color: transparent transparent; scrollbar-width: none; gap: var(--slideshow-gap, 0); cursor: var(--cursor); min-height: var(--slide-min-height);

  @media (prefers-reduced-motion) {

  scroll-behavior: auto;

}

  &::-webkit-scrollbar { width: 0px; }

  &::-webkit-scrollbar-track { background: transparent; }

  &::-webkit-scrollbar-thumb { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

  @media screen and (min-width: 750px) {

  min-height: var(--slide-min-height-desktop);

}

}



slideshow-component[disabled="true"] slideshow-slides { overflow: hidden; }



slideshow-component:not([in-viewport]) slideshow-slides { overflow: hidden; }



slideshow-component[mobile-disabled] slideshow-slides {

  @media screen and (max-width: 749px) {

  overflow: hidden;

}

}



slideshow-slide {

  position: relative; scroll-snap-align: center; width: var(--slide-width, 100%); max-height: 100%; flex-shrink: 0; view-timeline-name: var(--slideshow-timeline); view-timeline-axis: inline; content-visibility: auto; contain-intrinsic-size: auto none; border-radius: var(--corner-radius, 0); overflow: hidden;

  slideshow-component[actioned] &, &[aria-hidden="false"] { content-visibility: visible; }

  & slideshow-component slideshow-slide:not([aria-hidden="false"]) { content-visibility: hidden; }

  &[hidden]:not([reveal]) { display: none; }

  &[aria-hidden="true"] { cursor: pointer; }

}



slideshow-slide .slide__image-container--rounded { border-radius: var(--corner-radius, 0); }



slideshow-slide.product-media-container--tallest { content-visibility: visible; }



@media screen and (max-width: 749px) {

  .media-gallery--hint :is(slideshow-slide:has(+ slideshow-slide[aria-hidden="false"]:last-of-type), slideshow-slide[aria-hidden="false"] + slideshow-slide) {

  content-visibility: auto;

  slideshow-component[actioned] & { content-visibility: visible; }

}

}



:is(.resource-list__carousel, .card-gallery) :is(slideshow-slide:has(+ slideshow-slide[aria-hidden="false"]), slideshow-slide[aria-hidden="false"] + slideshow-slide) {

  content-visibility: auto;

  slideshow-component[actioned] & { content-visibility: visible; }

}



slideshow-component:is([dragging], [transitioning], :hover) > slideshow-container > slideshow-slides > slideshow-slide { content-visibility: visible; }



slideshow-slides[gutters*="start"] { padding-inline-start: var(--gutter-slide-width, 0); scroll-padding-inline-start: var(--gutter-slide-width, 0); }



slideshow-slides[gutters*="end"] { padding-inline-end: var(--gutter-slide-width, 0); }



slideshow-component[dragging] {

  --cursor: grabbing;

  & * { pointer-events: none; }

}



slideshow-component[dragging] slideshow-arrows { display: none; }



slideshow-container { width: 100%; display: block; position: relative; grid-area: container; container-type: inline-size; background-color: var(--color-background); }



@media screen and (min-width: 750px) {

  .media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]) {

  &:has(slideshow-controls[pagination-position="right"]) { display: grid; grid-template: "container controls" "arrows controls" min-content / 1fr auto; }

  &:has(slideshow-controls[pagination-position="left"]) { display: grid; grid-template: "controls container" "controls arrows" min-content / auto 1fr; }

  & slideshow-controls[pagination-position="left"] { order: -1; }

}

}



.slideshow-control:is(.icon-pause, .icon-play) {

  color: var(--color-active);

  &:hover { color: var(--color-hover); }

  & svg { display: none; }

}



slideshow-component:is([autoplay]) {

  &:is([paused]) {

  & .icon-play > svg { display: block; }

}

  &:not([paused]) {

  & .icon-pause > svg { display: block; }

}

}



slideshow-arrows {

  --cursor-previous: w-resize; --cursor-next: e-resize; position: absolute; inset: 0px; display: flex; z-index: var(--layer-heightened); pointer-events: none; mix-blend-mode: difference; align-items: flex-end;

  &[position="left"] { justify-content: flex-start; padding-inline: var(--padding-xs); }

  &[position="right"] { justify-content: flex-end; padding-inline: var(--padding-xs); }

  &[position="center"] { justify-content: space-between; align-items: center; }

}



slideshow-arrows:has(.slideshow-control--shape-square), slideshow-arrows:has(.slideshow-control--shape-circle) { mix-blend-mode: normal; }



slideshow-component[disabled="true"] slideshow-arrows { display: none; }



slideshow-arrows .slideshow-control { pointer-events: auto; opacity: 0; min-height: var(--minimum-touch-target); min-width: var(--minimum-touch-target); padding: 0 var(--padding-xs); color: var(--color-white); }



slideshow-arrows .slideshow-control.slideshow-control--style-none { display: none; }



.media-gallery--carousel slideshow-arrows .slideshow-control { padding-inline: 0 var(--padding-md); opacity: 1; }



.card-gallery slideshow-arrows .slideshow-control {

  padding-inline: var(--padding-xl);

  @container (max-width: 249px) {

  padding-inline: 0 var(--padding-sm);

}

}



:not(.media-gallery--carousel) > :is(slideshow-component:hover, slideshow-component:focus-within):not(:has(slideshow-controls:hover)) > slideshow-container > slideshow-arrows .slideshow-control { animation: arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards; }



@keyframes arrowsSlideIn { 

  0% { transform: translate(var(--padding-sm), 0); opacity: 0; }

  100% { opacity: 1; }

}



@keyframes slide-reveal { 

  0% { translate: calc(var(--slideshow-slide-offset, 6) * 1rem) 0; opacity: 0; }

  50% { opacity: 1; }

  100% { translate: calc(var(--slideshow-slide-offset, 6) * -1rem) 0; opacity: 0; }

}



.section-resource-list, .section-carousel { row-gap: var(--gap); }



.section-resource-list__content { display: flex; flex-direction: column; align-items: var(--horizontal-alignment); gap: var(--gap); width: 100%; }



.section-resource-list__content:empty { display: none; }



.section-resource-list__header:is(:empty, :has(.group-block-content:empty)), .section-resource-list__content:empty { display: none; }



.section-resource-list.section--full-width product-card-link > .group-block, .section-carousel.section--full-width product-card-link > .group-block {

  @media screen and (max-width: 749px) {

  padding-inline: max(var(--padding-xs), var(--padding-inline-start))

      max(var(--padding-xs), var(--padding-inline-end));

}

}



.resource-list--carousel-mobile {

  display: block;

  @media screen and (min-width: 750px) {

  display: none;

}

}



.resource-list {

  --resource-list-mobile-gap-max: 9999px; --resource-list-column-gap: min(var(--resource-list-column-gap-desktop), var(--resource-list-mobile-gap-max)); --resource-list-row-gap: min(var(--resource-list-row-gap-desktop), var(--resource-list-mobile-gap-max)); width: 100%;

  @media screen and (max-width: 749px) {

  --resource-list-mobile-gap-max: 12px;

}

  @container resource-list (max-width: 749px) {

  --resource-list-mobile-gap-max: 12px;

}

}



.resource-list--grid {

  display: grid; gap: var(--resource-list-row-gap) var(--resource-list-column-gap); grid-template-columns: var(--resource-list-columns-mobile);

  @media screen and (min-width: 750px) {

  grid-template-columns: var(--resource-list-columns);

}

  @container resource-list (max-width: 449px) {

  grid-template-columns: var(--resource-list-columns-mobile);

}

  @container resource-list(min-width: 450px) and (max-width: 749px) {

  --resource-list-columns-per-row: 3; grid-template-columns: repeat(var(--resource-list-columns-per-row), 1fr);

  &:has(.resource-list__item:first-child:nth-last-child(3n+1)), &:has(.resource-list__item:first-child:nth-last-child(8n)) { --resource-list-columns-per-row: 4; }

}

  @container resource-list (min-width: 750px) {

  grid-template-columns: repeat(var(--resource-list-columns-per-row), 1fr);

  &:has(.resource-list__item:first-child:nth-last-child(n+9)) { --resource-list-columns-per-row: 5; }

  &:has(.resource-list__item:first-child:nth-last-child(n+7):nth-last-child(-n+8)) { --resource-list-columns-per-row: 4; }

  &:has(.resource-list__item:first-child:nth-last-child(6)) { --resource-list-columns-per-row: 3; }

  &:has(.resource-list__item:first-child:nth-last-child(5)) { --resource-list-columns-per-row: 5; }

  &:has(.resource-list__item:first-child:nth-last-child(-n+4)) { --resource-list-columns-per-row: 4; }

}

  @container resource-list (min-width: 1200px) {

  &:has(.resource-list__item:first-child:nth-last-child(6)) { --resource-list-columns-per-row: 6; }

}

}



.resource-list__item { height: 100%; color: var(--color-foreground); text-decoration: none; }



.resource-list__carousel {

  --slide-width: 60vw; width: 100%; position: relative; container: resource-list-carousel / inline-size;

  & .slideshow-control[disabled] { display: none; }

  & .slideshow-control--next { margin-inline-start: auto; }

}



@container resource-list-carousel (max-width: 749px) {

  .resource-list__carousel .resource-list__slide { --slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max)); }

}



@container resource-list-carousel (min-width: 750px) {

  .resource-list__carousel .resource-list__slide { --section-slide-width: calc(

      (100% - (var(--resource-list-column-gap) * (var(--column-count) - 1)) - var(--peek-next-slide-size)) /

        var(--column-count)

    ); --fallback-slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max)); --slide-width: var(--section-slide-width, var(--fallback-slide-width)); }

}



.resource-list__carousel slideshow-slides { gap: var(--resource-list-column-gap); margin-block: -16px; padding-block: 16px; }



.resource-list__carousel slideshow-arrows { padding-inline: var(--util-page-margin-offset); }



.resource-list__carousel .resource-list__slide { width: var(--slide-width); flex: 0 0 auto; scroll-snap-align: start; min-width: 0px; }



.group-block, .group-block-content { position: relative; }



.group-block:has(> video-background-component), .group-block:has(> .background-image-container) { overflow: hidden; }



.group-block-content { height: 100%; width: 100%; }



.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill { flex: 1 1 0%; }



.layout-panel-flex--row > .group-block--width-fit { flex: 0 1 0%; }



.layout-panel-flex--row > .group-block--width-fill { flex: 1 1 0%; }



.layout-panel-flex--row > .group-block--width-custom { flex-basis: var(--size-style-width); }



.group-block--height-fit { height: auto; }



.group-block--height-custom, .group-block--height-fill { height: var(--size-style-height); }



.layout-panel-flex--column > .group-block--height-fit { flex: 0 1 auto; }



.layout-panel-flex--column > .group-block--height-fill { flex: 1 1 0%; }



.layout-panel-flex--column > .group-block--height-custom { flex-basis: var(--size-style-height); }



accordion-custom {

  & details {

  &::details-content, & .details-content { block-size: 0px; overflow-y: clip; opacity: 0; interpolate-size: allow-keywords; transition: content-visibility var(--animation-speed-slow) allow-discrete,

        padding-block var(--animation-speed-slow) var(--animation-easing),

        opacity var(--animation-speed-slow) var(--animation-easing),

        block-size var(--animation-speed-slow) var(--animation-easing); }

  &:not(:focus-within)::details-content, &:not(:focus-within) .details-content { transition: none; }

  &:not([open]) {

  &::details-content, & .details-content { padding-block: 0px; }

}

  &[open] {

  &::details-content, & .details-content {

  opacity: 1; block-size: auto;

  @starting-style {

  block-size: 0px; opacity: 0; overflow-y: clip;

}

  &:focus-within { overflow-y: visible; }

}

}

}

}



accordion-custom[data-disable-on-mobile="true"] summary {

  @media screen and (max-width: 749px) {

  cursor: auto;

}

}



accordion-custom[data-disable-on-desktop="true"] summary {

  @media screen and (min-width: 750px) {

  cursor: auto;

}

}



text-component {

  --shimmer-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --shimmer-color-light: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --shimmer-speed: 1.25s; display: inline-block; position: relative; transition: color var(--animation-speed-slow) ease; line-height: 1;

  &::after { content: attr(value); position: absolute; inset: 0px; color: transparent; opacity: 0; transition: opacity var(--animation-speed-slow) var(--animation-easing); pointer-events: none; background-image: linear-gradient(

      -85deg,

      var(--shimmer-text-color) 10%,

      var(--shimmer-color-light) 50%,

      var(--shimmer-text-color) 90%

    ); background-clip: text; background-size: 200% 100%; background-position: 100% 0px; place-content: center; }

  &[shimmer] {

  color: transparent;

  &::after { opacity: 1; animation: text-shimmer var(--shimmer-speed) infinite linear; }

}

}



@keyframes text-shimmer { 

  0% { background-position: 100% 0px; }

  100% { background-position: -100% 0px; }

}



.transition-background-color { transition: background-color var(--animation-speed-medium) ease-in-out; }



.transition-transform { transition: transform var(--animation-speed-medium) var(--animation-timing-bounce); }



.transition-border-color { transition: border-color var(--animation-speed-medium) var(--animation-timing-hover); }



::-webkit-scrollbar { width: 20px; }



::-webkit-scrollbar-track { background-color: transparent; }



::-webkit-scrollbar-thumb { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)); border-radius: 20px; border: 6px solid transparent; background-clip: content-box; transition: background-color 0.2s; }



::-webkit-scrollbar-thumb:hover { background-color: rgb(var(--color-foreground-rgb) / var(--opacity-60)); }



@media (prefers-reduced-motion: no-preference) {

  html { scroll-behavior: smooth; }

}



[product-grid-view="zoom-out"] :is(.product-card, .product-grid__card) :is(h4, .h4) { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }



@media screen and (max-width: 749px) {

  :is(.product-card, .product-grid__card) :is(h4, .h4) { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }

}



.product-card:hover, .collection-card:hover, .resource-card:hover, .predictive-search-results__card--product:hover, .predictive-search-results__card:hover { position: relative; z-index: var(--layer-raised); transition: transform var(--hover-transition-duration) var(--hover-transition-timing),

    box-shadow var(--hover-transition-duration) var(--hover-transition-timing); }



.header .product-card:hover, .header .collection-card:hover, .header .resource-card:hover, .header-drawer .product-card:hover, .header-drawer .collection-card:hover, .header-drawer .resource-card:hover { z-index: auto; transform: none; box-shadow: none; }



.predictive-search-results__inner { flex-grow: 1; overflow-y: auto; padding-block: var(--padding-lg); container-type: inline-size; color: var(--color-foreground); }



@media screen and (max-width: 1200px) {

  input, textarea, select, .paragraph.paragraph input, .paragraph.paragraph textarea, .paragraph.paragraph select, .h1.h1 input, .h1.h1 textarea, .h1.h1 select, .h2.h2 input, .h2.h2 textarea, .h2.h2 select, .h3.h3 input, .h3.h3 textarea, .h3.h3 select, .h4.h4 input, .h4.h4 textarea, .h4.h4 select, .h5.h5 input, .h5.h5 textarea, .h5.h5 select, .h6.h6 input, .h6.h6 textarea, .h6.h6 select { font-size: max(1rem, 100%); }

}



.product-recommendations { display: block; }



.product-recommendations__skeleton-item { aspect-ratio: 3 / 4; background-color: var(--color-foreground); opacity: var(--skeleton-opacity); border-radius: 4px; }



@media screen and (max-width: 749px) {

  .product-recommendations__skeleton-item:nth-child(2n+1) { display: none; }

}



product-recommendations:has([data-has-recommendations="false"]) { display: none; }



.add-to-cart-button {

  --text-speed: 0.26; --base-delay: calc(var(--text-speed) * 0.25); --tick-speed: 0.1; --ring-speed: 0.2; --check-speed: 0.2; --burst-speed: 0.32; --step-delay: 3; --speed: 1; user-select: none; transition-property: color, box-shadow, background-color, scale, translate; transition-duration: var(--animation-speed); transition-timing-function: var(--ease-out-cubic);

  &:active { scale: 0.99; translate: 0px 1px; }

}



.add-to-cart-button .svg-wrapper .checkmark-burst { width: 30px; height: 30px; }



.add-to-cart-text { --atc-opacity: 0; --atc-destination: -1em; display: flex; gap: var(--gap-2xs); align-items: center; justify-content: center; animation-duration: var(--animation-speed); animation-timing-function: var(--animation-easing); animation-fill-mode: forwards; transition: width var(--animation-speed) var(--animation-easing),

    opacity var(--animation-speed) var(--animation-easing); }



.add-to-cart__added { --atc-opacity: 1; --atc-destination: 0px; position: absolute; top: 50%; left: 50%; translate: -50% -50%; display: flex; align-items: center; justify-content: center; gap: 0.3rem; }



.add-to-cart__added-icon { width: 32px; height: 32px; }



[data-added="true"] .add-to-cart-text, [data-added="true"] .add-to-cart__added { animation-name: atc-slide; }



.checkmark-burst {

  opacity: 0; overflow: visible;

  & .burst { rotate: 20deg; }

  & .check { opacity: 0.2; scale: 0.8; filter: blur(2px); transform: translateZ(0px); }

  & :is(.ring, .line, .check, .burst, .tick) { transform-box: fill-box; transform-origin: center center; }

  & :is(.line) { stroke-dasharray: 1.5, 1.5; stroke-dashoffset: -1.5; translate: 0px -180%; }

  & g { transform-origin: center center; rotate: calc(var(--index) * (360 / 8) * 1deg); }

}



.add-to-cart-button[data-added="true"] .checkmark-burst { opacity: 1; }



.add-to-cart-button[data-added="true"] {

  & .check { opacity: 1; scale: 1; filter: blur(0px); }

  & .tick { scale: 1.75; }

  & .ring { opacity: 0; scale: 1; }

  & .line { stroke-dashoffset: 1.5; }

  & .add-to-cart-text { clip-path: circle(0% at 50% 50%); filter: blur(2px); opacity: 0; translate: 0px 4px; }

}



@media (prefers-reduced-motion: no-preference) {

  .add-to-cart-button[data-added="true"] {

  & .check { transition-property: opacity, scale, filter; transition-duration: calc(calc(var(--check-speed) * 1s)); transition-delay: calc((var(--base-delay) * 1s)); transition-timing-function: var(--ease-out-quad); }

  & .tick { transition-property: scale; transition-duration: calc((calc(var(--tick-speed) * 1s))); transition-delay: calc(((var(--base-delay) + (var(--check-speed) * (var(--step-delay) * 1.1))) * 1s)); transition-timing-function: ease-out; }

  & .ring { transition-property: opacity, scale; transition-duration: calc((calc(var(--ring-speed) * 1s))); transition-delay: calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s)); transition-timing-function: var(--ease-out-quad); }

  & .line { transition-property: stroke-dashoffset; transition-duration: calc((calc(var(--burst-speed) * 1s))); transition-delay: calc(((var(--base-delay) + (var(--check-speed) * var(--step-delay))) * 1s)); transition-timing-function: var(--ease-out-cubic); }

}

  .add-to-cart-text { transition-property: clip-path, opacity, filter, translate; transition-duration: calc((var(--text-speed) * 0.6s)), calc((var(--text-speed) * 1s)); transition-timing-function: ease-out; }

}



.add-to-cart-text { clip-path: circle(100% at 50% 50%); }



@keyframes atc-slide { 

  100% { opacity: var(--atc-opacity, 1); translate: 0px var(--atc-destination, 0px); }

}

@charset "utf-8";



.imageye-selected { outline: black solid 2px !important; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px !important; }

@charset "utf-8";



:root, .color-scheme-1 { --color-background: rgb(255 255 255 / 1.0); --color-background-rgb: 255 255 255; --opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 0.4; --opacity-30-60: 0.3; --color-foreground: rgb(0 0 0 / 0.81); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 0 0 / 0.81); --color-primary-rgb: 0 0 0; --color-primary-hover: rgb(0 0 0 / 1.0); --color-primary-hover-rgb: 0 0 0; --color-border: rgb(0 0 0 / 0.06); --color-border-rgb: 0 0 0; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(0 0 0 / 1.0); --color-primary-button-border: rgb(0 0 0 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(51 51 51 / 1.0); --color-primary-button-hover-border: rgb(0 0 0 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); --color-input-background: rgb(255 255 255 / 0.78); --color-input-text: rgb(51 51 51 / 1.0); --color-input-text-rgb: 51 51 51; --color-input-border: rgb(223 223 223 / 1.0); --color-input-hover-background: rgb(0 0 0 / 0.01); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(0 0 0 / 0.13); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }



.color-scheme-2 { --color-background: rgb(245 245 245 / 1.0); --color-background-rgb: 245 245 245; --opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 0.4; --opacity-30-60: 0.3; --color-foreground: rgb(0 0 0 / 0.81); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 0 0 / 0.81); --color-primary-rgb: 0 0 0; --color-primary-hover: rgb(255 255 255 / 1.0); --color-primary-hover-rgb: 255 255 255; --color-border: rgb(223 223 223 / 1.0); --color-border-rgb: 223 223 223; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(0 0 0 / 1.0); --color-primary-button-border: rgb(0 0 0 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(51 51 51 / 1.0); --color-primary-button-hover-border: rgb(51 51 51 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); --color-secondary-button-hover-border: rgb(51 51 51 / 0.73); --color-input-background: rgb(0 0 0 / 0.0); --color-input-text: rgb(0 0 0 / 0.53); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 0.13); --color-input-hover-background: rgb(255 255 255 / 0.36); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }



.color-scheme-3 { --color-background: rgb(238 241 234 / 1.0); --color-background-rgb: 238 241 234; --opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 0.4; --opacity-30-60: 0.3; --color-foreground: rgb(0 0 0 / 0.81); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 0 0 / 0.81); --color-primary-rgb: 0 0 0; --color-primary-hover: rgb(0 0 0 / 1.0); --color-primary-hover-rgb: 0 0 0; --color-border: rgb(0 0 0 / 0.81); --color-border-rgb: 0 0 0; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(0 0 0 / 1.0); --color-primary-button-border: rgb(0 0 0 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(51 51 51 / 1.0); --color-primary-button-hover-border: rgb(51 51 51 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); --color-input-background: rgb(0 0 0 / 0.0); --color-input-text: rgb(0 0 0 / 0.81); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 0.81); --color-input-hover-background: rgb(255 255 255 / 0.36); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }



.color-scheme-4 { --color-background: rgb(225 237 245 / 1.0); --color-background-rgb: 225 237 245; --opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60: 0.4; --opacity-30-60: 0.3; --color-foreground: rgb(0 0 0 / 0.81); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 0 0 / 0.81); --color-primary-rgb: 0 0 0; --color-primary-hover: rgb(0 0 0 / 1.0); --color-primary-hover-rgb: 0 0 0; --color-border: rgb(29 54 134 / 0.5); --color-border-rgb: 29 54 134; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(0 0 0 / 1.0); --color-primary-button-border: rgb(29 54 134 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(51 51 51 / 1.0); --color-primary-button-hover-border: rgb(0 0 0 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); --color-input-background: rgb(0 0 0 / 0.0); --color-input-text: rgb(0 0 0 / 0.81); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 0.81); --color-input-hover-background: rgb(255 255 255 / 0.36); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }



.color-scheme-5 { --color-background: rgb(51 51 51 / 1.0); --color-background-rgb: 51 51 51; --opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 0.6; --opacity-30-60: 0.6; --color-foreground: rgb(255 255 255 / 1.0); --color-foreground-rgb: 255 255 255; --color-foreground-heading: rgb(255 255 255 / 1.0); --color-foreground-heading-rgb: 255 255 255; --color-primary: rgb(255 255 255 / 1.0); --color-primary-rgb: 255 255 255; --color-primary-hover: rgb(255 255 255 / 0.69); --color-primary-hover-rgb: 255 255 255; --color-border: rgb(255 255 255 / 0.69); --color-border-rgb: 255 255 255; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 0 0 / 1.0); --color-primary-button-background: rgb(255 255 255 / 1.0); --color-primary-button-border: rgb(255 255 255 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(0 0 0 / 1.0); --color-primary-button-hover-border: rgb(0 0 0 / 1.0); --color-secondary-button-text: rgb(255 255 255 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(255 255 255 / 0.69); --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); --color-input-background: rgb(51 51 51 / 1.0); --color-input-text: rgb(255 255 255 / 0.93); --color-input-text-rgb: 255 255 255; --color-input-border: rgb(255 255 255 / 0.69); --color-input-hover-background: rgb(255 255 255 / 0.04); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }



.color-scheme-6 { --color-background: rgb(0 0 0 / 0.0); --color-background-rgb: 0 0 0; --opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 0.6; --opacity-30-60: 0.6; --color-foreground: rgb(255 255 255 / 1.0); --color-foreground-rgb: 255 255 255; --color-foreground-heading: rgb(255 255 255 / 1.0); --color-foreground-heading-rgb: 255 255 255; --color-primary: rgb(255 255 255 / 1.0); --color-primary-rgb: 255 255 255; --color-primary-hover: rgb(255 255 255 / 0.69); --color-primary-hover-rgb: 255 255 255; --color-border: rgb(230 230 230 / 1.0); --color-border-rgb: 230 230 230; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(0 0 0 / 1.0); --color-primary-button-background: rgb(255 255 255 / 1.0); --color-primary-button-border: rgb(255 255 255 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(0 0 0 / 1.0); --color-primary-button-hover-border: rgb(0 0 0 / 1.0); --color-secondary-button-text: rgb(255 255 255 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(255 255 255 / 1.0); --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); --color-input-background: rgb(255 255 255 / 1.0); --color-input-text: rgb(0 0 0 / 0.53); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 0.13); --color-input-hover-background: rgb(250 250 250 / 1.0); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }



.color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { --color-background: rgb(0 0 0 / 0.0); --color-background-rgb: 0 0 0; --opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60: 0.6; --opacity-30-60: 0.6; --color-foreground: rgb(0 0 0 / 1.0); --color-foreground-rgb: 0 0 0; --color-foreground-heading: rgb(0 0 0 / 1.0); --color-foreground-heading-rgb: 0 0 0; --color-primary: rgb(0 0 0 / 1.0); --color-primary-rgb: 0 0 0; --color-primary-hover: rgb(0 0 0 / 0.53); --color-primary-hover-rgb: 0 0 0; --color-border: rgb(230 230 230 / 1.0); --color-border-rgb: 230 230 230; --color-shadow: rgb(0 0 0 / 1.0); --color-shadow-rgb: 0 0 0; --color-primary-button-text: rgb(255 255 255 / 1.0); --color-primary-button-background: rgb(0 0 0 / 1.0); --color-primary-button-border: rgb(0 0 0 / 1.0); --color-primary-button-hover-text: rgb(255 255 255 / 1.0); --color-primary-button-hover-background: rgb(51 51 51 / 1.0); --color-primary-button-hover-border: rgb(51 51 51 / 1.0); --color-secondary-button-text: rgb(0 0 0 / 1.0); --color-secondary-button-background: rgb(0 0 0 / 0.0); --color-secondary-button-border: rgb(0 0 0 / 1.0); --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); --color-input-background: rgb(255 255 255 / 1.0); --color-input-text: rgb(0 0 0 / 0.53); --color-input-text-rgb: 0 0 0; --color-input-border: rgb(0 0 0 / 0.13); --color-input-hover-background: rgb(250 250 250 / 1.0); --color-variant-background: rgb(255 255 255 / 1.0); --color-variant-border: rgb(230 230 230 / 1.0); --color-variant-text: rgb(0 0 0 / 1.0); --color-variant-text-rgb: 0 0 0; --color-variant-hover-background: rgb(245 245 245 / 1.0); --color-variant-hover-text: rgb(0 0 0 / 1.0); --color-variant-hover-border: rgb(230 230 230 / 1.0); --color-selected-variant-background: rgb(0 0 0 / 1.0); --color-selected-variant-border: rgb(0 0 0 / 1.0); --color-selected-variant-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); --shadow-blur: 20px; --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); }



body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { color: var(--color-foreground); background-color: var(--color-background); }

@charset "utf-8";



@font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: none format("woff2"), none format("woff"); }



@font-face { font-family: Inter; font-weight: 700; font-style: normal; font-display: swap; src: none format("woff2"), none format("woff"); }



@font-face { font-family: Inter; font-weight: 400; font-style: italic; font-display: swap; src: none format("woff2"), none format("woff"); }



@font-face { font-family: Inter; font-weight: 700; font-style: italic; font-display: swap; src: none format("woff2"), none format("woff"); }



@font-face { font-family: Inter; font-weight: 500; font-style: normal; font-display: swap; src: none format("woff2"), none format("woff"); }



@font-face { font-family: Inter; font-weight: 500; font-style: italic; font-display: swap; src: none format("woff2"), none format("woff"); }



:root {

  --sidebar-width: 25rem; --narrow-content-width: 36rem; --normal-content-width: 42rem; --wide-content-width: 46rem; --narrow-page-width: 90rem; --normal-page-width: 120rem; --wide-page-width: 150rem; --section-height-small: 15rem; --section-height-medium: 25rem; --section-height-large: 35rem;

  @media screen and (min-width: 40em) {

  --section-height-small: 40svh; --section-height-medium: 55svh; --section-height-large: 70svh;

}

  @media screen and (min-width: 60em) {

  --section-height-small: 50svh; --section-height-medium: 65svh; --section-height-large: 80svh;

}

  --letter-spacing-sm: 0.06em; --letter-spacing-md: 0.13em; --font-body--family: Inter, sans-serif; --font-body--style: normal; --font-body--weight: 400; --font-subheading--family: Inter, sans-serif; --font-subheading--style: normal; --font-subheading--weight: 500; --font-heading--family: Inter, sans-serif; --font-heading--style: normal; --font-heading--weight: 700; --font-accent--family: Inter, sans-serif; --font-accent--style: normal; --font-accent--weight: 700; --font-h1--spacing: 0.25em; --font-h2--spacing: 0.25em; --font-h3--spacing: 0.25em; --font-h4--spacing: 0.25em; --font-h5--spacing: 0.25em; --font-h6--spacing: 0.25em; --font-paragraph--spacing: 0.5em; --font-h1--color: var(--color-foreground-heading); --font-h2--color: var(--color-foreground-heading); --font-h3--color: var(--color-foreground-heading); --font-h4--color: var(--color-foreground-heading); --font-h5--color: var(--color-foreground-heading); --font-h6--color: var(--color-foreground-heading); --layer-section-background: -2; --layer-lowest: -1; --layer-base: 0; --layer-flat: 1; --layer-raised: 2; --layer-heightened: 4; --layer-sticky: 8; --layer-window-overlay: 10; --layer-header-menu: 12; --layer-overlay: 16; --layer-menu-drawer: 18; --layer-temporary: 20; --max-width--body-normal: 32.5em; --max-width--body-narrow: 22.75em; --max-width--heading-normal: 32.5em; --max-width--heading-narrow: 19.5em; --max-width--display-normal: 13em; --max-width--display-narrow: 9.75em; --max-width--display-tight: 3.25em; --letter-spacing--display-tight: -0.03em; --letter-spacing--display-normal: 0em; --letter-spacing--display-loose: 0.03em; --letter-spacing--heading-tight: -0.03em; --letter-spacing--heading-normal: 0em; --letter-spacing--heading-loose: 0.03em; --letter-spacing--body-tight: -0.03em; --letter-spacing--body-normal: 0em; --letter-spacing--body-loose: 0.03em; --line-height: 1; --line-height--display-tight: 1; --line-height--display-normal: 1.1; --line-height--display-loose: 1.2; --line-height--heading-tight: 1.15; --line-height--heading-normal: 1.25; --line-height--heading-loose: 1.35; --line-height--body-tight: 1.2; --line-height--body-normal: 1.4; --line-height--body-loose: 1.6; --font-size--paragraph: 0.875rem; --font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem); --font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem); --font-size--h3: 2.0rem; --font-size--h4: 1.5rem; --font-size--h5: 0.875rem; --font-size--h6: 0.75rem; --font-paragraph--weight: 400; --font-paragraph--letter-spacing: var(--letter-spacing--body-normal); --font-paragraph--size: var(--font-size--paragraph); --font-paragraph--family: var(--font-body--family); --font-paragraph--style: var(--font-body--style); --font-paragraph--case: ; --font-paragraph--line-height: var(--line-height--body-loose); --font-h1--weight: var(--font-heading--weight); --font-h1--letter-spacing: var(--letter-spacing--heading-normal); --font-h1--size: var(--font-size--h1); --font-h1--family: var(--font-heading--family); --font-h1--style: var(--font-heading--style); --font-h1--case: none; --font-h1--line-height: var(--line-height--display-tight); --font-h2--weight: var(--font-heading--weight); --font-h2--letter-spacing: var(--letter-spacing--heading-normal); --font-h2--size: var(--font-size--h2); --font-h2--family: var(--font-heading--family); --font-h2--style: var(--font-heading--style); --font-h2--case: none; --font-h2--line-height: var(--line-height--display-tight); --font-h3--weight: var(--font-heading--weight); --font-h3--letter-spacing: var(--letter-spacing--heading-normal); --font-h3--size: var(--font-size--h3); --font-h3--family: var(--font-heading--family); --font-h3--style: var(--font-heading--style); --font-h3--case: none; --font-h3--line-height: var(--line-height--display-normal); --font-h4--weight: var(--font-heading--weight); --font-h4--letter-spacing: var(--letter-spacing--heading-normal); --font-h4--size: var(--font-size--h4); --font-h4--family: var(--font-heading--family); --font-h4--style: var(--font-heading--style); --font-h4--case: none; --font-h4--line-height: var(--line-height--display-tight); --font-h5--weight: var(--font-subheading--weight); --font-h5--letter-spacing: var(--letter-spacing--heading-normal); --font-h5--size: var(--font-size--h5); --font-h5--family: var(--font-subheading--family); --font-h5--style: var(--font-subheading--style); --font-h5--case: none; --font-h5--line-height: var(--line-height--display-loose); --font-h6--weight: var(--font-subheading--weight); --font-h6--letter-spacing: var(--letter-spacing--heading-normal); --font-h6--size: var(--font-size--h6); --font-h6--family: var(--font-subheading--family); --font-h6--style: var(--font-subheading--style); --font-h6--case: none; --font-h6--line-height: var(--line-height--display-loose); --font-size--3xs: 0.625rem; --font-size--2xs: 0.75rem; --font-size--xs: 0.8125rem; --font-size--sm: 0.875rem; --font-size--md: 1rem; --font-size--lg: 1.125rem; --font-size--xl: 1.25rem; --font-size--2xl: 1.5rem; --font-size--3xl: 2rem; --font-size--4xl: 2.5rem; --font-size--5xl: 3rem; --font-size--6xl: 3.5rem; --menu-font-sm--size: 0.875rem; --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); --menu-font-md--size: 1rem; --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); --menu-font-lg--size: 1.125rem; --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); --menu-font-xl--size: 1.25rem; --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); --menu-font-2xl--size: 1.75rem; --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); --color-error: #8B0000; --color-success: #006400; --color-white: #FFFFFF; --color-white-rgb: 255 255 255; --color-black: #000000; --color-instock: #3ED660; --color-lowstock: #EE9441; --color-outofstock: #C8C8C8; --opacity-5: 0.05; --opacity-8: 0.08; --opacity-10: 0.1; --opacity-15: 0.15; --opacity-20: 0.2; --opacity-25: 0.25; --opacity-30: 0.3; --opacity-40: 0.4; --opacity-50: 0.5; --opacity-60: 0.6; --opacity-70: 0.7; --opacity-80: 0.8; --opacity-85: 0.85; --opacity-90: 0.9; --opacity-subdued-text: var(--opacity-70); --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); --margin-3xs: 0.125rem; --margin-2xs: 0.3rem; --margin-xs: 0.5rem; --margin-sm: 0.7rem; --margin-md: 0.8rem; --margin-lg: 1rem; --margin-xl: 1.25rem; --margin-2xl: 1.5rem; --margin-3xl: 1.75rem; --margin-4xl: 2rem; --margin-5xl: 3rem; --margin-6xl: 5rem; --scroll-margin: 50px; --padding-3xs: 0.125rem; --padding-2xs: 0.25rem; --padding-xs: 0.5rem; --padding-sm: 0.7rem; --padding-md: 0.8rem; --padding-lg: 1rem; --padding-xl: 1.25rem; --padding-2xl: 1.5rem; --padding-3xl: 1.75rem; --padding-4xl: 2rem; --padding-5xl: 3rem; --padding-6xl: 4rem; --gap-3xs: 0.125rem; --gap-2xs: 0.3rem; --gap-xs: 0.5rem; --gap-sm: 0.7rem; --gap-md: 0.9rem; --gap-lg: 1rem; --gap-xl: 1.25rem; --gap-2xl: 2rem; --gap-3xl: 3rem; --spacing-scale-sm: 0.6; --spacing-scale-md: 0.7; --spacing-scale-default: 1.0; --checkout-button-gap: 10px; --style-border-width: 1px; --style-border-radius-xs: 0.2rem; --style-border-radius-sm: 0.6rem; --style-border-radius-md: 0.8rem; --style-border-radius-50: 50%; --style-border-radius-lg: 1rem; --style-border-radius-pills: 40px; --style-border-radius-inputs: 4px; --style-border-radius-buttons-primary: 14px; --style-border-radius-buttons-secondary: 14px; --style-border-width-primary: 0px; --style-border-width-secondary: 1px; --style-border-width-inputs: 1px; --style-border-radius-popover: 14px; --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); --style-border-swatch-opacity: 10%; --style-border-swatch-width: 1px; --style-border-swatch-style: solid; --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955); --animation-speed-fast: 0.0625s; --animation-speed: 0.125s; --animation-speed-slow: 0.2s; --animation-speed-medium: 0.15s; --animation-easing: ease-in-out; --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); --drawer-animation-speed: 0.2s; --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); --animation-values: var(--animation-speed) var(--animation-easing); --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%); --spring-d300-b0-duration: 0.4980s; --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%); --spring-d280-b0-duration: 0.4648s; --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%); --spring-d260-b0-duration: 0.4316s; --spring-d220-b0-easing: linear(

      0,

      0.0093 1.37%,

      0.0696 4.12%,

      0.4667 15.09%,

      0.6322 20.58%,

      0.6986 23.32%,

      0.7793 27.44%,

      0.8219 30.18%,

      0.8721,

      0.9089 38.42%,

      0.9427,

      0.9644,

      0.978 54.88%,

      0.9881 61.74%,

      0.9944 69.97%,

      0.998 80.95%,

      0.9996 98.78%

    ); --spring-d220-b0-duration: 0.3818s; --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%); --spring-d180-b0-duration: 0.2988s; --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; --focus-outline-width: 0.09375rem; --focus-outline-offset: 0.2em; --badge-blob-padding-block: 1px; --badge-blob-padding-inline: 12px 8px; --badge-rectangle-padding-block: 1px; --badge-rectangle-padding-inline: 6px;

  @media screen and (min-width: 750px) {

  --badge-blob-padding-block: 4px; --badge-blob-padding-inline: 16px 12px; --badge-rectangle-padding-block: 4px; --badge-rectangle-padding-inline: 10px;

}

  --icon-size-2xs: 0.6rem; --icon-size-xs: 0.85rem; --icon-size-sm: 1.25rem; --icon-size-md: 1.375rem; --icon-size-lg: 1.5rem; --icon-stroke-width: 1.5px; --input-email-min-width: 200px; --input-search-max-width: 650px; --input-padding-y: 0.8rem; --input-padding-x: 0.8rem; --input-padding: var(--input-padding-y) var(--input-padding-x); --input-box-shadow-width: var(--style-border-width-inputs); --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); --input-textarea-min-height: 55px; --checkbox-size: 22px; --checkbox-border-radius: 7px; --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55)); --checkbox-label-padding: 8px;

  @media screen and (min-width: 750px) {

  --checkbox-size: 16px; --checkbox-border-radius: 5px; --checkbox-label-padding: 6px;

}

  --button-size-sm: 30px; --button-size-md: 36px; --button-size: var(--minimum-touch-target); --button-padding-inline: 24px; --button-padding-block: 16px; --button-font-family-primary: var(--font-body--family); --button-font-family-secondary: var(--font-body--family); --button-text-case: ; --button-text-case-primary: default; --button-text-case-secondary: default; --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); --border-width-sm: 1px; --border-width-md: 2px; --border-width-lg: 5px; --border-radius-sm: 0.25rem; --drawer-inline-padding: 25px; --drawer-menu-inline-padding: 2.5rem; --drawer-header-block-padding: 20px; --drawer-content-block-padding: 10px; --drawer-header-desktop-top: 0rem; --drawer-padding: calc(var(--padding-sm) + 7px); --drawer-height: 100dvh; --drawer-width: 95vw; --drawer-max-width: 500px; --variant-picker-swatch-width-unitless: 34; --variant-picker-swatch-height-unitless: 34; --variant-picker-swatch-width: 34px; --variant-picker-swatch-height: 34px; --variant-picker-swatch-radius: 32px; --variant-picker-border-width: 1px; --variant-picker-border-style: solid; --variant-picker-border-opacity: 10%; --variant-picker-button-radius: 14px; --variant-picker-button-border-width: 1px; --slideshow-controls-size: 3.5rem; --slideshow-controls-icon: 2rem; --peek-next-slide-size: 3rem; --backdrop-opacity: 0.15; --backdrop-color-rgb: var(--color-shadow-rgb); --minimum-touch-target: 44px; --disabled-opacity: 0.5; --skeleton-opacity: 0.025; --shape--circle: circle(50% at center); --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); --card-width-small: 10rem; --height-small: 10rem; --height-medium: 11.5rem; --height-large: 13rem; --height-full: 100vh;

  @media screen and (min-width: 750px) {

  --height-small: 17.5rem; --height-medium: 21.25rem; --height-large: 25rem;

}

  --modal-max-height: 65dvh; --quick-add-modal-height: min(38.5rem, 96vh); --quick-add-modal-width: min(54rem, 96vw); --quick-add-modal-gallery-width: 24rem; --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); --cart-primary-font-family: var(--font-body--family); --cart-primary-font-style: var(--font-body--style); --cart-primary-font-weight: var(--font-body--weight); --cart-secondary-font-family: var(--font-secondary--family); --cart-secondary-font-style: var(--font-secondary--style); --cart-secondary-font-weight: var(--font-secondary--weight);

}

@charset "utf-8";



lb-tq-page-upsell, lb-upsell-addon-popup, lb-upsell-modal, lb-product-page-cross-sell-ew, lb-upsell-product-page-addon, ppcse-floting-toast, ppcse-modal, image-toast, plus-minus-stepper, lb-shared-variants, lb-product-card, lb-upsell-product-preview, lb-upsell-timer, card-checkbox, lb-card-image, lb-card-title, lb-reviews, lb-subscription-picker, lb-variant-picker, lb-button, lb-price, lb-quantity-picker, lb-popup, lb-embed, lb-product-info, lb-popup-header, lb-bundle, lb-upsell-widget, lb-addon, lb-upsell-flat-card, lb-upsell-long-card, lb-bundle-cta, lb-pitch, lb-slider, lb-timer { visibility: hidden; }



.hydrated { visibility: inherit; }

:root { --paper-font-body: "Nunito", Inter, ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--paper-font-body); background: #fff; color: #27232a; }
img { max-width: 100%; }
video { display: block; width: 100%; min-height: 280px; object-fit: cover; background: #f8e9ef; }
.faq-pregunta { cursor: pointer; }
.faq-pregunta:focus-visible { outline: 3px solid #ff4f93; outline-offset: 4px; }
.faq-respuesta { display: none; }
.faq-item.is-open .faq-respuesta { display: block; }
.faq-item.is-open .faq-icon { transform: rotate(45deg); }
.testimonios-slide { display: none; }
.testimonios-slide.is-active { display: block; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }
@font-face {
  font-family: "Fredoka One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fredoka-one-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("assets/nunito-latin.woff2") format("woff2");
}