.podio-pack-builder{--pb-bg: rgb(var(--color-scheme-background, 255 255 255));--pb-text: rgb(var(--color-scheme-text, 0 0 0));--pb-accent: rgb(var(--color-scheme-accent, 22 5 255));--pb-border: rgb(var(--color-scheme-text, 0 0 0) / .16);--pb-muted: rgb(var(--color-scheme-text, 0 0 0) / .58);--pb-soft: rgb(var(--color-scheme-text, 0 0 0) / .08);--pb-card: rgb(var(--color-scheme-text, 0 0 0) / .08);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);gap:clamp(2rem,6vw,5.5rem);align-items:start;width:min(100%,1400px);margin-inline:auto;padding:clamp(2rem,4vw,4rem) clamp(1rem,4vw,3rem);background:var(--pb-bg);color:var(--pb-text);font-family:var(--body-font-stack)}.podio-pack-builder__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%}.podio-pack-builder__slot{position:relative;aspect-ratio:4 / 5;background:var(--pb-card);overflow:visible;display:flex;align-items:center;justify-content:center;margin-bottom:1.35rem}.podio-pack-builder__slot[hidden]{display:none!important}.podio-pack-builder__slot>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;padding:0;background:transparent}.podio-pack-builder__slot>img[hidden]{display:none!important}.podio-pack-builder__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:min(72%,220px);height:auto;margin:auto;padding:0;background:transparent;color:var(--pb-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.05rem;text-align:center;font-family:var(--body-font-stack);font-weight:600;font-size:clamp(1rem,2vw,1.45rem);line-height:1.05;text-transform:uppercase;letter-spacing:.18em}.podio-pack-builder__placeholder:before{content:"";width:clamp(76px,9vw,118px);aspect-ratio:1;display:block;border-radius:999px;background:radial-gradient(circle at center,var(--pb-muted) 0 13%,transparent 14%),radial-gradient(circle at center,transparent 0 29%,var(--pb-muted) 30% 38%,transparent 39%),radial-gradient(circle at center,transparent 0 56%,var(--pb-muted) 57% 66%,transparent 67%)}.podio-pack-builder__slot:has(.podio-pack-builder__slot-picker){overflow:hidden!important}.podio-pack-builder__slot:has(.podio-pack-builder__slot-picker) .podio-pack-builder__placeholder{display:none!important}.podio-pack-builder__thumbs{position:absolute;left:0;right:0;bottom:-1.05rem;z-index:3;display:flex;align-items:center;justify-content:center;gap:.42rem;height:.7rem;background:transparent}.podio-pack-builder__thumbs[hidden]{display:none!important}.podio-pack-builder__thumb{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:var(--pb-muted);opacity:.45;cursor:pointer}.podio-pack-builder__thumb.is-selected{background:var(--pb-accent);opacity:1;box-shadow:0 0 0 1px var(--pb-text)}.podio-pack-builder__info{position:sticky;top:calc(var(--theme-sticky-header-height, 80px) + 2rem)}.podio-pack-builder__title{margin:0;font-family:var(--heading-font-stack);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height);font-size:clamp(2rem,4vw,3.25rem);color:var(--pb-text)}.podio-pack-builder__price{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0;font-family:var(--body-font-stack);font-weight:600;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1;color:var(--pb-accent)}.podio-pack-builder__compare{color:var(--pb-muted);text-decoration:line-through}.podio-pack-builder__badge{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;background:var(--pb-accent);color:rgb(var(--color-scheme-background, 255 255 255));padding:.65rem .95rem;font-family:var(--body-font-stack);font-weight:700;font-size:.85rem;line-height:1;text-transform:uppercase;letter-spacing:.18em}.podio-pack-builder__badge--accent{background:rgb(var(--color-scheme-accent, 22 5 255) / .14);color:var(--pb-text)}.podio-pack-builder__option{border:0;padding:0;margin:0 0 .85rem}.podio-pack-builder__option-label{display:block;margin:0 0 .5rem;font-family:var(--body-font-stack);font-size:.9rem;font-weight:600;color:var(--pb-muted)}.podio-pack-builder__option-values{display:flex;flex-wrap:wrap;gap:.65rem}.podio-pack-builder__pill{display:inline-flex;position:relative}.podio-pack-builder__pill input{position:absolute;opacity:0;pointer-events:none}.podio-pack-builder__pill span{min-width:88px;height:46px;padding:0 1rem;border:var(--border-width, 1px) solid var(--pb-border);background:transparent;color:var(--pb-text);display:inline-flex;align-items:center;justify-content:center;font-family:var(--body-font-stack);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:var(--button-border-radius, 0);text-transform:uppercase;letter-spacing:.08em}.podio-pack-builder__pill input:checked+span{border-color:var(--pb-accent);box-shadow:0 0 0 var(--border-width, 1px) var(--pb-accent) inset;background:rgb(var(--color-scheme-accent, 22 5 255) / .08)}.podio-pack-builder__swatches{display:flex;flex-direction:column;gap:1.25rem;margin:1.75rem 0 2rem}.podio-pack-builder__swatch-row[hidden]{display:none!important}.podio-pack-builder__swatch-label{margin-bottom:.65rem;font-family:var(--body-font-stack);font-size:.88rem;line-height:1.2;font-weight:600;color:var(--pb-muted);text-transform:uppercase;letter-spacing:.12em}.podio-pack-builder__swatch-values{display:flex;flex-wrap:wrap;gap:.65rem}.podio-pack-builder__swatch{width:42px;height:42px;border-radius:999px;border:1px solid var(--pb-border);padding:3px;background:var(--pb-bg);cursor:pointer;position:relative}.podio-pack-builder__swatch span{display:block;width:100%;height:100%;border-radius:inherit;background-size:cover;background-position:center}.podio-pack-builder__swatch.is-selected{border-color:var(--pb-text);box-shadow:0 0 0 2px var(--pb-text) inset}.podio-pack-builder__swatch.is-soldout{opacity:.28;cursor:not-allowed}.podio-pack-builder__swatch.is-soldout:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--pb-bg) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}.podio-pack-builder__atc{width:100%;min-height:58px;background:var(--pb-accent);color:rgb(var(--color-scheme-background, 255 255 255));border:0;border-radius:var(--button-border-radius, 0);font-family:var(--button-font-stack);font-weight:var(--button-font-weight);text-transform:var(--button-text-transform);letter-spacing:var(--button-font-style);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.podio-pack-builder__atc:disabled{opacity:.36;cursor:not-allowed}.podio-pack-builder__atc.is-loading{opacity:.72;cursor:wait}.podio-pack-builder__atc-compare{opacity:.58;text-decoration:line-through}.podio-pack-builder__error{margin-top:.85rem;color:var(--pb-accent);font-family:var(--body-font-stack);font-size:.9rem;font-weight:600}.podio-pack-builder__slot-picker{position:absolute;left:50%;top:50%;z-index:7;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:flex-start;gap:.65rem;width:min(92%,430px);max-width:calc(100% - 1rem);padding:0;background:transparent;border:0;box-shadow:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x}.podio-pack-builder__slot-picker.is-dragging{cursor:grabbing}.podio-pack-builder__slot-picker::-webkit-scrollbar{display:none}.podio-pack-builder__slot-picker-option{flex:0 0 auto;width:90px;height:90px;border-radius:999px;border:1px solid var(--pb-border);padding:4px;background:var(--pb-bg);cursor:pointer}.podio-pack-builder__slot-picker-option span{display:block;width:100%;height:100%;border-radius:inherit;background-size:cover;background-position:center}.podio-pack-builder__slot-picker-option.is-selected{border-color:var(--pb-text);box-shadow:0 0 0 2px var(--pb-text) inset}.podio-pack-builder__slot-picker--sizes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;transform:none;width:100%;max-width:none;height:100%;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;box-shadow:none;overflow:hidden;cursor:default;touch-action:auto}.podio-pack-builder__slot-picker-sizes{display:grid;grid-template-columns:repeat(2,56px);gap:.65rem;justify-content:center;align-items:center;width:auto;overflow:visible;cursor:default;touch-action:auto}.podio-pack-builder__slot-picker-size{width:56px;height:56px;min-width:56px;padding:0;border-radius:999px;border:0;background:var(--pb-bg);color:var(--pb-text);font-family:var(--body-font-stack);font-size:1.05rem;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:none}.podio-pack-builder__slot-picker-size:hover,.podio-pack-builder__slot-picker-size.is-selected{box-shadow:0 0 0 2px var(--pb-text) inset}@media(max-width:999px){.podio-pack-builder{grid-template-columns:1fr;gap:1.75rem;padding:2rem 1rem 3rem}.podio-pack-builder__info{position:static}.podio-pack-builder__gallery{gap:.45rem}.podio-pack-builder__slot{margin-bottom:1rem}.podio-pack-builder__placeholder{gap:.85rem;font-size:.95rem}.podio-pack-builder__placeholder:before{width:68px}.podio-pack-builder__title{font-size:clamp(1.75rem,9vw,2.6rem)}.podio-pack-builder__pill span{min-width:76px;height:44px}.podio-pack-builder__slot-picker{width:min(94%,360px);max-width:calc(100% - .75rem);gap:.5rem}.podio-pack-builder__slot-picker-option{width:75px;height:75px}.podio-pack-builder__slot-picker-sizes{grid-template-columns:repeat(2,52px);gap:.6rem}.podio-pack-builder__slot-picker-size{width:52px;height:52px;min-width:52px;font-size:1rem}.podio-pack-builder__thumb{width:6px;height:6px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/pack-builder.css.map */