.dennly-buckle-change{padding-block:64px 80px;color:var(--color-foreground)}.dennly-buckle-change__header{margin-bottom:28px;text-align:center}.dennly-buckle-change__header h1,.dennly-buckle-change__step-copy h2,.dennly-buckle-change__finish h2{margin:0;color:var(--color-foreground);font-family:var(--font-body--family);font-weight:400}.dennly-buckle-change__header h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.12}.dennly-buckle-change__subtitle{margin:10px 0 0;color:rgb(var(--color-foreground-rgb) / .78);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.45}.dennly-buckle-change__notice{width:100%;max-width:900px;margin:0 auto 40px;padding:16px 20px;border:1px solid rgb(var(--color-foreground-rgb) / .18);background:rgb(var(--color-foreground-rgb) / .035);color:rgb(var(--color-foreground-rgb) / .9)}.dennly-buckle-change__notice p,.dennly-buckle-change__step-copy p,.dennly-buckle-change__finish p,.dennly-buckle-change__support{margin:0;font-size:1rem;line-height:1.65}.dennly-buckle-change__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:24px}.dennly-buckle-change__step{display:grid;min-width:0;align-content:start;gap:16px}.dennly-buckle-change__image-wrap,.dennly-buckle-change__step-copy{width:100%;min-width:0}.dennly-buckle-change__image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.dennly-buckle-change__image{display:block;width:100%;height:auto}.dennly-buckle-change__image-button:focus-visible,.dennly-buckle-change__zoom button:focus-visible,.dennly-buckle-change__support a:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}.dennly-buckle-change__step-copy h2,.dennly-buckle-change__finish h2{margin-bottom:10px;font-size:clamp(1.25rem,1.4vw,1.4rem);line-height:1.25;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal}.dennly-buckle-change__finish{max-width:800px;margin:56px auto 0;padding-top:28px;border-top:1px solid rgb(var(--color-foreground-rgb) / .18);text-align:center}.dennly-buckle-change__support{margin-top:24px;text-align:center}.dennly-buckle-change__support a{color:inherit;text-underline-offset:.2em}.dennly-buckle-change__mobile-slider{display:none}.dennly-buckle-change__zoom-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:none;width:100vw;height:100dvh;max-width:100%;max-height:100%;margin:0;padding:48px 20px 88px;border:0;background:var(--color-background);color:var(--color-foreground)}.dennly-buckle-change__zoom-dialog[open]{display:block}.dennly-buckle-change__zoom-close{position:fixed;z-index:2;top:12px;right:16px;width:44px;height:44px;color:var(--color-foreground);font-size:32px}.dennly-buckle-change__zoom-thumbnails{position:fixed;z-index:2;right:0;bottom:16px;left:0;display:flex;justify-content:center;gap:8px}.dennly-buckle-change__zoom-thumbnails button{min-width:44px;min-height:44px;border:1px solid rgb(var(--color-foreground-rgb) / .3);background:var(--color-background);color:var(--color-foreground);cursor:pointer}.dennly-buckle-change__zoom-thumbnails button[aria-selected=true]{border-color:var(--color-foreground)}.dennly-buckle-change__zoom-media{display:flex;width:100%;height:100%;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.dennly-buckle-change__zoom-media::-webkit-scrollbar{display:none}.dennly-buckle-change__zoom-slide{display:grid;flex:0 0 100%;min-width:0;height:100%;place-items:center;scroll-snap-align:start}.dennly-buckle-change__zoom-slide img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}@media screen and (max-width:749px){.dennly-buckle-change{width:calc(100% - (var(--page-margin) * 2));max-width:none;margin-inline:auto;padding-block:28px 56px}.dennly-buckle-change__header{margin-bottom:20px}.dennly-buckle-change__notice{margin-bottom:28px;padding:14px 16px}.dennly-buckle-change__steps--desktop,.dennly-buckle-change__finish{display:none}.dennly-buckle-change__mobile-slider{display:block;width:100%;min-width:0}.dennly-buckle-change__slider{width:100%;min-width:0}.dennly-buckle-change__slider slideshow-slides{align-items:stretch}.dennly-buckle-change__mobile-slide{display:flex;flex:0 0 100%;flex-direction:column;align-items:center;gap:12px;width:100%;height:auto;max-height:none;min-width:0;padding:0;overflow:visible}.dennly-buckle-change__mobile-slide .dennly-buckle-change__image-wrap{width:100%;max-width:280px;margin-inline:auto}.dennly-buckle-change__mobile-slide .dennly-buckle-change__step-copy{width:100%;max-width:none}.dennly-buckle-change__mobile-slide .dennly-buckle-change__step-copy h2{margin-bottom:8px}.dennly-buckle-change__mobile-slide--finish .dennly-buckle-change__step-copy{max-width:34rem;margin-block:auto;padding-block:32px;text-align:center}.dennly-buckle-change__controls{display:grid;grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr);align-items:center;width:100%;min-height:44px;margin-block-start:12px}.dennly-buckle-change__nav-button{min-width:76px;min-height:44px;padding-inline:8px;border:1px solid #e5e5e5;border-radius:0;background:#e5e5e5;color:#111;font:inherit;text-align:center}.dennly-buckle-change__nav-button:hover:not(:disabled),.dennly-buckle-change__nav-button:active:not(:disabled){border-color:#e5e5e5;background:#e5e5e5;color:#111}.dennly-buckle-change__nav-button:disabled{border-color:#3a3a3a;background:#262626;color:#a3a3a3;cursor:not-allowed;opacity:1}.dennly-buckle-change__nav-button:focus-visible{outline:2px solid #e5e5e5;outline-offset:3px}.dennly-buckle-change__nav-button:first-child{justify-self:start}.dennly-buckle-change__nav-button:last-child{justify-self:end}.dennly-buckle-change__controls .slideshow-controls__counter{margin:0;padding:0;color:#d1d1d1;background:transparent;font-size:14px}.dennly-buckle-change__counter-slash{padding-inline:6px;color:#929292}.dennly-buckle-change__support{margin-top:16px;font-size:.95rem}.dennly-buckle-change__zoom-dialog{padding-inline:12px}}@media screen and (min-width:990px){.dennly-buckle-change{width:min(1440px,calc(100% - (var(--page-margin) * 2)));max-width:1440px;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/dennly-buckle-change.css.map */