.cbl{display:flex;flex-direction:column;gap:14px;border:1px solid rgb(var(--text-color) / .12);border-radius:12px;padding:16px}.cbl__heading{margin:0;font-weight:700;font-size:1rem}.cbl__steps{list-style:none;display:flex;margin:0;padding:0}.cbl__step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 4px;text-align:center;font-size:.72rem;line-height:1.3;color:rgb(var(--text-color) / .55)}.cbl__step:before{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:rgb(var(--text-color) / .12)}.cbl__step:first-child:before{display:none}.cbl__step.is-done:before{background:rgb(var(--text-color))}.cbl__step-dot{position:relative;z-index:1;box-sizing:border-box;width:20px;height:20px;border-radius:50%;border:2px solid rgb(var(--text-color) / .25);background:rgb(var(--background));transition:background .2s ease,border-color .2s ease}.cbl__step.is-done .cbl__step-dot{border-color:rgb(var(--text-color));background:rgb(var(--text-color))}.cbl__step.is-done .cbl__step-dot:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid rgb(var(--background));border-width:0 2px 2px 0;transform:rotate(45deg)}.cbl__step.is-next .cbl__step-dot{border-color:rgb(var(--button-background-primary))}.cbl__step.is-next{color:rgb(var(--text-color) / .8)}.cbl__step-txt b{display:block;color:rgb(var(--text-color));font-size:.76rem}.cbl--gift-separate .cbl__step--gift:before{display:none}.cbl--gift-separate .cbl__step--gift{padding-left:10px}.cbl--gift-separate .cbl__step--gift .cbl__step-dot{border-style:dashed}.cbl--gift-separate .cbl__step--gift .cbl__step-dot:before{content:"\1f381";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;line-height:1}.cbl--gift-separate .cbl__step--gift.is-done .cbl__step-dot{border-style:solid}.cbl--gift-separate .cbl__step--gift.is-done .cbl__step-dot:before{content:none}.cbl__giftbar{position:relative;margin-top:12px}.cbl__giftbar-head{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:.72rem;line-height:1.3;color:rgb(var(--text-color) / .7)}.cbl__giftbar-icon{font-size:.85rem;line-height:1}.cbl__giftbar-track{display:block;height:6px;border-radius:999px;background:rgb(var(--text-color) / .1);overflow:hidden}.cbl__giftbar-fill{display:block;height:100%;width:0;border-radius:999px;background:rgb(var(--button-background-primary));transition:width .35s ease}.cbl__giftbar.is-unlocked .cbl__giftbar-head{color:rgb(var(--text-color));font-weight:700}.cbl__cards{display:flex;gap:10px}.cbl--horizontal .cbl__cards{overflow-x:auto;margin:0 -4px;padding:2px 4px;scrollbar-width:none}.cbl--horizontal .cbl__cards::-webkit-scrollbar{display:none}.cbl--vertical .cbl__cards{flex-direction:column}.cbl__card{position:relative;display:flex;gap:10px;padding:12px;border:1px solid rgb(var(--text-color) / .15);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cbl--horizontal .cbl__card{flex:none;width:172px;flex-direction:column;text-align:center}.cbl--vertical .cbl__card{align-items:center}.cbl__card:hover{border-color:rgb(var(--text-color) / .4)}.cbl__card:has(input:checked){border:2px solid rgb(var(--text-color));padding:11px;background:rgb(var(--text-color) / .03)}.cbl__card:has(input:focus-visible){outline:2px solid rgb(var(--text-color));outline-offset:2px}.cbl__thumb{flex:none;width:72px;height:72px}.cbl--horizontal .cbl__thumb{width:96px;height:96px;margin:0 auto}.cbl__thumb img{width:100%;height:100%;object-fit:contain;display:block}.cbl__body{min-width:0}.cbl--vertical .cbl__body{padding-right:26px}.cbl--horizontal .cbl__title{padding-inline:18px}.cbl__title{display:block;font-size:.8rem;font-weight:600;line-height:1.3}.cbl__var{margin-top:6px;width:100%;max-width:100%;font:inherit;font-size:.74rem;padding:6px 26px 6px 8px;border:1px solid rgb(var(--text-color) / .2);border-radius:8px;background:rgb(var(--background));color:rgb(var(--text-color))}.cbl__priceline{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline;margin-top:5px;font-size:.8rem}.cbl--horizontal .cbl__priceline{justify-content:center}.cbl__word{color:rgb(var(--text-color) / .6);font-size:.74rem}.cbl__now{font-weight:700;font-size:.92rem}.cbl__was{color:rgb(var(--text-color) / .45);font-size:.74rem}.cbl__was[hidden],.cbl__off[hidden]{display:none}.cbl__nodisc{flex:none;padding:2px 7px;border-radius:999px;background:rgb(var(--text-color) / .07);color:rgb(var(--text-color) / .55);font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.cbl__off{font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgb(var(--button-background-primary) / .12);color:rgb(var(--button-background-primary));white-space:nowrap}.cbl__tick{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;border:1.5px solid rgb(var(--text-color) / .3);display:grid;place-items:center;color:rgb(var(--background));background:transparent;transition:background .15s ease,border-color .15s ease}.cbl__tick svg{opacity:0}.cbl__card:has(input:checked) .cbl__tick{background:rgb(var(--text-color));border-color:rgb(var(--text-color))}.cbl__card:has(input:checked) .cbl__tick svg{opacity:1}.cbl__away{margin:0;text-align:center;font-size:.78rem;font-weight:600;color:rgb(var(--text-color) / .7)}.cbl__away.is-unlocked{color:rgb(var(--text-color))}.cbl__giftprev{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px dashed rgb(var(--text-color) / .35);border-radius:10px;background:rgb(var(--text-color) / .04)}.cbl__giftprev[hidden]{display:none}.cbl__giftprev-thumb{flex:0 0 48px}.cbl__giftprev-thumb img{display:block;width:48px;height:48px;object-fit:cover;border-radius:8px}.cbl__giftprev-body{display:flex;flex-direction:column;gap:1px;min-width:0}.cbl__giftprev-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--text-color) / .65)}.cbl__giftprev-title{font-size:.8rem;font-weight:600;color:rgb(var(--text-color));overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cbl__giftprev-price{font-size:.75rem;color:rgb(var(--text-color) / .6)}.cbl__giftprev-price b{color:rgb(var(--text-color));margin-left:4px}.cbl__foot{display:flex;flex-direction:column;align-items:center;gap:6px}.cbl__add{width:100%;padding:13px 18px;border:none;border-radius:var(--button-border-radius, 8px);background:rgb(var(--button-background-primary));color:rgb(var(--button-text-primary));font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}.cbl__add:disabled{opacity:.45;cursor:default}.cbl__save{font-size:.78rem;font-weight:600}.cbl-fx{position:absolute;left:50%;top:10px;width:0;height:0;pointer-events:none;z-index:10}.cbl-fx span{position:absolute;left:0;top:0;font-size:17px;line-height:1;transform:translate(-50%,-50%);animation:cbl-pop var(--dur, .9s) cubic-bezier(.17,.67,.35,1) forwards}@keyframes cbl-pop{0%{transform:translate(-50%,-50%) scale(.4) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, -46px))) scale(1) rotate(var(--rot, 0deg));opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/363/assets/bundle-ladder.css.map */