.holder-usage-story--ju .holder-usage-story__toggle,.holder-usage-story--ju .holder-usage-story__mobile-controls,.holder-usage-story--ju .holder-usage-story__reveal{display:none!important}.holder-usage-story--ju .holder-usage-story__ju-panel,.holder-usage-story--ju .holder-usage-story__visual{max-height:none!important;opacity:1!important;transform:none!important;clip-path:none!important;pointer-events:auto!important}.holder-usage-story--ju .holder-usage-story__visual{touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none}.holder-usage-story--ju.is-ju-initial .holder-usage-story__ju-panel{display:none!important}.holder-usage-story--ju.is-ju-initial .holder-usage-story__visual{grid-column:1 / -1}.holder-usage-story--ju .holder-usage-story__video{object-fit:contain!important;object-position:50% 50%!important;opacity:1!important;transform:translate3d(0,var(--usage-pan-y, 0%),0) scale(var(--usage-zoom, 1))!important;transform-origin:50% 50%}.holder-usage-story--ju.is-ju-monochrome .holder-usage-story__video{filter:grayscale(1) brightness(.64) contrast(1.08)!important}.holder-usage-story--ju.is-ju-fading .holder-usage-story__video{opacity:0!important}.holder-usage-story--ju .holder-usage-story__mobile-pager{display:flex!important;grid-column:1 / -1;grid-row:3;align-items:center;justify-content:space-between;min-height:52px;padding:3px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}.holder-usage-story--ju .holder-usage-story__pager-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 4px;border:0;background:transparent;color:#171717;font:inherit;font-size:15px;cursor:pointer}.holder-usage-story--ju .holder-usage-story__pager-button:disabled{color:#b8b8b8;cursor:default}.holder-usage-story--ju .holder-usage-story__pager-current{color:#767676;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.05em}html body .holder-usage-story--ju,html body .holder-usage-story--ju .holder-usage-story__sticky,html body .holder-usage-story--ju .holder-usage-story__layout,html body .holder-usage-story--ju .holder-usage-story__visual,html body .holder-usage-story--ju .holder-usage-story__video{background:transparent!important;overflow-anchor:none!important}html body .holder-usage-story--ju .holder-usage-story__visual:before,html body .holder-usage-story--ju .holder-usage-story__visual:after,html body .holder-usage-story--ju .holder-usage-story__reveal{display:none!important;opacity:0!important;background:transparent!important}html body .holder-usage-story--ju .holder-usage-story__video,html body .holder-usage-story--ju.is-ju-monochrome .holder-usage-story__video,html body .holder-usage-story--ju.is-ju-fading .holder-usage-story__video,html body .holder-usage-story--ju.is-mobile-switching .holder-usage-story__video{opacity:1!important;filter:none!important;transition:none!important;transform-origin:50% 50%!important}@media screen and (max-width:749px){html body .holder-usage-story--ju{height:var(--usage-viewport-height, calc(100dvh - 119px) )!important;min-height:0!important;overflow:clip!important}html body .holder-usage-story--ju .holder-usage-story__sticky{position:sticky!important;top:0!important;height:var(--usage-viewport-height, calc(100dvh - 119px) )!important;min-height:0!important;overflow:hidden!important}html body .holder-usage-story--ju .holder-usage-story__layout,html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__layout{width:min(calc(100% - 32px),720px)!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:calc(var(--usage-header-height, 55px) + clamp(8px,1.6dvh,14px)) 0 6px!important;row-gap:clamp(6px,1.15dvh,10px)!important;grid-template-rows:auto auto minmax(0,1fr) 46px!important;overflow:hidden!important}html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__layout{grid-template-rows:auto minmax(0,1fr) 46px!important}html body .holder-usage-story--ju .holder-usage-story__mobile-intro{padding:0 0 clamp(6px,1dvh,10px)!important}html body .holder-usage-story--ju .holder-usage-story__mobile-intro .holder-usage-story__title{font-size:clamp(27px,8.3vw,36px)!important;line-height:.98!important}html body .holder-usage-story--ju .holder-usage-story__mobile-intro .holder-usage-story__lead{display:block!important;margin-top:clamp(10px,1.8dvh,16px)!important;font-size:clamp(14px,3.8vw,17px)!important;line-height:1.35!important}html body .holder-usage-story--ju .holder-usage-story__initial-action,html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__initial-action{display:none!important}html body .holder-usage-story--ju .holder-usage-story__ju-panel{grid-row:2!important;min-height:0!important;overflow:hidden!important}html body .holder-usage-story--ju .holder-usage-story__mobile-details{min-height:0!important;padding:2px 0 4px!important}html body .holder-usage-story--ju .holder-usage-story__mobile-detail .holder-usage-story__step-number{margin-bottom:5px!important;font-size:12px!important}html body .holder-usage-story--ju .holder-usage-story__mobile-detail .holder-usage-story__step-title{margin:0!important;font-size:clamp(22px,6.5vw,29px)!important;line-height:1!important}html body .holder-usage-story--ju .holder-usage-story__mobile-detail .holder-usage-story__step-text{margin-top:8px!important;font-size:clamp(13px,3.55vw,16px)!important;line-height:1.35!important}html body .holder-usage-story--ju .holder-usage-story__visual,html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__visual{grid-row:3!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__visual{grid-row:2!important}html body .holder-usage-story--ju .holder-usage-story__video{width:100%!important;height:100%!important;object-fit:contain!important}html body .holder-usage-story--ju .holder-usage-story__mobile-pager,html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__mobile-pager{grid-row:4!important;min-height:46px!important;height:46px!important;padding:0!important;margin:0!important}html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__mobile-pager{grid-row:3!important}}html body .holder-usage-story--ju .holder-usage-story__initial-action{display:none!important}html body .holder-usage-story--ju .holder-usage-story__dots{display:none;gap:9px;align-items:center;justify-content:center}html body .holder-usage-story--ju .holder-usage-story__dot{position:relative;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#cfcfcf;cursor:pointer;transition:width .34s cubic-bezier(.22,1,.36,1),background-color .28s ease;-webkit-tap-highlight-color:transparent}html body .holder-usage-story--ju .holder-usage-story__dot:after{content:"";position:absolute;top:-15px;right:-7px;bottom:-15px;left:-7px}html body .holder-usage-story--ju .holder-usage-story__dot.is-active{width:22px;background:#171717}@media screen and (max-width:749px){html body .holder-usage-story--ju .holder-usage-story__pager-button,html body .holder-usage-story--ju .holder-usage-story__pager-current{display:none!important}html body .holder-usage-story--ju .holder-usage-story__dots{display:flex!important}html body .holder-usage-story--ju .holder-usage-story__mobile-pager{justify-content:center!important;border-top:1px solid #dedede!important;border-bottom:0!important}html body .holder-usage-story--ju .holder-usage-story__layout{touch-action:pan-y}}@media screen and (max-width:749px)and (max-height:700px){html body .holder-usage-story--ju .holder-usage-story__mobile-intro .holder-usage-story__lead{display:none!important}html body .holder-usage-story--ju .holder-usage-story__mobile-intro .holder-usage-story__title{font-size:clamp(22px,6.6vw,28px)!important}html body .holder-usage-story--ju .holder-usage-story__mobile-detail .holder-usage-story__step-title{font-size:clamp(19px,5.8vw,24px)!important}html body .holder-usage-story--ju .holder-usage-story__mobile-detail .holder-usage-story__step-text{font-size:13px!important;line-height:1.3!important}}@media screen and (max-width:749px){html body .holder-usage-story--ju{height:calc(var(--usage-viewport-height, calc(100dvh - 119px) ) - var(--usage-header-height, 55px))!important}html body .holder-usage-story--ju .holder-usage-story__sticky{top:var(--usage-header-height, 55px)!important;height:calc(var(--usage-viewport-height, calc(100dvh - 119px) ) - var(--usage-header-height, 55px))!important}html body .holder-usage-story--ju .holder-usage-story__layout,html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__layout{padding:clamp(6px,1.2dvh,12px) 0 4px!important;row-gap:clamp(5px,1dvh,9px)!important}html body .holder-usage-story--ju .holder-usage-story__mobile-pager,html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__mobile-pager{min-height:42px!important;height:42px!important}html body .holder-usage-story--ju .holder-usage-story__swipe-hint{position:absolute;z-index:6;right:0;bottom:6px;left:0;display:flex;gap:7px;align-items:center;justify-content:center;color:#1717178c;font-size:12px;letter-spacing:-.01em;opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}html body .holder-usage-story--ju.is-step-complete:not(.is-last-step) .holder-usage-story__swipe-hint{opacity:1;transform:translateY(0)}html body .holder-usage-story--ju .holder-usage-story__swipe-hint-arrow{animation:usageSwipeNudge 1.5s ease-in-out infinite}@keyframes usageSwipeNudge{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@media(prefers-reduced-motion:reduce){html body .holder-usage-story--ju .holder-usage-story__swipe-hint-arrow{animation:none}}}@media screen and (min-width:750px){html body .holder-usage-story--guided .holder-usage-story__layout{grid-template-rows:auto minmax(560px,auto) auto!important}html body .holder-usage-story--guided .holder-usage-story__visual{min-height:560px!important;height:100%!important;max-height:none!important;opacity:1!important;clip-path:none!important;pointer-events:auto!important}html body .holder-usage-story--guided .holder-usage-story__ju-panel{min-height:560px!important;max-height:none!important;opacity:1!important;clip-path:none!important;pointer-events:auto!important}}@media screen and (min-width:750px){html body .holder-usage-story--ju .holder-usage-story__swipe-hint{display:none!important}}@media screen and (max-width:749px){html body .holder-usage-story--ju .holder-usage-story__mobile-details{border-top:0!important}html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__swipe-hint{opacity:1;transform:translateY(0)}html body .holder-usage-story--ju.is-ju-initial .holder-usage-story__swipe-hint-arrow{animation:usageSwipeInvite 1.9s ease-in-out infinite}@keyframes usageSwipeInvite{0%,to{transform:translate(9px);opacity:.35}50%{transform:translate(-9px);opacity:1}}html body .holder-usage-story--ju .holder-usage-story__zone{display:none!important}}@media screen and (min-width:750px){html body .holder-usage-story--guided .holder-usage-story__zone{position:absolute;z-index:4;top:0;bottom:0;width:50%;padding:0;border:0;background:transparent;-webkit-appearance:none;appearance:none}html body .holder-usage-story--guided .holder-usage-story__zone--prev{left:0;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Ccircle cx='18' cy='18' r='16' fill='rgba(255,255,255,0.92)' stroke='rgba(0,0,0,0.14)'/%3E%3Cpath d='M20.5 11l-7 7 7 7' fill='none' stroke='%23171717' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 18 18,w-resize}html body .holder-usage-story--guided .holder-usage-story__zone--next{right:0;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Ccircle cx='18' cy='18' r='16' fill='rgba(255,255,255,0.92)' stroke='rgba(0,0,0,0.14)'/%3E%3Cpath d='M15.5 11l7 7-7 7' fill='none' stroke='%23171717' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 18 18,e-resize}html body .holder-usage-story--guided .holder-usage-story__zone[disabled]{cursor:default;pointer-events:none}}html body .holder-usage-story--guided .holder-usage-story__video:not(.is-active-media){opacity:0!important;visibility:hidden!important;pointer-events:none!important}html body .holder-usage-story--multi .holder-usage-story__media-tabs{display:flex;gap:8px;align-items:center;min-width:0}html body .holder-usage-story--multi .holder-usage-story__media-tab{min-height:36px;padding:0 16px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#6d6d6d;font:inherit;font-size:13px;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:color .24s ease,background-color .24s ease,border-color .24s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){html body .holder-usage-story--multi .holder-usage-story__media-tab:hover:not(.is-active){border-color:#b9b9b9;color:#222}}html body .holder-usage-story--multi .holder-usage-story__media-tab.is-active{border-color:#171717;background:#171717;color:#fff}@media screen and (min-width:750px){html body .holder-usage-story--multi .holder-usage-story__layout{grid-template-rows:auto auto minmax(560px,auto) auto!important}html body .holder-usage-story--multi .holder-usage-story__media-tabs{grid-column:1 / -1;grid-row:2;margin-top:-8px}html body .holder-usage-story--multi .holder-usage-story__visual,html body .holder-usage-story--multi .holder-usage-story__ju-panel{grid-row:3!important}html body .holder-usage-story--multi .holder-usage-story__mobile-pager{grid-row:4!important}}@media screen and (max-width:749px){html body .holder-usage-story--multi .holder-usage-story__layout{grid-template-rows:auto auto auto minmax(clamp(150px,28dvh,420px),1fr) 42px!important}html body .holder-usage-story--multi.is-ju-initial .holder-usage-story__layout{grid-template-rows:auto auto minmax(clamp(150px,28dvh,420px),1fr) 42px!important}html body .holder-usage-story--multi .holder-usage-story__media-tabs{grid-column:1!important;grid-row:2!important;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}html body .holder-usage-story--multi .holder-usage-story__media-tabs::-webkit-scrollbar{display:none}html body .holder-usage-story--multi .holder-usage-story__media-tab{min-height:32px;padding:0 13px;font-size:12.5px}html body .holder-usage-story--multi .holder-usage-story__ju-panel{grid-row:3!important}html body .holder-usage-story--multi .holder-usage-story__visual,html body .holder-usage-story--multi.is-ju-initial .holder-usage-story__visual{grid-row:4!important}html body .holder-usage-story--multi.is-ju-initial .holder-usage-story__visual{grid-row:3!important}html body .holder-usage-story--multi .holder-usage-story__mobile-pager{grid-row:5!important}html body .holder-usage-story--multi.is-ju-initial .holder-usage-story__mobile-pager{grid-row:4!important}}html body .holder-usage-story--guided .holder-usage-story__visual,html body .holder-usage-story--guided .holder-usage-story__video{background-color:#fff!important}html body .holder-usage-story--guided .holder-usage-story__holder-notice{margin:10px 0 0;color:#8a8a8a;font-size:13px;line-height:1.5}html body .holder-usage-story--guided .holder-usage-story__mobile-detail{animation:usageStepCopyIn .66s cubic-bezier(.22,1,.36,1) both}@keyframes usageStepCopyIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html body .holder-usage-story--guided .holder-usage-story__layout{transition:grid-template-rows .66s cubic-bezier(.22,1,.36,1),row-gap .66s cubic-bezier(.22,1,.36,1)}html body .holder-usage-story--guided .holder-usage-story__mobile-details{transition:min-height .66s cubic-bezier(.22,1,.36,1),padding .66s cubic-bezier(.22,1,.36,1),opacity .5s ease}html body .holder-usage-story--guided .holder-usage-story__step-title{letter-spacing:-.03em}@media screen and (max-width:749px){html body .holder-usage-story--guided .holder-usage-story__video{bottom:30px!important}html body .holder-usage-story--guided .holder-usage-story__swipe-hint{bottom:2px}}@media(prefers-reduced-motion:reduce){html body .holder-usage-story--guided .holder-usage-story__mobile-detail,html body .holder-usage-story--guided .holder-usage-story__layout,html body .holder-usage-story--guided .holder-usage-story__mobile-details{animation:none!important;transition-duration:.01ms!important}}html body .holder-usage-story--guided .holder-usage-story__video,html body .holder-usage-story--guided.is-ju-monochrome .holder-usage-story__video,html body .holder-usage-story--guided.is-ju-fading .holder-usage-story__video,html body .holder-usage-story--guided.is-mobile-switching .holder-usage-story__video{filter:brightness(1.012)!important}html body .holder-usage-story--guided .holder-usage-story__visual{overflow:hidden!important;border:0!important;outline:0!important;box-shadow:none!important;background-clip:padding-box}html body .holder-usage-story--guided .holder-usage-story__video{border:0!important;outline:0!important;box-shadow:none!important;clip-path:inset(1px)!important;-webkit-clip-path:inset(1px)!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media screen and (min-width:768px){html body .holder-usage-story--guided .holder-usage-story__video{clip-path:inset(2px)!important;-webkit-clip-path:inset(2px)!important}}@media screen and (max-width:749px){html body .holder-usage-story--guided.is-step-2 .holder-usage-story__swipe-hint{top:40%;bottom:auto}}@media screen and (max-width:749px){html body .holder-usage-story--guided .holder-usage-story__video{bottom:0!important}html body .holder-usage-story--guided .holder-usage-story__swipe-hint,html body .holder-usage-story--guided.is-step-2 .holder-usage-story__swipe-hint{top:24%;bottom:auto}}html body .holder-usage-story--guided .holder-usage-story__step-title{white-space:normal;word-break:keep-all;overflow-wrap:break-word}@media screen and (max-width:749px){html body .holder-usage-story--guided .holder-usage-story__swipe-hint,html body .holder-usage-story--guided.is-step-2 .holder-usage-story__swipe-hint,html body .holder-usage-story--guided.is-ju-initial .holder-usage-story__swipe-hint,html body .holder-usage-story--guided.is-step-complete:not(.is-last-step) .holder-usage-story__swipe-hint{bottom:auto;transform:translateY(-50%)}html body .holder-usage-story--guided.is-ju-initial .holder-usage-story__swipe-hint{top:84%}html body .holder-usage-story--guided.is-step-1 .holder-usage-story__swipe-hint{top:42%}html body .holder-usage-story--guided.is-step-2 .holder-usage-story__swipe-hint{top:27.5%}html body .holder-usage-story--guided.is-step-3 .holder-usage-story__swipe-hint{top:41.5%}html body .holder-usage-story--guided.is-step-4 .holder-usage-story__swipe-hint{top:42%}html body .holder-usage-story--guided.is-step-5 .holder-usage-story__swipe-hint{top:84%}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/holder-usage-ju-runtime.css.map */