.wb-addons{border-top:1px solid var(--wb-line);padding-top:18px;display:flex;flex-direction:column;gap:11px;container-type:inline-size}.wb-addons.is-blocked{opacity:.45;pointer-events:none}.wb-addons__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:28px}.wb-addons__title{font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--wb-navy);white-space:nowrap;margin-inline-end:auto}.wb-addons__right{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.wb-addons__count{display:grid;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--wb-muted);white-space:nowrap}.wb-addons__count>*{grid-area:1 / 1}.wb-addons__count-sizer{visibility:hidden}.wb-addons__count-live{justify-self:end}.wb-addons__nav{display:flex;gap:6px;flex:none}.wb-addons__nav[hidden]{display:none}.wb-addons__head .wb-addons__arrow{width:28px;height:28px;min-width:0;padding:0;margin:0;box-sizing:border-box;border-radius:50%;border:1px solid var(--wb-line);background:#fff;color:var(--wb-navy);display:inline-flex;align-items:center;justify-content:center;line-height:0;cursor:pointer;transition:background .12s ease,opacity .12s ease}.wb-addons__head .wb-addons__arrow svg{flex:none}@media(hover:hover){.wb-addons__head .wb-addons__arrow:hover:not([aria-disabled=true]){background:var(--wb-surface);border-color:var(--wb-navy)}}.wb-addons__head .wb-addons__arrow:focus-visible{outline:2px solid var(--wb-navy);outline-offset:2px}.wb-addons__head .wb-addons__arrow[aria-disabled=true]{opacity:.32;cursor:default}[dir=rtl] .wb-addons__head .wb-addons__arrow svg{transform:scaleX(-1)}.wb-addons__strip{position:relative;container-type:inline-size;container-name:wb-ao-strip}.wb-addons__grid{--wb-ao-gap: 9px;--wb-ao-n: 2;--wb-ao-w: calc((100cqw - (var(--wb-ao-n) - 1) * var(--wb-ao-gap)) / var(--wb-ao-n));display:flex;gap:var(--wb-ao-gap);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wb-addons__grid::-webkit-scrollbar{display:none}.wb-addons__grid>.wb-ao{flex:0 0 104px;scroll-snap-align:start}@supports (width: 1cqw){.wb-addons__grid>.wb-ao{flex-basis:var(--wb-ao-w)}}@container wb-ao-strip (min-width: 318px){.wb-addons__grid{--wb-ao-n: 3}}@container wb-ao-strip (min-width: 427px){.wb-addons__grid{--wb-ao-n: 4}}@container wb-ao-strip (min-width: 536px){.wb-addons__grid{--wb-ao-n: 5}}@container wb-ao-strip (min-width: 645px){.wb-addons__grid{--wb-ao-n: 6}}@container wb-ao-strip (min-width: 754px){.wb-addons__grid{--wb-ao-n: 7}}@container wb-ao-strip (min-width: 863px){.wb-addons__grid{--wb-ao-n: 8}}@container wb-ao-strip (min-width: 972px){.wb-addons__grid{--wb-ao-n: 9}}@container wb-ao-strip (min-width: 1081px){.wb-addons__grid{--wb-ao-n: 10}}.wb-ao{position:relative;border:1px solid var(--wb-input-border);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .13s ease,background-color .13s ease}@media(hover:hover){.wb-ao:hover{border-color:var(--wb-navy)}}.wb-ao.is-on{border-color:var(--wb-navy)}.wb-ao>.wb-ao__add{display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;padding:0;border:0;background:none;cursor:pointer;font-family:inherit;text-align:left}.wb-ao__add:focus-visible{outline:2px solid var(--wb-navy);outline-offset:-3px;border-radius:11px}.wb-ao__media{position:relative;display:block;aspect-ratio:1 / 1;background:var(--wb-surface)}.wb-ao__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;padding:4px}.wb-ao__mark{position:absolute;top:6px;right:6px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:5px;background:#ffffffe6;border:1.5px solid var(--wb-input-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:transparent;line-height:1;font-variant-numeric:tabular-nums;transition:background-color .12s ease,border-color .12s ease,border-radius .12s ease}@media(hover:hover){.wb-ao:hover .wb-ao__mark{border-color:var(--wb-navy)}}.wb-ao.is-in .wb-ao__mark{background:var(--wb-navy);border-color:var(--wb-navy);color:#fff;border-radius:10px}.wb-ao__meta{display:block;padding:5px 7px 7px}.wb-ao__name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:600;color:var(--wb-navy);line-height:1.3}.wb-ao__name-in{display:inline}.wb-ao.is-marq .wb-ao__name{text-overflow:clip}.wb-ao.is-marq .wb-ao__name-in{display:inline-block;will-change:transform;animation:wb-marq var(--wb-marq-dur, 6s) linear infinite}.wb-ao.is-marq .wb-ao__name-in:after{content:"\a0\a0\a0\b7\a0\a0\a0" attr(data-t) "\a0\a0\a0\b7\a0\a0\a0"}@keyframes wb-marq{to{transform:translate(-50%)}}.wb-ao__price{display:block;font-size:12.5px;font-weight:800;color:var(--wb-navy);font-variant-numeric:tabular-nums}.wb-aopanel{display:block}.wb-aopanel__in{height:0;overflow:hidden;transition:height .24s ease}.wb-aop{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wb-aop__row:first-child{margin-top:12px}.wb-aop__row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--wb-surface);border-radius:12px;border-left:3px solid var(--wb-navy)}.wb-aop__img{width:52px;height:52px;flex:none;background:#fff;border-radius:8px;overflow:hidden}.wb-aop__img img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;padding:3px}.wb-aop__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wb-aop__t{font-size:13.5px;font-weight:700;color:var(--wb-navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wb-aop__w{font-size:12.5px;color:var(--wb-body);line-height:1.35}.wb-aop__view{align-self:flex-start;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--wb-crumb);text-decoration:underline;text-underline-offset:2px}.wb-aop__view:hover{color:var(--wb-orange)}.wb-aop__view:focus-visible{outline:2px solid var(--wb-navy);outline-offset:2px;border-radius:3px}.wb-aop__r{flex:none;display:flex;align-items:center;gap:12px}.wb-aop__p{font-size:14px;font-weight:800;color:var(--wb-navy);font-variant-numeric:tabular-nums;white-space:nowrap}.wb-aop__step{display:flex;align-items:stretch;height:44px;border:1px solid var(--wb-input-border);border-radius:10px;background:#fff;overflow:hidden}.wb-aop__step button{flex:none;min-width:0;width:40px;height:auto;padding:0;border:0;background:none;cursor:pointer;font-family:inherit;font-size:20px;font-weight:700;color:var(--wb-navy);line-height:1;display:flex;align-items:center;justify-content:center}.wb-aop__step button:hover{background:var(--wb-surface)}.wb-aop__step button:focus-visible{outline:2px solid var(--wb-navy);outline-offset:-2px}.wb-aop__step>span{min-width:40px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--wb-line);border-right:1px solid var(--wb-line);font-size:15px;font-weight:700;color:var(--wb-navy);font-variant-numeric:tabular-nums}.wb-aop__rm{min-width:0;height:auto;padding:6px 2px;border:0;background:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--wb-crumb);text-decoration:underline}.wb-aop__rm:hover{color:var(--wb-orange)}.wb-aop__rm:focus-visible{outline:2px solid var(--wb-navy);outline-offset:2px;border-radius:3px}.wb-aop__row--group{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.wb-aop__gh{display:flex;align-items:flex-start;gap:12px;padding:10px 12px}.wb-aop__gh .wb-aop__b{flex:1}.wb-aop__gh .wb-aop__rm{align-self:flex-start;margin-top:2px}.wb-aop__sizes{list-style:none;margin:0;padding:0;background:#fff;border-top:1px solid var(--wb-line)}.wb-aop__size{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--wb-line)}.wb-aop__size:last-child{border-bottom:0}.wb-aop__size.is-on{background:var(--wb-tab-active)}.wb-aop__simg{width:40px;height:40px;flex:none;background:var(--wb-surface);border-radius:7px;overflow:hidden}.wb-aop__simg img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;padding:3px}.wb-aop__sb{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.wb-aop__slabel{font-size:13.5px;font-weight:700;color:var(--wb-navy);line-height:1.25}.wb-aop__seach{font-size:12px;color:var(--wb-muted);line-height:1.3}.wb-aop__stotal{flex:none;min-width:64px;text-align:right;font-size:14px;font-weight:800;color:var(--wb-navy);font-variant-numeric:tabular-nums}.wb-aop__size:not(.is-on) .wb-aop__stotal{color:var(--wb-muted);font-weight:500}@container (max-width: 420px){.wb-aop__row:not(.wb-aop__row--group){flex-wrap:wrap}.wb-aop__r{flex-basis:100%;justify-content:space-between;padding-left:64px}.wb-aop__size{flex-wrap:wrap}.wb-aop__size .wb-aop__step{margin-left:52px}.wb-aop__stotal{flex:1}}@media(prefers-reduced-motion:reduce){.wb-ao,.wb-ao__mark,.wb-aopanel__in,.wb-addons__head .wb-addons__arrow{transition:none}.wb-addons__grid{scroll-behavior:auto}.wb-ao.is-marq .wb-ao__name-in{animation:none}.wb-ao.is-marq .wb-ao__name{text-overflow:ellipsis}.wb-ao.is-marq .wb-ao__name-in:after{content:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/wb-addons.css.map */
