.ex-how-to{padding:0 18px 30px;background:var(--htu-bg);color:var(--htu-text)}.ex-how-to__frame{position:relative;width:min(100%,1540px);min-height:560px;margin:auto;overflow:hidden;border:1px solid var(--htu-border);border-radius:15px;background-color:var(--htu-bg);background-image:linear-gradient(90deg,#fffaf2f5,#fffaf2e0 68%,#fffaf233),var(--htu-backdrop);background-position:center;background-size:cover;box-shadow:0 14px 42px #50351814}.ex-how-to__header{width:68%;padding:43px 30px 25px;text-align:center}.ex-how-to__header h2{margin:0;font:500 42px/1.1 Georgia,Times New Roman,serif;letter-spacing:.03em}.ex-how-to__header h2:first-letter{color:var(--htu-accent)}.ex-how-to__header>div{margin-top:14px;color:#655c55;font-size:16px}.ex-how-to__header p{margin:0}.ex-how-to__header i{display:flex;width:190px;align-items:center;gap:8px;margin:13px auto 0;color:var(--htu-accent);font-style:normal}.ex-how-to__header i:before,.ex-how-to__header i:after{content:"";height:1px;flex:1;background:var(--htu-accent)}.ex-how-to__main{display:grid;min-height:390px;grid-template-columns:69% 31%}.ex-how-to__viewport{min-width:0;overflow:hidden;padding:10px 12px 18px}.ex-how-to__track{display:flex;width:max-content}.ex-how-to__track--moving{animation:ex-how-to-marquee var(--htu-speed) linear infinite}.ex-how-to__viewport:hover .ex-how-to__track--moving{animation-play-state:paused}.ex-how-to__group{display:flex;flex:none;align-items:center;padding-right:22px}.ex-how-to__step{width:235px;flex:none;overflow:hidden;border:1px solid var(--htu-border);border-radius:15px;background:#fffdf9;box-shadow:0 10px 26px #54371817;transition:transform .4s,box-shadow .4s}.ex-how-to__step:hover{transform:translateY(-6px);box-shadow:0 17px 34px #54371826}.ex-how-to__step-image{height:205px;overflow:hidden;background:#efe0cb}.ex-how-to__step-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s ease}.ex-how-to__step:hover .ex-how-to__step-image img{transform:scale(1.055)}.ex-how-to__step-copy{min-height:130px;padding:12px 17px 17px;text-align:center}.ex-how-to__step-copy>b{display:grid;width:28px;height:28px;margin:-1px auto 7px;place-items:center;border:1px solid var(--htu-accent);border-radius:50%;color:var(--htu-accent);font:500 17px Georgia,serif}.ex-how-to__step h3{margin:0;font:600 17px/1.2 Georgia,Times New Roman,serif}.ex-how-to__step-copy>div{margin-top:8px;font-size:10px;line-height:1.45}.ex-how-to__step-copy p{margin:0}.ex-how-to__arrow{display:grid;width:42px;height:42px;flex:none;place-items:center;margin:0 -1px;border-radius:50%;background:#fff;color:var(--htu-accent);font-size:26px;box-shadow:0 6px 17px #5b3c181f}.ex-how-to__product{position:relative;min-width:0;overflow:hidden;border-radius:48% 0 0;background:radial-gradient(circle at 50% 50%,#fff9ef,#edd5af)}.ex-how-to__product:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px solid color-mix(in srgb,var(--htu-accent) 45%,transparent);border-radius:48% 0 0;pointer-events:none}.ex-how-to__product img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease}.ex-how-to__frame:hover .ex-how-to__product img{transform:scale(1.025)}.ex-how-to__features{display:flex;width:68%;min-height:62px;align-items:center;justify-content:center;gap:0;padding:0 25px}.ex-how-to__features div{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 29px;border-right:1px solid color-mix(in srgb,var(--htu-accent) 55%,transparent);font:500 13px Georgia,serif}.ex-how-to__features div:last-child{border-right:0}.ex-how-to__features span{color:var(--htu-accent);font-size:24px}@keyframes ex-how-to-marquee{to{transform:translate(-50%)}}@media(max-width:1100px){.ex-how-to__header{width:100%}.ex-how-to__main{grid-template-columns:1fr}.ex-how-to__product{height:360px;grid-row:1;border-radius:0}.ex-how-to__product:before{display:none}.ex-how-to__features{width:100%;flex-wrap:wrap}.ex-how-to__features div{min-height:46px}}@media(max-width:749px){.ex-how-to{padding:0 10px 22px}.ex-how-to__frame{border-radius:11px}.ex-how-to__header{padding:30px 18px 20px}.ex-how-to__header h2{font-size:31px}.ex-how-to__header>div{font-size:14px}.ex-how-to__product{height:280px}.ex-how-to__step{width:210px}.ex-how-to__step-image{height:180px}.ex-how-to__features{padding:11px 8px}.ex-how-to__features div{width:50%;padding:0 9px;border:0;font-size:11px}.ex-how-to__features span{font-size:19px}}@media(prefers-reduced-motion:reduce){.ex-how-to__track--moving{animation:none}.ex-how-to__viewport{overflow-x:auto}.ex-how-to__step,.ex-how-to__step-image img{transition:none}}.ex-how-to__header{box-sizing:border-box;width:100%}@media(min-width:1101px){.ex-how-to__main{position:relative;display:block;min-height:390px}.ex-how-to__viewport{position:relative;z-index:2;width:100%;min-height:390px;padding:10px 22px 18px}.ex-how-to__product{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0}.ex-how-to__product:before{display:none}.ex-how-to__product:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--htu-bg) 30%,transparent),transparent 72%);pointer-events:none}.ex-how-to__product img{object-position:right center}.ex-how-to__features{position:relative;z-index:3;width:100%;background:color-mix(in srgb,var(--htu-bg) 84%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-how-to.css.map */