.pup{margin:2.5rem 0 0}.pup .pup__heading{text-align:center;font-size:.875rem;line-height:1.2;color:var(--main-balck);position:absolute;top:0;left:50%;transform:translateY(-50%) translate(-50%);z-index:1;background:#fff;padding:.5rem 2rem}.pup .pup__card{border:.0625rem solid #C3C3C3;border-radius:1.25rem;padding:1.25rem 1.5rem;color:var(--main-black);position:relative}.pup .pup__single-item+.pup__single-item{margin-top:1.25rem;padding-top:1.25rem;border-top:.0625rem solid rgba(0,0,0,.1)}.pup .pup__single-item{cursor:pointer}.pup .pup__top{display:grid;grid-template-columns:3.75rem 1fr auto;gap:1rem;align-items:center}.pup .pup__thumb{width:3.75rem;height:3.75rem;border-radius:.75rem;overflow:hidden;background:#00000008;display:flex;align-items:center;justify-content:center}.pup .pup__thumb img{width:100%;height:100%;object-fit:cover;display:block}.pup .pup__title{font-size:1rem;line-height:1.2}.pup .pup__recommended-badge{display:inline-flex;align-items:center;width:max-content;margin-top:.35rem;border-radius:999rem;background:#f0ffb6;color:#121212;font-size:.625rem;line-height:1;font-weight:700;letter-spacing:0;padding:.25rem .45rem;pointer-events:none}.pup .pup__pricePill{background:var(--main-green);color:#fff;border-radius:6.1875rem;padding:.625rem 1.25rem;font-size:1rem;line-height:1;transition:all .3s ease;white-space:nowrap;cursor:pointer;border:none}.pup .pup__pricePill:hover{padding:.625rem 1rem .625rem 1.5rem;opacity:.7}.pup .pup__pricePill:disabled,.pup .pup__pricePill.is-oos{background:#00965e6b;cursor:not-allowed;opacity:1}.pup .pup__pricePill:disabled:hover,.pup .pup__pricePill.is-oos:hover{padding:.625rem 1.25rem}.pup .pup__mid{margin-top:1.25rem}.pup .pup__optRow{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin-bottom:.875rem}.pup .pup__optLabel{font-size:1rem;line-height:1.2}.pup .pup__optName{opacity:.9}.pup .pup__optValue{font-weight:700}.pup .pup__pills{display:flex;flex-wrap:wrap;gap:.625rem;align-items:center}.pup .pup__pill{-webkit-appearance:none;appearance:none;border:.0625rem solid transparent;background:#00000008;border-radius:6.1875rem;padding:.5rem .85rem;font-size:.875rem;line-height:1;cursor:pointer;position:relative;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.pup .pup__pill.is-recommended{padding-right:1.05rem}.pup .pup__recommended-badge--pill{position:absolute;top:-.55rem;right:-.35rem;margin:0;font-size:.5rem;padding:.16rem .32rem;box-shadow:0 .125rem .375rem #0000001f}.pup .pup__pill:hover,.pup .pup__pill--img:hover,.pup .pup__pill--color:hover{border-color:#00965e;box-shadow:none}.pup .pup__pill.is-active{border:2px solid #0a7a5a}.pup .pup__pill.is-hidden{display:none}.pup .pup__pill[data-swatch-tooltip]:before,.pup .pup__pill[data-swatch-tooltip]:after{position:absolute;left:50%;z-index:20;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.pup .pup__pill[data-swatch-tooltip]:before{content:"";bottom:calc(100% + .125rem);transform:translate(-50%,.25rem);border:.3125rem solid transparent;border-top-color:#000000d1}.pup .pup__pill[data-swatch-tooltip]:after{content:attr(data-swatch-tooltip);bottom:calc(100% + .75rem);transform:translate(-50%,.25rem);max-width:min(16rem,80vw);overflow:hidden;text-overflow:ellipsis;border-radius:.1875rem;background:#000000d1;color:#fff;font-size:.75rem;line-height:1.2;font-weight:500;white-space:nowrap;padding:.25rem .45rem}@media(hover:hover)and (pointer:fine){.pup .pup__pill[data-swatch-tooltip]:hover,.pup .pup__pill[data-swatch-tooltip]:focus-visible{z-index:5}.pup .pup__pill[data-swatch-tooltip]:hover:before,.pup .pup__pill[data-swatch-tooltip]:hover:after,.pup .pup__pill[data-swatch-tooltip]:focus-visible:before,.pup .pup__pill[data-swatch-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}}.pup .pup__pill--img{padding:.125rem;width:2.25rem;height:2.25rem;border-radius:999px;overflow:visible;flex-shrink:0;background:#fff}.pup .pup__pill--img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px;pointer-events:none}.pup .pup__pill--color{padding:.125rem;width:2.25rem;height:2.25rem;border-radius:999px;overflow:visible;background:#fff;flex-shrink:0}.pup .pup__pill-color{display:block;width:100%;height:100%;border-radius:999px;background:var(--pup-swatch-color, transparent);pointer-events:none}.pup .pup__pill--img.is-oos img,.pup .pup__pill--color.is-oos .pup__pill-color{opacity:.35}.pup .pup__pill:not(.pup__pill--img).is-oos span{opacity:.35}.pup .pup__more{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--main-green);text-decoration:underline;text-underline-offset:.25rem;font-size:.875rem;line-height:1;font-weight:600;cursor:pointer;padding:0;white-space:nowrap;margin-left:.5rem}@media(max-width:46.8125em){.pup .pup__card{padding:1.125rem 1rem}.pup .pup__top{grid-template-columns:4.25rem 1fr;grid-template-rows:auto auto;gap:.5rem}.pup .pup__pricePill{grid-column:1 / -1;justify-self:flex-start;margin-top:.5rem;font-size:1rem;padding:.625rem 1rem;width:100%}.pup .pup__thumb{border-radius:.25rem}.pup .pup__title,.pup .pup__optLabel{font-size:.825rem}.pup .pup__pill:not(.pup__pill--img){font-size:.825rem;padding:.6875rem 1.125rem}.pup .pup__pill--img{width:2.5rem;height:2.5rem}.pup .pup__pill--color{width:2.5rem;height:2.5rem;padding:.125rem}.pup .pup__more{font-size:.825rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pdp-upsell.css.map */