vito-bundle-tiers{display:block;padding:1.25rem;border:1px solid rgb(var(--color-base-button) / .22);border-radius:var(--rounded-block, 0);background:rgb(var(--color-success-background))}vito-bundle-tiers .vito-bt__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}vito-bundle-tiers .vito-bt__title{position:relative;padding-left:1.125rem;font-size:.9375rem;font-weight:600;line-height:1.3;letter-spacing:.01em;color:rgb(var(--color-foreground))}vito-bundle-tiers .vito-bt__title:before{content:"";position:absolute;left:0;top:.35em;width:.5rem;height:.5rem;border-radius:50%;background:rgb(var(--color-base-button))}vito-bundle-tiers .vito-bt__sub{font-size:.8125rem;line-height:1.45;color:rgba(var(--color-foreground),.7);margin:0 0 1rem}vito-bundle-tiers .vito-bt__tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.5rem;margin-bottom:1rem}vito-bundle-tiers .vito-bt__tier{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:3rem;padding:.5rem .375rem;border:1px solid rgb(var(--color-base-button) / .4);border-radius:var(--rounded-button, 0);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease}vito-bundle-tiers .vito-bt__tier:hover{border-color:rgb(var(--color-base-button))}vito-bundle-tiers .vito-bt__tier:focus-visible{outline:2px solid rgb(var(--color-base-button));outline-offset:2px}vito-bundle-tiers .vito-bt__tier[aria-pressed=true]{border-color:rgb(var(--color-base-button));background:rgb(var(--color-base-button));color:rgb(var(--color-base-button-text))}vito-bundle-tiers .vito-bt__tier-pct{font-size:1rem;font-weight:700;line-height:1}vito-bundle-tiers .vito-bt__tier-qty{font-size:.6875rem;line-height:1.2;opacity:.8}vito-bundle-tiers .vito-bt__summary{display:grid;gap:.375rem;border-top:1px solid rgb(var(--color-base-button) / .25);padding-top:.875rem}vito-bundle-tiers .vito-bt__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.8125rem;line-height:1.4}vito-bundle-tiers .vito-bt__row dt{color:rgba(var(--color-foreground),.75)}vito-bundle-tiers .vito-bt__row dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}vito-bundle-tiers .vito-bt__row--discount dt,vito-bundle-tiers .vito-bt__row--discount dd{color:rgb(var(--color-base-button));font-weight:600}vito-bundle-tiers .vito-bt__row--total{margin-top:.25rem;padding-top:.625rem;border-top:1px solid rgb(var(--color-base-button) / .25);font-size:.9375rem;font-weight:600}vito-bundle-tiers .vito-bt__row--total dt{color:rgb(var(--color-foreground))}vito-bundle-tiers .vito-bt__note{font-size:.75rem;line-height:1.45;color:rgba(var(--color-foreground),.65);margin:.5rem 0 0}vito-bundle-tiers .vito-bt__hint{font-size:.8125rem;line-height:1.4;font-weight:600;color:rgb(var(--color-base-button));margin:.75rem 0 0}@media screen and (max-width:480px){vito-bundle-tiers{padding:1rem}vito-bundle-tiers .vito-bt__tiers{grid-template-columns:repeat(3,1fr)}}vito-bundle-tiers .vito-bt__slots{display:grid;gap:.5rem;margin-bottom:1rem}vito-bundle-tiers .vito-bt__slot{display:grid;grid-template-columns:1.75rem 1fr auto;align-items:center;gap:.75rem;min-height:3.25rem;padding:.625rem .75rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--rounded-input, 0);background:rgb(var(--color-background))}vito-bundle-tiers .vito-bt__slot.is-open{grid-template-columns:1.75rem 1fr auto;align-items:start}vito-bundle-tiers .vito-bt__slot.is-locked{opacity:.55;background:transparent}vito-bundle-tiers .vito-bt__slot.is-filled{border-color:rgb(var(--color-base-button) / .6)}vito-bundle-tiers .vito-bt__slot-num{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid rgb(var(--color-base-button) / .5);border-radius:50%;font-size:.75rem;font-weight:600;color:rgb(var(--color-base-button))}vito-bundle-tiers .vito-bt__slot.is-filled .vito-bt__slot-num{background:rgb(var(--color-base-button));color:rgb(var(--color-base-button-text));border-color:rgb(var(--color-base-button))}vito-bundle-tiers .vito-bt__slot-main{min-width:0}vito-bundle-tiers .vito-bt__slot-name{display:block;font-size:.875rem;font-weight:600;line-height:1.3}vito-bundle-tiers .vito-bt__slot-meta{display:block;font-size:.75rem;line-height:1.4;color:rgba(var(--color-foreground),.65)}vito-bundle-tiers .vito-bt__slot-locked{font-size:.8125rem;color:rgba(var(--color-foreground),.6)}vito-bundle-tiers .vito-bt__add{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;padding:0;border:0;background:none;color:rgb(var(--color-base-button));font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}vito-bundle-tiers .vito-bt__add:hover{color:rgb(var(--color-foreground))}vito-bundle-tiers .vito-bt__add:focus-visible,vito-bundle-tiers .vito-bt__slot-action:focus-visible,vito-bundle-tiers .vito-bt__opt:focus-visible,vito-bundle-tiers .vito-bt__back:focus-visible{outline:2px solid rgb(var(--color-base-button));outline-offset:2px}vito-bundle-tiers .vito-bt__slot-action{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .5rem;border:0;background:none;color:rgba(var(--color-foreground),.7);font-size:.75rem;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;white-space:nowrap}vito-bundle-tiers .vito-bt__slot-action:hover{color:rgb(var(--color-foreground))}vito-bundle-tiers .vito-bt__chooser{padding:.125rem 0 .25rem}vito-bundle-tiers .vito-bt__chooser-label{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}vito-bundle-tiers .vito-bt__back{display:inline-flex;align-items:center;min-height:2.75rem;min-width:2.75rem;padding:0 .375rem 0 0;margin:-.75rem 0;border:0;background:none;font:inherit;color:rgb(var(--color-base-button));cursor:pointer;text-decoration:underline;text-underline-offset:.2em}vito-bundle-tiers .vito-bt__opts{display:flex;flex-wrap:wrap;gap:.375rem}vito-bundle-tiers .vito-bt__opt{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.375rem .75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--rounded-button, 0);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:.8125rem;line-height:1.2;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}vito-bundle-tiers .vito-bt__opt:hover{border-color:rgb(var(--color-base-button));box-shadow:0 0 0 1px rgb(var(--color-base-button))}vito-bundle-tiers .vito-bt__opt--colour{padding:.25rem .625rem .25rem .25rem}vito-bundle-tiers .vito-bt__opt--colour img{width:2rem;height:2rem;object-fit:cover;flex-shrink:0;border-radius:calc(var(--rounded-button, 0) - .125rem)}vito-bundle-tiers .vito-bt__opt.is-out{opacity:.45;cursor:not-allowed;text-decoration:line-through}vito-bundle-tiers .vito-bt__opt.is-out:hover{border-color:rgba(var(--color-foreground),.2);box-shadow:none}vito-bundle-tiers .vito-bt__opt small{font-size:.6875rem;text-decoration:none;opacity:.8}@media screen and (max-width:480px){vito-bundle-tiers .vito-bt__slot{gap:.5rem;padding:.5rem .625rem}vito-bundle-tiers .vito-bt__opts--colour{display:grid;grid-template-columns:1fr 1fr}vito-bundle-tiers .vito-bt__opt--colour{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/vito-bundle-tiers.css.map */