.nad-wear :where(h1,h2,h3,h4,h5,h6,p){margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}.nad-wear{--nad-wear-hero-h: 700px;--nad-wear-hero-h-m: 600px;--nad-wear-radius: 10px;--nad-wear-thumb-radius: 7px;--nad-wear-thumb: 163px;--nad-wear-thumb-m: 90px;--nad-wear-gap: 60px;--nad-wear-gap-m: 20px;--nad-wear-how-gap: 51px;--nad-wear-how-gap-m: 27px;--nad-wear-steps-top: 48px;--nad-wear-steps-top-m: 25px;display:block;width:100%;position:relative;padding-top:var(--nad-wear-pad-top, 0px);padding-bottom:var(--nad-wear-pad-bottom, 0px);overflow:hidden}.nad-wear__hero{position:relative;width:100%;height:var(--nad-wear-hero-h);overflow:hidden}.nad-wear__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.nad-wear__bg-img,.nad-wear__bg picture,.nad-wear__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.nad-wear__bg-img,.nad-wear__bg img{opacity:var(--nad-wear-bg-opacity, 1)}.nad-wear__bg-fallback{width:100%;height:100%;background-color:var(--nad-wear-bg, #8d8d8d)}.nad-wear__hero-inner{position:relative;z-index:1;height:100%;box-sizing:border-box;padding-top:80px;padding-bottom:86px}.nad-wear__copy{display:flex;flex-direction:column;align-items:flex-start;max-width:480px;height:100%}.nad-wear__eyebrow{margin:0;font-size:18px;font-weight:600;line-height:normal;letter-spacing:0;text-transform:uppercase;color:var(--nad-wear-color-eyebrow, #1766b0)}.nad-wear__title{margin:20px 0 0;font-size:48px;font-weight:500;line-height:normal;color:var(--nad-wear-color-heading, #133351)}.nad-wear__title-pc{display:block}.nad-wear__title-m{display:none}.nad-wear__desc{margin-top:auto;width:100%;max-width:480px;padding:36px 28px;box-sizing:border-box;background-color:#0006;font-size:20px;font-weight:400;line-height:24px;color:#fff}.nad-wear__play{position:absolute;top:80px;right:0;z-index:2;width:91px;height:132px;padding:0;border:0;border-radius:4px;background-color:var(--nad-wear-play-bg, #999999);cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:opacity .25s ease}.nad-wear__play:hover:not(:disabled),.nad-wear__play:focus-visible:not(:disabled){opacity:.9;outline:none}.nad-wear__play:disabled{cursor:default}.nad-wear__play:focus-visible{box-shadow:0 0 0 2px #fff}.nad-wear__play-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nad-wear__play-icon{position:relative;z-index:1;width:24px;height:24px;display:block;pointer-events:none}.nad-wear__play-icon svg{display:block;width:100%;height:100%}.nad-wear__steps-area{position:relative;z-index:1;padding-top:var(--nad-wear-steps-top);padding-bottom:0}.nad-wear__steps-inner{width:100%;box-sizing:border-box}.nad-wear__how-title{margin:0 0 var(--nad-wear-how-gap);font-size:18px;font-weight:600;line-height:normal;text-transform:uppercase;color:var(--nad-wear-color-how, #133351)}.nad-wear__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nad-wear-gap)}.nad-wear__step{display:flex;align-items:center;gap:20px;min-height:192px;padding:14px 14px 14px 36px;box-sizing:border-box;border-radius:var(--nad-wear-radius);background-color:var(--nad-wear-card-bg, #e4e4e4);background-image:none;color:var(--nad-wear-card-text, #133351);overflow:hidden;cursor:default;transition:background-color .3s ease,color .3s ease}.nad-wear__step--active{background-color:transparent;background-image:linear-gradient(90deg,var(--nad-wear-card-bg-active-start, #133351),var(--nad-wear-card-bg-active-end, #19456e));color:var(--nad-wear-card-text-active, #ffffff)}.nad-wear__step-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:14px}.nad-wear__step-title{margin:0;font-size:33px;font-weight:500;line-height:36px}.nad-wear__step-desc{margin:0;font-size:22px;font-weight:400;line-height:normal;opacity:.6;max-width:324px}.nad-wear__step-media{flex:0 0 var(--nad-wear-thumb);width:var(--nad-wear-thumb);height:var(--nad-wear-thumb);border-radius:var(--nad-wear-thumb-radius);overflow:hidden;background-color:#f0f0f0}.nad-wear__step-media img{display:block;width:100%;height:100%;object-fit:cover}.nad-wear__step-media--placeholder{background-color:#f0f0f0}.nad-wear__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.nad-wear.is-video-open .nad-wear__overlay{opacity:1;visibility:visible;pointer-events:auto}.nad-wear__overlay-media{width:100%;height:100%}.nad-wear__video,.nad-wear__video-iframe{width:100%;height:100%;display:block;border:0}.nad-wear__close{position:absolute;top:24px;right:24px;z-index:6;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,background-color .2s ease}.nad-wear.is-video-open .nad-wear__close{opacity:1;visibility:visible}.nad-wear__close:hover,.nad-wear__close:focus-visible{background:#000000b3;outline:none}.nad-wear__close:focus-visible{box-shadow:0 0 0 2px #fff}.nad-wear__close-icon{width:18px;height:18px;display:block;pointer-events:none}.nad-wear__close-icon svg{display:block;width:100%;height:100%}@media screen and (max-width:767px){.nad-wear{--nad-wear-thumb-radius: 4px;padding-top:var(--nad-wear-pad-top-m, 0px);padding-bottom:var(--nad-wear-pad-bottom-m, 0px);overflow:visible}.nad-wear__hero{height:var(--nad-wear-hero-h-m)}.nad-wear__hero-inner{padding:36px 0 48px}.nad-wear__copy{max-width:none;width:100%;justify-content:flex-end;padding:0 20px}.nad-wear__eyebrow{display:none}.nad-wear__title{margin-top:0;font-size:36px;font-weight:500;line-height:40px;color:#fff}.nad-wear__title-pc{display:none}.nad-wear__title-m{display:block}.nad-wear__desc{margin-top:20px;max-width:none;padding:0;background:none;font-size:16px;line-height:normal;letter-spacing:-.16px;color:#fff;opacity:.8}.nad-wear__play{top:36px;right:20px;opacity:.8}.nad-wear__steps-area{padding-top:var(--nad-wear-steps-top-m);padding-bottom:0}.nad-wear__how-title{margin-bottom:var(--nad-wear-how-gap-m);font-size:9px}.nad-wear__steps{grid-template-columns:1fr;gap:var(--nad-wear-gap-m)}.nad-wear__step{min-height:106px;padding:8px 8px 8px 20px;gap:12px}.nad-wear__step-body{gap:5px}.nad-wear__step-title{font-size:18px;line-height:20px}.nad-wear__step-desc{font-size:12px;max-width:179px}.nad-wear__step-media{flex-basis:var(--nad-wear-thumb-m);width:var(--nad-wear-thumb-m);height:var(--nad-wear-thumb-m)}.nad-wear__close{top:16px;right:16px}}@media(prefers-reduced-motion:reduce){.nad-wear__step,.nad-wear__overlay,.nad-wear__close,.nad-wear__play{transition:none}}@media screen and (min-width:1280px)and (max-width:1600px){.nad-wear{--nad-mid-s: calc(1296 / 1416);--nad-wear-hero-h: calc(700px * var(--nad-mid-s));--nad-wear-radius: calc(10px * var(--nad-mid-s));--nad-wear-thumb-radius: calc(7px * var(--nad-mid-s));--nad-wear-thumb: calc(163px * var(--nad-mid-s));--nad-wear-gap: calc(60px * var(--nad-mid-s));--nad-wear-how-gap: calc(51px * var(--nad-mid-s));--nad-wear-steps-top: calc(48px * var(--nad-mid-s));overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;padding-top:calc(var(--nad-wear-pad-top, 0px) * var(--nad-mid-s));padding-bottom:calc(var(--nad-wear-pad-bottom, 0px) * var(--nad-mid-s))}.nad-wear__hero-inner{padding-top:calc(80px * var(--nad-mid-s));padding-bottom:calc(86px * var(--nad-mid-s))}.nad-wear__copy{max-width:calc(480px * var(--nad-mid-s))}.nad-wear__eyebrow{font-size:calc(18px * var(--nad-mid-s))}.nad-wear__title{margin-top:calc(20px * var(--nad-mid-s));font-size:calc(48px * var(--nad-mid-s))}.nad-wear__desc{max-width:calc(480px * var(--nad-mid-s));padding:calc(36px * var(--nad-mid-s)) calc(28px * var(--nad-mid-s));font-size:calc(20px * var(--nad-mid-s));line-height:calc(24px * var(--nad-mid-s))}.nad-wear__play{top:calc(80px * var(--nad-mid-s));width:calc(91px * var(--nad-mid-s));height:calc(132px * var(--nad-mid-s));border-radius:calc(4px * var(--nad-mid-s))}.nad-wear__play-icon{width:calc(24px * var(--nad-mid-s));height:calc(24px * var(--nad-mid-s))}.nad-wear__how-title{font-size:calc(18px * var(--nad-mid-s))}.nad-wear__step{gap:calc(20px * var(--nad-mid-s));min-height:calc(192px * var(--nad-mid-s));padding:calc(14px * var(--nad-mid-s)) calc(14px * var(--nad-mid-s)) calc(14px * var(--nad-mid-s)) calc(36px * var(--nad-mid-s))}.nad-wear__step-body{gap:calc(14px * var(--nad-mid-s))}.nad-wear__step-title{font-size:calc(33px * var(--nad-mid-s));line-height:calc(36px * var(--nad-mid-s))}.nad-wear__step-desc{font-size:calc(22px * var(--nad-mid-s));max-width:calc(324px * var(--nad-mid-s))}.nad-wear__close{top:calc(24px * var(--nad-mid-s));right:calc(24px * var(--nad-mid-s));width:calc(44px * var(--nad-mid-s));height:calc(44px * var(--nad-mid-s))}.nad-wear__close-icon{width:calc(18px * var(--nad-mid-s));height:calc(18px * var(--nad-mid-s))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/nad-wear-anywhere.css.map */