.dfu{--dfu-fg: var(--color-foreground);--dfu-bg: var(--color-background);--dfu-ease: cubic-bezier(.2, .8, .2, 1);display:block;margin:0 0 2rem;padding:1.8rem 1.8rem 1.6rem;border:1px solid rgba(var(--dfu-fg),.12);border-radius:var(--buttons-radius, 6px);background:rgba(var(--dfu-fg),.03);color:rgb(var(--dfu-fg));text-align:left;animation:dfu-in .4s var(--dfu-ease)}.dfu [hidden]{display:none!important}.dfu.is-loading{pointer-events:none}.dfu p{margin:0}.dfu__eyebrow{font-size:1rem;letter-spacing:.16em;line-height:1.5;text-transform:uppercase;color:rgba(var(--dfu-fg),.55)}.dfu__title{margin-top:.4rem!important;font-family:var(--font-heading-family);font-size:1.9rem;line-height:1.25;letter-spacing:.02rem}.dfu__title strong,.dfu__sub strong{font-weight:var(--font-body-weight-bold, 600);color:rgb(var(--dfu-fg))}.dfu__sub{margin-top:.3rem!important;font-size:1.3rem;line-height:1.45;color:rgba(var(--dfu-fg),.75)}.dfu-steps{position:relative;display:flex;justify-content:space-between;margin:1.6rem 0 0;padding:0;list-style:none}.dfu-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:.6rem;align-items:center;font-size:1.1rem;line-height:1.3;color:rgba(var(--dfu-fg),.55);white-space:nowrap}.dfu-step:first-child{align-items:flex-start}.dfu-step:nth-child(3){align-items:flex-end}.dfu-step__dot{display:block;width:1.4rem;height:1.4rem;border:1px solid rgba(var(--dfu-fg),.3);border-radius:50%;background:rgb(var(--dfu-bg));transition:background-color .3s ease .25s,border-color .3s ease .25s,transform .4s var(--dfu-ease) .25s}.dfu-step.is-done{color:rgb(var(--dfu-fg));font-weight:var(--font-body-weight-bold, 600)}.dfu-step.is-done .dfu-step__dot{border-color:rgb(var(--dfu-fg));background:rgb(var(--dfu-fg));transform:scale(1.1)}.dfu-steps__track{position:absolute;top:.6rem;left:.7rem;right:.7rem;height:.2rem;border-radius:1rem;background:rgba(var(--dfu-fg),.14);overflow:hidden}.dfu-steps__track>span{display:block;height:100%;background:rgb(var(--dfu-fg));transition:width .6s var(--dfu-ease)}.dfu__shipping{display:flex;align-items:center;gap:.5rem;margin-top:1.2rem!important;font-size:1.2rem;line-height:1.4;color:rgba(var(--dfu-fg),.75)}.dfu__rail{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(var(--dfu-fg),.1)}.dfu__rail-title{font-size:1.3rem;font-weight:var(--font-body-weight-bold, 600);line-height:1.3}.dfu__list{display:flex;gap:1.2rem;margin:1rem -1.8rem 0;padding:0 1.8rem .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:1.8rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dfu__list::-webkit-scrollbar{display:none}.dfu-card{display:flex;flex:0 0 10.4rem;flex-direction:column;min-width:0;scroll-snap-align:start}.dfu-card__media{position:relative;display:block;aspect-ratio:4 / 5;border-radius:.4rem;background:rgba(var(--dfu-fg),.06);overflow:hidden}.dfu-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dfu-card:hover .dfu-card__media img{transform:scale(1.04)}.dfu-card__badge{position:absolute;top:.5rem;left:.5rem;padding:.2rem .7rem;border-radius:10rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.05rem;font-weight:var(--font-body-weight-bold, 600);line-height:1.5}.dfu-card__name{display:block;margin-top:.8rem;color:rgb(var(--dfu-fg));font-size:1.25rem;line-height:1.35;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dfu-card__family{display:block;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--dfu-fg),.55);overflow:hidden;text-overflow:ellipsis}.dfu-card__price{display:block;font-size:1.2rem;line-height:1.4;color:rgba(var(--dfu-fg),.6);font-variant-numeric:tabular-nums}.dfu-card__add{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:4rem;margin-top:.8rem;padding:0 .6rem;border:1px solid rgb(var(--dfu-fg));border-radius:var(--buttons-radius, 6px);background:transparent;color:rgb(var(--dfu-fg));font-family:inherit;font-size:1.2rem;letter-spacing:.04rem;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,transform .18s var(--dfu-ease)}.dfu-card__add:hover,.dfu-card__add.is-busy{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.dfu-card__add:active{transform:scale(.96)}.dfu-card__add:focus-visible,.dfu-card__name:focus-visible{outline:.2rem solid rgba(var(--dfu-fg),.6);outline-offset:.2rem}.dfu-card__add.is-busy svg{animation:dfu-spin .7s linear infinite}.dfu__error{margin-top:1rem!important;font-size:1.2rem;line-height:1.4}.dfu--drawer{margin:.4rem 0 1.6rem;padding:1.4rem 1.6rem}.dfu--drawer .dfu__title{font-size:1.7rem}.dfu--drawer .dfu-steps{margin-top:1.2rem}.dfu--drawer .dfu__shipping{margin-top:1rem!important}.dfu--rail{margin:.8rem 0 2rem;padding:0;border:0;border-radius:0;background:transparent}.dfu--rail .dfu__rail{margin-top:0;padding-top:1.6rem}.dfu--rail .dfu__rail-title{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem}.dfu--rail .dfu__rail-title span{font-size:1.2rem;font-weight:var(--font-body-weight, 400);color:rgba(var(--dfu-fg),.6)}.dfu--rail .dfu__list{margin-left:0;margin-right:0;padding-left:0;padding-right:0;scroll-padding-left:0}.dfu--page{margin:3.2rem 0 0}@media screen and (min-width:750px){.dfu--page{padding:2.8rem 2.8rem 2.4rem}.dfu--page .dfu__title{font-size:2.2rem}.dfu--page .dfu__list{margin-left:-2.8rem;margin-right:-2.8rem;padding-left:2.8rem;padding-right:2.8rem;scroll-padding-left:2.8rem}.dfu--page .dfu-card{flex-basis:12.4rem}}@keyframes dfu-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes dfu-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dfu,.dfu *{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/df-cart-upsell.css.map */