.el-shower-mark{--el-sm-ink: #102238;--el-sm-muted: #637083;padding:var(--el-sm-pt-m, 0px) 16px var(--el-sm-pb-m, 40px);background:#fff;font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.el-shower-mark :where(h2,p,ul,li){margin:0;padding:0}.el-shower-mark__intro{display:flex;flex-direction:column;gap:20px}.el-shower-mark__heading{font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;color:var(--el-sm-ink);font-weight:400;font-size:32px;line-height:1.15;letter-spacing:-.64px;text-box:trim-both cap alphabetic}.el-shower-mark__body{color:var(--el-sm-muted);font-weight:300;font-size:15px;line-height:1.4;letter-spacing:.15px;text-box:trim-both cap alphabetic}.el-shower-mark__body-extra{display:none}.el-shower-mark--full .el-shower-mark__body{padding-bottom:.5px}.el-shower-mark__row{margin-top:32px}.el-shower-mark__track{display:flex;gap:10px;margin:0 -16px!important;padding:0 16px!important;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.el-shower-mark__track::-webkit-scrollbar{display:none}.el-shower-mark__card{position:relative;flex:0 0 255px;height:408px;overflow:hidden;border-radius:8px;background:#dfe6ee;scroll-snap-align:start;list-style:none}.el-shower-mark__poster,.el-shower-mark__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.el-shower-mark__video{z-index:2;background:#000}.el-shower-mark__play{position:absolute;top:50%;left:50%;z-index:1;width:42.25px;height:42.25px;padding:0;border:0;border-radius:50%;background:#00000040;-webkit-backdrop-filter:blur(4.97px);backdrop-filter:blur(4.97px);transform:translate(-50%,-50%);cursor:pointer}.el-shower-mark__play svg{display:block;width:100%;height:100%}.el-shower-mark__play:after{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px}.el-shower-mark__play:focus-visible{outline:2px solid #fff;outline-offset:3px}.el-shower-mark__card.is-playing .el-shower-mark__play{display:none}.el-shower-mark__progress{position:relative;height:1px;margin-top:24px;background:#e9e9e9}.el-shower-mark__arrows{display:none}.el-shower-mark__progress-thumb{position:absolute;top:0;left:0;width:24.168%;height:1px;background:#000;transform:translate(calc(var(--el-mv-progress, 0) * 313.77%))}.el-shower-mark__reminder{position:relative;box-sizing:border-box;height:127px;margin-top:40px;padding:16px;overflow:hidden;border-radius:12px;background:#edf4f780}.el-shower-mark__reminder-image{position:absolute;display:block;max-width:none;pointer-events:none}.el-shower-mark__reminder-image--desktop{display:none}.el-shower-mark__reminder-image--mobile{right:-30.412px;top:-26px;width:194.412px;height:198.937px}.el-shower-mark__reminder-text{position:relative;width:calc(100% - 121px);text-wrap:pretty;color:var(--el-sm-muted);font-weight:300;font-size:15px;line-height:1.4;letter-spacing:.15px;text-box:trim-both cap alphabetic}.el-shower-mark--short .el-shower-mark__heading{max-width:280px}.el-shower-mark--short .el-shower-mark__row{margin-top:20px}.el-shower-mark--short .el-shower-mark__track{gap:12px}.el-shower-mark--short .el-shower-mark__card{flex-basis:calc((100% - 15px)/2);height:260px}.el-shower-mark--short .el-shower-mark__progress{display:none}@media screen and (min-width:600px)and (max-width:1023px){.el-shower-mark--short .el-shower-mark__card{flex-basis:calc((100% - 36px)/4)}}.el-shower-mark--short .el-shower-mark__play{width:21px;height:21px;background:#ffffff1a;-webkit-backdrop-filter:none;backdrop-filter:none}@media screen and (min-width:1024px){.el-shower-mark{padding:var(--el-sm-pt, 60px) clamp(32px,8.3334vw,120px) var(--el-sm-pb, 60px)}.el-shower-mark__inner{max-width:1200px;margin:0 auto}.el-shower-mark__intro{align-items:center;gap:24px;max-width:1000px;margin:0 auto;text-align:center}.el-shower-mark__heading{font-size:44px;line-height:52px;letter-spacing:-.88px;text-box:none}.el-shower-mark__body{font-size:18px;line-height:26px;letter-spacing:0}.el-shower-mark__body-extra{display:inline}.el-shower-mark__row{display:grid;grid-template-columns:minmax(0,1fr) calc((100% - 72px)/4);gap:24px;align-items:start;margin-top:40px}.el-shower-mark__videos{min-width:0}.el-shower-mark__track{gap:24px;margin:0!important;padding:0!important;scroll-padding:0}.el-shower-mark__card{flex:0 0 calc((100% - 48px) / 3);height:auto;aspect-ratio:282 / 502;border-radius:9px}.el-shower-mark__play{width:49px;height:49px}.el-shower-mark__progress{display:none}.el-shower-mark__reminder{height:auto;aspect-ratio:282 / 502;margin-top:0;padding:0}.el-shower-mark__reminder-image--mobile{display:none}.el-shower-mark__reminder-image--desktop{display:block;left:-60.64%;top:-31.47%;width:226.5%;height:auto;aspect-ratio:1}.el-shower-mark__reminder-text{position:absolute;left:8.51%;top:72.71%;width:82.98%;font-size:18px;letter-spacing:.18px}.el-shower-mark--full .el-shower-mark__body{padding-bottom:.4px}.el-shower-mark--full .el-shower-mark__row{display:block}.el-shower-mark--full .el-shower-mark__track{scroll-snap-type:x mandatory;scroll-behavior:smooth}.el-shower-mark--full .el-shower-mark__card{flex-basis:calc((100% - 72px)/4)}.el-shower-mark--arrows .el-shower-mark__arrows{display:flex;justify-content:center;gap:32px;margin-top:40px}.el-shower-mark__arrow{display:block;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#1f5492;cursor:pointer;transition:opacity .2s ease}.el-shower-mark__arrow svg{display:block;width:100%;height:100%}.el-shower-mark__arrow:disabled{opacity:.25;cursor:default}.el-shower-mark__arrow:focus-visible{outline:2px solid var(--el-sm-ink);outline-offset:3px}.el-shower-mark--short .el-shower-mark__heading{max-width:none}.el-shower-mark--short .el-shower-mark__row{margin-top:40px}.el-shower-mark--short .el-shower-mark__track{gap:24px}.el-shower-mark--short .el-shower-mark__card{flex-basis:calc((100% - 72px)/4);height:auto;aspect-ratio:282 / 441;border-radius:13px}.el-shower-mark--short .el-shower-mark__play{width:34px;height:34px}}@media screen and (min-width:391px)and (max-width:1365px){.el-shower-mark__body{text-wrap:pretty}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/el-section-shower-mark.css.map */