.addon-progress{display:block;color:#000004;font-family:FZYJH_JP,sans-serif}.addon-progress__heading{margin:0 0 calc(8 * var(--content-ratio-m));font-family:inherit;font-size:calc(14 * var(--content-ratio-m));font-weight:700;line-height:1.4;letter-spacing:normal;color:#000004}.addon-progress__card{overflow:hidden;border:.5px solid rgba(0,0,4,.2);border-radius:calc(8 * var(--content-ratio-m));background-color:#fff}.addon-progress__header{display:flex;flex-direction:column;gap:calc(16 * var(--content-ratio-m));padding:calc(20 * var(--content-ratio-m)) calc(16 * var(--content-ratio-m));border-bottom:.5px solid rgba(255,91,0,.2);background-image:linear-gradient(108deg,#fff7f236 4.25%,#fff8f5b3 103.85%)}.addon-progress__copy{display:flex;flex-direction:column;gap:calc(4 * var(--content-ratio-m))}.addon-progress__headline{margin:0;font-size:calc(18 * var(--content-ratio-m));font-weight:700;line-height:1.3}.addon-progress__headline span{color:#ff5b00}.addon-progress__subline{margin:0;color:#000004cc;font-size:calc(12 * var(--content-ratio-m));font-weight:500;line-height:1.4;letter-spacing:.02em}.addon-progress__meter{display:flex;flex-direction:column;gap:calc(8 * var(--content-ratio-m))}.addon-progress__bar{display:flex;gap:calc(2 * var(--content-ratio-m))}.addon-progress__segment{flex:1 1 0;height:calc(4 * var(--content-ratio-m));border-radius:calc(1 * var(--content-ratio-m));background-color:#0000040d;transition:background-color .3s ease}.addon-progress__segment.is-active{background-color:#ff5b00}.addon-progress__stepper{-webkit-user-select:none;user-select:none}.addon-progress__step{touch-action:manipulation}.addon-progress__tiers{display:flex;justify-content:space-between;color:#00000480;font-size:calc(11 * var(--content-ratio-m));font-weight:500;line-height:1.4;white-space:nowrap}.addon-progress__list{display:flex;flex-direction:column;gap:calc(16 * var(--content-ratio-m));margin:0;padding:calc(20 * var(--content-ratio-m)) calc(16 * var(--content-ratio-m));list-style:none}.addon-progress__item{display:flex;align-items:flex-start;gap:calc(12 * var(--content-ratio-m))}.addon-progress__item[hidden]{display:none}.addon-progress__item:not([hidden])~.addon-progress__item:not([hidden]){padding-top:calc(16 * var(--content-ratio-m));border-top:.5px solid rgba(0,0,4,.1)}.addon-progress__media{flex:none;width:calc(64 * var(--content-ratio-m));height:calc(64 * var(--content-ratio-m));overflow:hidden;border-radius:calc(4 * var(--content-ratio-m));background-color:#f6f6f6}.addon-progress__media img{width:100%;height:100%;object-fit:cover}.addon-progress__body{display:flex;flex:1;flex-direction:column;gap:calc(16 * var(--content-ratio-m));min-width:0}.addon-progress__info{display:flex;flex-direction:column;gap:calc(4 * var(--content-ratio-m));min-width:0;font-weight:600}.addon-progress__title{overflow:hidden;font-size:calc(14 * var(--content-ratio-m));line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.addon-progress__device{color:#b7b7b7;font-size:calc(10 * var(--content-ratio-m));line-height:1.4}.addon-progress__device[hidden]{display:none}.addon-progress__price{font-size:calc(12 * var(--content-ratio-m));line-height:1.4}.addon-progress__options{display:flex;flex-direction:column;gap:calc(4 * var(--content-ratio-m))}.addon-progress__options:empty{display:none}.addon-progress__option{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:calc(8 * var(--content-ratio-m));min-width:0;margin:0;padding:0;border:0}.addon-progress__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:calc(12 * var(--content-ratio-m));cursor:pointer}.addon-progress__swatch:before{content:"";position:absolute;top:50%;left:50%;width:calc(24 * var(--content-ratio-m));height:calc(24 * var(--content-ratio-m));transform:translate(-50%,-50%)}.addon-progress__swatch:has(.addon-progress__swatch-input:checked){width:calc(18 * var(--content-ratio-m));height:calc(18 * var(--content-ratio-m));border:1px solid #000004}.addon-progress__swatch-dot{display:block;flex:none;width:calc(14 * var(--content-ratio-m));height:calc(14 * var(--content-ratio-m));border-radius:100px;background-position:center;background-size:cover}.addon-progress__swatch-dot--empty{background-color:#bbb}.addon-progress__swatch-input:focus-visible+*{outline:2px solid #000004;outline-offset:3px}.addon-progress__stepper{display:inline-flex;align-items:center;align-self:flex-start;gap:calc(4 * var(--content-ratio-m));padding:calc(4 * var(--content-ratio-m));border:.5px solid rgba(0,0,0,.2);border-radius:calc(8 * var(--content-ratio-m));background-color:#fff}.addon-progress__step{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(16 * var(--content-ratio-m));height:calc(16 * var(--content-ratio-m));margin:0;padding:0;border:0;background:none;color:#4b4c4e;cursor:pointer}.addon-progress__step:before{content:"";position:absolute;top:50%;left:50%;width:calc(24 * var(--content-ratio-m));height:calc(24 * var(--content-ratio-m));transform:translate(-50%,-50%)}.addon-progress__step svg{width:100%;height:100%}.addon-progress__step:disabled{color:#4b4c4e66;cursor:default}.addon-progress__step:focus-visible{outline:2px solid #000004;outline-offset:1px;border-radius:calc(4 * var(--content-ratio-m))}.addon-progress__count{width:calc(36 * var(--content-ratio-m));font-size:calc(14 * var(--content-ratio-m));line-height:1.6;text-align:center;color:#000}@media(prefers-reduced-motion:reduce){.addon-progress__segment{transition:none}}@media(min-width:768px){.addon-progress__heading{margin-bottom:calc(12 * var(--content-ratio));font-size:calc(16 * var(--content-ratio))}.addon-progress__card{border-radius:calc(12 * var(--content-ratio))}.addon-progress__header{gap:calc(20 * var(--content-ratio));padding:calc(24 * var(--content-ratio)) calc(24 * var(--content-ratio)) calc(20 * var(--content-ratio));background-image:linear-gradient(114deg,#fff7f236 4.25%,#fff8f5b3 103.85%)}.addon-progress__copy{gap:calc(4 * var(--content-ratio))}.addon-progress__headline{font-size:calc(22 * var(--content-ratio))}.addon-progress__subline{font-size:calc(14 * var(--content-ratio))}.addon-progress__meter{gap:calc(8 * var(--content-ratio))}.addon-progress__bar{gap:calc(3 * var(--content-ratio))}.addon-progress__segment{height:calc(6 * var(--content-ratio));border-radius:calc(2 * var(--content-ratio))}.addon-progress__swatch:before,.addon-progress__step:before{width:calc(24 * var(--content-ratio));height:calc(24 * var(--content-ratio))}.addon-progress__stepper{gap:calc(4 * var(--content-ratio));padding:calc(4 * var(--content-ratio));border-radius:calc(8 * var(--content-ratio))}.addon-progress__step{width:calc(16 * var(--content-ratio));height:calc(16 * var(--content-ratio))}.addon-progress__step:focus-visible{border-radius:calc(4 * var(--content-ratio))}.addon-progress__count{width:calc(36 * var(--content-ratio));font-size:calc(14 * var(--content-ratio))}.addon-progress__tiers{font-size:calc(13 * var(--content-ratio))}.addon-progress__list{gap:calc(24 * var(--content-ratio));padding:calc(24 * var(--content-ratio))}.addon-progress__item{align-items:center;gap:calc(16 * var(--content-ratio))}.addon-progress__item:not([hidden])~.addon-progress__item:not([hidden]){padding-top:0;border-top:0}.addon-progress__media{width:calc(80 * var(--content-ratio));height:calc(80 * var(--content-ratio));border-radius:calc(4 * var(--content-ratio))}.addon-progress__body{flex-direction:row;align-items:center;gap:calc(16 * var(--content-ratio))}.addon-progress__info{flex:1;gap:calc(2 * var(--content-ratio))}.addon-progress__title{font-size:calc(14 * var(--content-ratio))}.addon-progress__device,.addon-progress__price{font-size:calc(12 * var(--content-ratio))}.addon-progress__options{gap:calc(4 * var(--content-ratio))}.addon-progress__stepper{align-self:center}.addon-progress__swatch{border-radius:calc(12 * var(--content-ratio))}.addon-progress__swatch:has(.addon-progress__swatch-input:checked){width:calc(20 * var(--content-ratio));height:calc(20 * var(--content-ratio))}.addon-progress__swatch-dot{width:calc(16 * var(--content-ratio));height:calc(16 * var(--content-ratio))}.addon-progress__option{gap:calc(8 * var(--content-ratio))}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-product-addon-progress.css.map */