.straps-addon{display:block;margin-bottom:2rem}.straps-addon__toggle{display:flex;align-items:center;justify-content:flex-start;gap:.8rem;width:auto;padding:0;background:transparent;border:none;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:rgba(var(--color-foreground),.75);margin-bottom:0;transition:color .15s ease;font-family:inherit}.straps-addon__toggle:hover{color:rgb(var(--color-foreground))}.straps-addon__toggle svg{transition:transform .2s ease;flex-shrink:0}.straps-addon__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.straps-addon__count{background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;text-transform:none;letter-spacing:normal;border-radius:999px;padding:.1rem .8rem}.straps-addon__panel{margin-top:1.6rem;padding:2rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.8rem}.straps-addon__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}.straps-addon__header h3{margin:0;font-size:1.5rem;font-weight:600}.straps-addon__subtotal{font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.straps-addon__sub{font-size:1.25rem;color:rgba(var(--color-foreground),.65);margin:0 0 1.8rem}.straps-addon__swatches{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.8rem}.straps-addon__swatch{width:4.2rem;height:4.2rem;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;flex-shrink:0;box-shadow:0 0 0 1px rgba(var(--color-foreground),.15);padding:0;border:none;background:none}.straps-addon__swatch img{width:100%;height:100%;object-fit:cover;display:block}.straps-addon__swatch.is-active{box-shadow:0 0 0 2px rgb(var(--color-foreground))}.straps-addon__swatch .straps-addon__badge-dot{position:absolute;bottom:-.2rem;right:-.2rem;width:1.4rem;height:1.4rem;border-radius:50%;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));font-size:.9rem;color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;line-height:1}.straps-addon__viewer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem}.straps-addon__arrow{width:3.4rem;height:3.4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.straps-addon__arrow:hover{background:rgba(var(--color-foreground),.05)}.straps-addon__variant{text-align:center}.straps-addon__image-wrap{aspect-ratio:1 / 1;max-width:26rem;margin:0 auto;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04);cursor:zoom-in;position:relative}.straps-addon__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.straps-addon__zoom-hint{position:absolute;bottom:.8rem;right:.8rem;background:#ffffffe6;border-radius:.4rem;font-size:1.05rem;padding:.3rem .7rem;color:#1a1a1a;opacity:0;transition:opacity .15s ease}.straps-addon__image-wrap:hover .straps-addon__zoom-hint{opacity:1}.straps-addon__variant-title{font-size:1.4rem;font-weight:600;margin:1.4rem 0 .2rem}.straps-addon__variant-price{font-size:1.3rem;color:rgba(var(--color-foreground),.65);margin:0 0 .4rem}.straps-addon__variant-note{font-size:1.15rem;color:#3d5a4c;font-weight:600;margin:0}.straps-addon__variant-stock{font-size:1.15rem;color:#a4423b;font-weight:600;margin:.4rem 0 0}.straps-addon__qty{display:flex;align-items:center;justify-content:center;gap:0;margin-top:1.4rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:.4rem;width:fit-content;margin-left:auto;margin-right:auto;overflow:hidden}.straps-addon__qty button{width:3.6rem;height:3.6rem;border:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.6rem;cursor:pointer}.straps-addon__qty button:hover{background:rgba(var(--color-foreground),.05)}.straps-addon__qty button:disabled{color:rgba(var(--color-foreground),.25);cursor:not-allowed}.straps-addon__qty button:disabled:hover{background:rgb(var(--color-background))}.straps-addon__qty input{width:4rem;text-align:center;border:none;border-left:1px solid rgba(var(--color-foreground),.15);border-right:1px solid rgba(var(--color-foreground),.15);font-size:1.3rem;height:3.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.straps-addon__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0aeb;display:none;align-items:center;justify-content:center;z-index:999;padding:4rem}.straps-addon__lightbox.is-visible{display:flex}.straps-addon__lightbox img{max-width:90vw;max-height:85vh;border-radius:.4rem}.straps-addon__lightbox-close{position:absolute;top:2.4rem;right:3.2rem;color:#fff;font-size:2.8rem;background:none;border:none;cursor:pointer;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/straps-addon.css.map */