.nano-feedback{background:var(--nano-feedback-bg, var(--common-black));color:var(--nano-feedback-heading-color, var(--common-white))}.nano-feedback__sticky{display:flex;width:100%;align-items:center;background:var(--nano-feedback-bg, var(--common-black))}.nano-feedback__inner{display:flex;width:100%;box-sizing:border-box;flex-direction:column;gap:60px;min-height:795px;padding-block:100px}.nano-feedback__header{display:flex;flex-direction:column;gap:16px}.nano-feedback__header--pc-left{align-items:flex-start;text-align:left}.nano-feedback__header--pc-center{align-items:center;text-align:center}.nano-feedback__header--pc-right{align-items:flex-end;text-align:right}.nano-feedback__heading-row{display:flex;align-items:center;gap:24px;width:100%;max-width:100%;justify-content:space-between}.nano-feedback__heading{margin:0;color:var(--nano-feedback-heading-color, var(--common-white));font-size:44px;font-weight:700;line-height:1.2;letter-spacing:0}.nano-feedback__copy{margin:0;max-width:950px;color:var(--nano-feedback-copy-color, var(--common-gray-500));font-size:18px;font-weight:400;line-height:1.3;letter-spacing:0}.nano-feedback__learn-more{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding-right:24px;color:var(--nano-feedback-learn-more-color, var(--common-white));font-size:18px;font-weight:500;line-height:1.3;text-decoration:none;white-space:nowrap;transition:color .2s ease;-webkit-text-fill-color:currentColor}.nano-feedback__learn-more--mobile{display:none}.nano-feedback__learn-more:visited,.nano-feedback__learn-more:focus,.nano-feedback__learn-more:active{color:var(--nano-feedback-learn-more-color, var(--common-white))}@media(hover:hover){.nano-feedback__learn-more:hover{color:var(--nano-feedback-learn-more-hover-color, var(--common-accent))}}.nano-feedback__learn-more:focus-visible{outline:2px solid var(--nano-feedback-learn-more-focus-color, var(--common-accent));outline-offset:3px}.nano-feedback__chevron{display:block;flex-shrink:0}.nano-feedback__body{display:flex;align-items:center;gap:60px}.nano-feedback__media{position:relative;width:610px;height:406px;flex:0 0 610px;overflow:hidden;border-radius:20px;aspect-ratio:610 / 406;background:var(--nano-feedback-media-bg, var(--common-surface-hover))}.nano-feedback__image-frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease}.nano-feedback__image-frame.is-active{opacity:1}.nano-feedback__image{display:block;width:100%;height:100%;object-fit:cover}.nano-feedback__steps{display:flex;flex:1 1 auto;min-width:0;min-height:420px;flex-direction:column;justify-content:center}.nano-feedback__step{position:relative;display:flex;width:100%;padding:16px 0;border:0;background:transparent;color:var(--nano-feedback-step-color, inherit);text-align:left;cursor:pointer}.nano-feedback__step:hover .nano-feedback__number{background:var(--nano-feedback-number-hover-bg, var(--common-white));color:var(--nano-feedback-number-hover-color, var(--common-black))}.nano-feedback__marker{position:relative;display:flex;width:40px;margin-right:24px;flex:0 0 40px;flex-direction:column;align-items:center;align-self:stretch}.nano-feedback__number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--nano-feedback-number-bg, var(--common-surface-hover));color:var(--nano-feedback-number-color, var(--common-white));font-size:20px;font-weight:500;line-height:1.3;letter-spacing:0;transition:background .2s ease,color .2s ease}.nano-feedback__rail{position:absolute;left:50%;display:block;width:2px;border-radius:16px;background:var(--nano-feedback-rail-color, var(--common-surface-hover));opacity:0;transform:translate(-50%) scaleY(0);transform-origin:top;transition:background .2s ease,opacity .2s ease,transform .2s ease}.nano-feedback__rail--before,.nano-feedback__step:last-child .nano-feedback__rail--after{display:none}.nano-feedback__rail--after{top:56px;bottom:-16px}.nano-feedback__step.is-revealed .nano-feedback__number{background:var(--nano-feedback-number-active-bg, var(--common-white));color:var(--nano-feedback-number-active-color, var(--common-black))}.nano-feedback__step.is-revealed:not(:last-child) .nano-feedback__rail--after{background:var(--nano-feedback-rail-active-color, var(--common-white));opacity:1;transform:translate(-50%) scaleY(1)}.nano-feedback__step-content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;padding-top:7px}.nano-feedback__step-title{color:var(--nano-feedback-step-title-color, var(--common-white));font-size:20px;font-weight:700;line-height:1.3;letter-spacing:0}.nano-feedback__step-copy{display:block;max-height:0;margin-top:0;overflow:hidden;color:var(--nano-feedback-step-copy-color, var(--common-gray-500));opacity:0;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:0;transform:translateY(-6px);transition:max-height .24s ease,margin-top .24s ease,opacity .2s ease,transform .24s ease}.nano-feedback__tags{display:flex;max-height:0;margin-top:0;overflow:hidden;flex-wrap:wrap;gap:6px;padding-top:0;opacity:0;transform:translateY(-6px);transition:max-height .24s ease,margin-top .24s ease,padding-top .24s ease,opacity .2s ease,transform .24s ease}.nano-feedback__tag{display:inline-flex;padding:6px 8px;border-radius:8px;background:var(--nano-feedback-tag-bg-05, rgba(var(--common-white-rgb), .05));color:var(--nano-feedback-tag-color, var(--common-gray-200));font-size:12px;font-weight:400;line-height:normal;letter-spacing:-.02em;white-space:nowrap}.nano-feedback__step.is-revealed .nano-feedback__step-copy,.nano-feedback__step.is-revealed .nano-feedback__tags{max-height:320px;opacity:1;transform:translateY(0)}.nano-feedback__step.is-revealed .nano-feedback__step-copy{margin-top:8px}.nano-feedback__step.is-revealed .nano-feedback__tags{max-height:220px;margin-top:8px;padding-top:8px}@media(max-width:1280px){.nano-feedback__media{width:calc((100% - 60px)*.55);height:auto;flex:0 1 calc((100% - 60px)*.55)}}@media(max-width:1024px){.nano-feedback__inner{gap:40px;min-height:0;padding-block:50px}.nano-feedback__header{gap:0}.nano-feedback__header--mobile-left{align-items:flex-start;text-align:left}.nano-feedback__header--mobile-center{align-items:center;text-align:center}.nano-feedback__header--mobile-right{align-items:flex-end;text-align:right}.nano-feedback__heading-row{width:100%;gap:16px}.nano-feedback__header--mobile-center .nano-feedback__heading-row{justify-content:center}.nano-feedback__heading{width:100%;font-size:28px;line-height:1.3}.nano-feedback__header--mobile-center .nano-feedback__heading{text-align:center}.nano-feedback__copy{margin-top:12px;width:100%;max-width:950px;font-size:16px;line-height:1.3}.nano-feedback__learn-more--desktop{display:none}.nano-feedback__learn-more--mobile{display:inline-flex;margin-top:32px;padding-right:0;font-size:14px}.nano-feedback__body{flex-direction:column;gap:40px}.nano-feedback__media{width:100%;height:auto;flex-basis:auto;aspect-ratio:346 / 231;border-radius:16px}.nano-feedback__steps{width:100%;min-height:0}.nano-feedback__step{padding:16px 0}.nano-feedback__marker{margin-right:24px}.nano-feedback__step-title{font-size:20px}.nano-feedback__step-copy{font-size:14px}.nano-feedback__tags{margin-top:16px}.nano-feedback__step:hover .nano-feedback__number{background:var(--nano-feedback-number-bg, var(--common-surface-hover));color:var(--nano-feedback-number-color, var(--common-white))}.nano-feedback__step.is-revealed:hover .nano-feedback__number{background:var(--nano-feedback-number-active-bg, var(--common-white));color:var(--nano-feedback-number-active-color, var(--common-black))}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/nano-feedback.css.map */