.ttt-add-a-pet{--ttt-ap-bg: #ffffff;--ttt-ap-text: #2c2c2c;--ttt-ap-border: #d4c5a9;--ttt-ap-accent: #8b1a1a;--ttt-ap-font-size: 16px;margin:0 0 1rem;font-size:var(--ttt-ap-font-size);color:var(--ttt-ap-text);container-type:inline-size;container-name:tttap}.ttt-add-a-pet__heading{margin:0 0 1rem;font-size:1.07em;font-weight:600;line-height:1.25}.ttt-add-a-pet__carousel{display:grid;grid-template-columns:2rem minmax(0,1fr) 2rem;gap:.75rem;align-items:stretch;padding:.9rem;border:1px solid var(--ttt-ap-border);border-radius:8px;background:var(--ttt-ap-bg);overflow:hidden}.ttt-add-a-pet__viewport{grid-column:2;position:relative;min-width:0;overflow:hidden;overflow:clip;contain:paint}.ttt-add-a-pet__track{display:flex;gap:0;width:100%;margin:0;min-width:0;padding:0;list-style:none;transform:translate3d(var(--ttt-ap-offset, 0px),0,0);transition:transform .25s ease;will-change:transform}.ttt-add-a-pet__slide{flex:0 0 100%;width:100%;min-width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.ttt-add-a-pet__slide[aria-hidden=true]{visibility:hidden}.ttt-add-a-pet__card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(150px,.95fr);align-items:stretch;gap:0;min-height:12.5rem;height:100%;padding:.1rem 0;border-radius:6px;transition:background .15s ease}.ttt-add-a-pet__details,.ttt-add-a-pet__media-panel{display:flex;flex-direction:column;min-width:0}.ttt-add-a-pet__details{gap:.75rem;padding-right:1.25rem}.ttt-add-a-pet__media-panel{align-items:center;justify-content:center;text-align:center;padding-left:1.25rem;border-left:1px solid var(--ttt-ap-border)}.ttt-add-a-pet__slide.is-selected .ttt-add-a-pet__card{background:#8b1a1a0a}.ttt-add-a-pet__media{display:block;width:100%;max-width:170px;margin:0 auto;aspect-ratio:1 / 1;overflow:hidden;border-radius:.5rem;background:#00000008}.ttt-add-a-pet__img{width:100%;height:100%;object-fit:cover;display:block}.ttt-add-a-pet__summary{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;line-height:1.2;text-align:left}.ttt-add-a-pet__title{min-width:0;font-size:.95em;font-weight:600}.ttt-add-a-pet__price{font-size:.9em;font-weight:600;color:var(--ttt-ap-accent)}.ttt-add-a-pet__variants{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.4rem;margin:0;padding:0;border:0}.ttt-add-a-pet__variants-label{flex:0 0 100%;text-align:left;font-size:.9em;font-weight:500;line-height:1.3;margin-bottom:-.05rem}.ttt-add-a-pet__swatch{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid var(--ttt-ap-border);border-radius:4px;background-color:var(--ttt-ap-swatch-color, var(--swatch-color, #fff));background-image:var(--swatch-image);background-size:cover;background-position:center;color:var(--ttt-ap-text);cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.ttt-add-a-pet__swatch img{width:100%;height:100%;object-fit:cover;display:block}.ttt-add-a-pet__swatch--text{width:auto;min-width:2.4rem;height:2.1rem;padding:0 .55rem;font-size:.8em;font-weight:600;white-space:nowrap}.ttt-add-a-pet__swatch:hover{border-color:var(--ttt-ap-accent)}.ttt-add-a-pet__swatch:focus-visible{outline:2px solid var(--ttt-ap-accent);outline-offset:2px}.ttt-add-a-pet__swatch.is-selected{border-color:#111;box-shadow:none}.ttt-add-a-pet__swatch.is-selected:hover{border-color:#111}.ttt-add-a-pet__swatch[aria-disabled=true],.ttt-add-a-pet__swatch[data-unavailable=true]{opacity:.55;cursor:not-allowed;pointer-events:none;position:relative}.ttt-add-a-pet__swatch[data-unavailable=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(0,0,0,.6) calc(50% - 1px),rgba(0,0,0,.6) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}.ttt-add-a-pet__swatch--text[data-unavailable=true]{text-decoration:line-through}.ttt-add-a-pet__swatch--text[data-unavailable=true]:after{background:none}.ttt-add-a-pet__fields{display:grid;grid-template-columns:1fr;gap:.75rem 1rem}.ttt-add-a-pet__field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.ttt-add-a-pet__field--full{grid-column:1 / -1}.ttt-add-a-pet__label{font-size:.9em;font-weight:500;line-height:1.3}.ttt-add-a-pet__required{color:var(--ttt-ap-accent)}.ttt-add-a-pet__input{width:100%;padding:.5rem .625rem;border:1px solid var(--ttt-ap-border);border-radius:4px;background-color:#fff!important;color:var(--ttt-ap-text)!important;font-size:.9em;font-family:inherit;line-height:1.3;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.ttt-add-a-pet__input:focus{outline:none;border-color:var(--ttt-ap-accent);box-shadow:0 0 0 2px #8b1a1a26}.ttt-add-a-pet__input--textarea{min-height:5em;resize:vertical}.ttt-add-a-pet__input.is-invalid{border-color:var(--ttt-ap-accent);box-shadow:0 0 0 2px #8b1a1a33}.ttt-add-a-pet__counter{margin:0;font-size:.65em;color:#888;text-align:right;line-height:1}.ttt-add-a-pet__year-group{display:inline-flex;align-items:stretch;border:1px solid var(--ttt-ap-border);border-radius:999px;overflow:hidden;background-color:#fff;max-width:100%}.ttt-add-a-pet__year-group:focus-within{border-color:var(--ttt-ap-accent);box-shadow:0 0 0 2px #8b1a1a26}.ttt-add-a-pet__input--year{width:5.5em;max-width:none;border:none;border-radius:0;background-color:transparent!important;text-align:center}.ttt-add-a-pet__year-group .ttt-add-a-pet__input--year:focus{border:none;box-shadow:none}.ttt-add-a-pet__year-clear{position:relative;margin-left:auto;padding:0 1.1rem;border:0;background:transparent;color:#9a9a9a;font-size:.8em;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .15s}.ttt-add-a-pet__year-clear:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:55%;background-color:var(--ttt-ap-border)}.ttt-add-a-pet__year-clear.is-active{background:var(--ttt-ap-accent);color:#fff}.ttt-add-a-pet__year-clear.is-active:before{opacity:0}.ttt-add-a-pet__year-clear:hover,.ttt-add-a-pet__year-clear:focus-visible{color:var(--ttt-ap-accent);outline:none}.ttt-add-a-pet__year-hint{grid-column:1 / -1;margin:.2rem 0 0;font-size:.62em;color:#777;line-height:1.3}.ttt-add-a-pet__actions{margin-top:auto;display:flex;flex-direction:row;align-items:stretch;gap:.5rem}.ttt-add-a-pet__actions .ttt-add-a-pet__toggle{width:auto;flex:1 1 auto}.ttt-add-a-pet__qty{display:inline-flex;flex:0 0 auto;align-items:stretch;border:1px solid var(--ttt-ap-border);border-radius:999px;overflow:hidden;background:#fff}.ttt-add-a-pet__qty-btn{width:2.2rem;min-height:2rem;border:0;background:transparent;color:var(--ttt-ap-text);font:inherit;font-size:1.1em;line-height:1;cursor:pointer}.ttt-add-a-pet__qty-btn:hover{background:#0000000d}.ttt-add-a-pet__qty-input{width:2.6em;border:0;border-left:1px solid var(--ttt-ap-border);border-right:1px solid var(--ttt-ap-border);text-align:center;font:inherit;background:transparent;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ttt-add-a-pet__qty-input::-webkit-outer-spin-button,.ttt-add-a-pet__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ttt-add-a-pet__toggle{width:100%;min-height:2.4rem;padding:.55em .9em;border:2px solid var(--ttt-ap-accent);border-radius:4px;background:#fff;color:var(--ttt-ap-accent);font:inherit;font-size:.9em;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;transition:background .15s ease,color .15s ease}.ttt-add-a-pet__toggle:hover{background:#8b1a1a0f}.ttt-add-a-pet__toggle:focus-visible{outline:2px solid var(--ttt-ap-accent);outline-offset:2px}.ttt-add-a-pet__toggle-added{display:none}.ttt-add-a-pet__toggle.is-just-added,.ttt-add-a-pet__toggle[aria-pressed=true]{background:var(--ttt-ap-accent);color:#fff}.ttt-add-a-pet__toggle[aria-pressed=true] .ttt-add-a-pet__toggle-add{display:none}.ttt-add-a-pet__toggle[aria-pressed=true] .ttt-add-a-pet__toggle-added{display:inline}.ttt-add-a-pet__nav{position:static;align-self:center;justify-self:center;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;border:1px solid var(--ttt-ap-border);border-radius:999px;background:var(--ttt-ap-bg);color:var(--ttt-ap-text);cursor:pointer;transition:border-color .15s ease,color .15s ease,opacity .15s ease}.ttt-add-a-pet__nav--prev{grid-column:1}.ttt-add-a-pet__nav--next{grid-column:3}.ttt-add-a-pet__nav:hover{border-color:var(--ttt-ap-accent);color:var(--ttt-ap-accent)}.ttt-add-a-pet__nav:focus-visible{outline:2px solid var(--ttt-ap-accent);outline-offset:2px}.ttt-add-a-pet__nav[disabled]{opacity:.35;cursor:default;pointer-events:none}.ttt-add-a-pet__dots{display:flex;justify-content:center;align-items:center;gap:1.05rem;margin-top:.7rem}.ttt-add-a-pet__dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:999px;background:var(--ttt-ap-border);cursor:pointer;transition:background .15s ease}.ttt-add-a-pet__dot.is-active{background:var(--ttt-ap-accent)}.ttt-add-a-pet__dot.is-selected{box-shadow:0 0 0 1.5px var(--ttt-ap-bg),0 0 0 3px var(--ttt-ap-accent)}.ttt-add-a-pet__empty{margin:0;font-size:.9em;opacity:.75}@container tttap (max-width: 430px){.ttt-add-a-pet__carousel{grid-template-columns:1.9rem minmax(0,1fr) 1.9rem;gap:.55rem;padding:.8rem}.ttt-add-a-pet__card{grid-template-columns:1fr;min-height:0}.ttt-add-a-pet__details{padding-right:0}.ttt-add-a-pet__media-panel{order:-1;padding-left:0;padding-bottom:.8rem;margin-bottom:.2rem;border-left:none;border-bottom:1px solid var(--ttt-ap-border)}.ttt-add-a-pet__summary{align-items:flex-start;flex-direction:column;gap:.15rem}}@container tttap (max-width: 340px){.ttt-add-a-pet__nav{width:1.9rem;height:1.9rem}}@media(prefers-reduced-motion:reduce){.ttt-add-a-pet__track{transition:none}}.ttt-add-a-pet__added{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--ttt-ap-border)}.ttt-add-a-pet__added-title{margin:0 0 .5rem;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ttt-ap-text)}.ttt-add-a-pet__added-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ttt-add-a-pet__added-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--ttt-ap-border);border-radius:6px;background:#fff}.ttt-add-a-pet__added-text{display:flex;flex-direction:column;min-width:0}.ttt-add-a-pet__added-name{font-weight:600;font-size:.9em}.ttt-add-a-pet__added-sub{font-size:.8em;color:#666}.ttt-add-a-pet__added-remove{flex:0 0 auto;border:0;background:transparent;color:var(--ttt-ap-accent);font:inherit;font-size:.8em;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.ttt-add-a-pet__added-remove:hover{color:#000}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ttt-add-a-pet.css.map */