@layer ok{.ok-addons{position:relative;margin:2rem 0 1.2rem;padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.ok-addons__title{display:flex;align-items:center;gap:.6rem;margin:0 0 1.2rem;font-size:1.4rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground))}.ok-addons__title svg{width:1.8rem;height:1.8rem;flex:0 0 auto;color:var(--ok-accent)}.ok-addons__nav{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:.1rem solid rgba(0,0,0,.08);border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(1.2rem) saturate(1.6);backdrop-filter:blur(1.2rem) saturate(1.6);box-shadow:0 .2rem .8rem #0000001a;color:var(--ok-ink);cursor:pointer}.ok-addons__nav svg{width:1.6rem;height:1.6rem}.ok-addons__nav[disabled]{display:none}@media(hover:none){.ok-addons__nav{display:none}}.ok-addons__track{display:flex;gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.4rem}.ok-addons__track::-webkit-scrollbar{display:none}.ok-addon{flex:0 0 12.5rem;display:flex;flex-direction:column;gap:.4rem;scroll-snap-align:start}.ok-addon__media{position:relative}.ok-addon__img{display:block;aspect-ratio:1;background:#fff;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--ok-radius);overflow:hidden}.ok-addon__img img{width:100%;height:100%;object-fit:contain}.ok-addon__plus{position:absolute;right:.6rem;bottom:.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:.1rem solid rgba(0,0,0,.08);border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(1.2rem) saturate(1.6);backdrop-filter:blur(1.2rem) saturate(1.6);box-shadow:0 .2rem .8rem #0000001a;color:var(--ok-ink);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.ok-addon__plus svg{width:1.6rem;height:1.6rem;transition:transform .2s ease}.ok-addon__plus:hover{background:var(--ok-ink);color:#fff}.ok-addon.is-open .ok-addon__plus svg{transform:rotate(45deg)}.ok-addon__plus.is-loading{opacity:.5;pointer-events:none}.ok-addon__plus.is-added{background:var(--ok-accent);color:#fff}.ok-addon__plus.is-error{background:var(--ok-error);color:#fff}.ok-addon__sizes{position:absolute;left:.4rem;right:.4rem;bottom:4rem;z-index:2;display:none;flex-wrap:wrap;gap:.3rem;padding:.5rem;border:.1rem solid rgba(255,255,255,.7);border-radius:var(--ok-radius);background:#ffffffbf;-webkit-backdrop-filter:blur(1.4rem) saturate(1.6);backdrop-filter:blur(1.4rem) saturate(1.6);box-shadow:0 .2rem 1.2rem #00000014}.ok-addon.is-open .ok-addon__sizes{display:flex}.ok-addon__sizes button{flex:1 0 auto;min-width:2.6rem;height:2.6rem;padding:0 .5rem;border:0;border-radius:.4rem;background:transparent;color:var(--ok-ink);font:inherit;font-size:1.1rem;cursor:pointer}.ok-addon__sizes button:hover{background:var(--ok-ink);color:#fff}.ok-addon__sizes button.is-loading{opacity:.5;pointer-events:none}.ok-addon__sizes button.is-error{background:var(--ok-error);color:#fff}.ok-addon__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.2rem;font-size:1.15rem;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none}.ok-addon__price{font-size:1.2rem;font-weight:700}.ok-reward{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.2rem;padding:1.2rem 1.4rem;border-radius:var(--ok-radius);background:color-mix(in srgb,var(--ok-accent) 10%,#fff);color:var(--ok-accent);animation:okRewardIn .5s cubic-bezier(.2,.7,.2,1)}.ok-reward svg{width:2.4rem;height:2.4rem;flex:0 0 auto}.ok-reward b{display:block;font-size:1.4rem;line-height:1.3}.ok-reward span{display:block;font-size:1.2rem;opacity:.8}@keyframes okRewardIn{0%{opacity:0;transform:translateY(.6rem) scale(.98)}to{opacity:1;transform:none}}.ok-outfit__sub{margin:-.8rem 0 1.2rem;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.6)}.ok-outfit__list{display:flex;flex-direction:column;gap:.8rem}.ok-outfit__row{display:grid;grid-template-columns:6.4rem minmax(0,1fr) auto;align-items:center;gap:.6rem 1.2rem;padding:.8rem 1rem .8rem .8rem;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--ok-radius, .8rem);background:#fff}.ok-outfit__img{display:block;width:6.4rem;aspect-ratio:3 / 4;overflow:hidden;background:#fff}.ok-outfit__img img{display:block;width:100%;height:100%;object-fit:contain}.ok-outfit__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.ok-outfit__vendor{font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground))}.ok-outfit__name{overflow:hidden;font-size:1.25rem;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;color:rgba(var(--color-foreground),.75);text-decoration:none}.ok-outfit__price{font-size:1.3rem;font-weight:700;color:rgb(var(--color-foreground))}.ok-outfit__price em{font-style:normal;font-weight:500;color:rgba(var(--color-foreground),.55)}.ok-outfit__free{display:inline-flex;align-items:center;gap:.4rem;margin-top:.2rem;font-size:1.1rem;font-weight:600;color:#004324}.ok-outfit__free svg{width:1.4rem;height:1.4rem;flex:0 0 auto}.ok-outfit__add{height:3.4rem;padding:0 1.4rem;border:0;border-radius:99rem;background:var(--ok-ink, #111);color:#fff;font:inherit;font-size:1.2rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.ok-outfit__add:hover{background:#004324}.ok-outfit__add.is-loading{opacity:.5;pointer-events:none}.ok-outfit__add.is-added{background:#004324}.ok-outfit__add.is-error{background:var(--ok-error, #b42318)}.ok-outfit__row.is-open .ok-outfit__add[data-ok-pick]{background:transparent;color:var(--ok-ink, #111);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.25)}.ok-outfit__sizes{grid-column:1 / -1;display:none;flex-wrap:wrap;gap:.4rem}.ok-outfit__row.is-open .ok-outfit__sizes{display:flex}.ok-outfit__sizes button{min-width:3.6rem;height:3.2rem;padding:0 .8rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:.6rem;background:#fff;color:var(--ok-ink, #111);font:inherit;font-size:1.2rem;cursor:pointer}.ok-outfit__sizes button:hover{border-color:var(--ok-ink, #111);background:var(--ok-ink, #111);color:#fff}.ok-outfit__sizes button.is-loading{opacity:.5;pointer-events:none}.ok-outfit__sizes button.is-error{border-color:var(--ok-error, #b42318);background:var(--ok-error, #b42318);color:#fff}.cart-drawer__main:has(.ok-outfit) product-recommendations{display:none}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/ok-cart-addons.css.map */