.vpa{display:flex;flex-direction:column;gap:var(--sp-3);--vpa-border: rgb(var(--color-foreground) / .1);--vpa-border-strong: rgb(var(--color-foreground) / .85);--vpa-border-selected: rgb(var(--color-foreground) / .45);--vpa-surface-selected: rgb(var(--color-foreground) / .02);--vpa-surface-muted: rgb(var(--color-foreground) / .03);--vpa-surface-card: rgb(var(--color-foreground) / .02);--vpa-text-muted: rgb(var(--color-foreground) / .6);--vpa-accent: rgb(var(--color-highlight));--vpa-accent-soft: rgb(var(--color-highlight) / .1);--vpa-info-bg: rgb(var(--color-foreground) / .04);--vpa-sale: rgb(var(--color-sale-tag));--vpa-sale-text: rgb(var(--color-sale-tag-text));--vpa-bold: var(--font-bold);--vpa-step-w: var(--vpa-bold);--vpa-name-w: var(--vpa-bold);--vpa-price-w: var(--vpa-bold);--vpa-tag-w: var(--vpa-bold);--vpa-step-s: 1;--vpa-name-s: 1;--vpa-price-s: 1;--vpa-t-fast: .15s;--vpa-t-base: .2s;--vpa-t-reveal: .4s;--vpa-t-expand: .5s}.vpa__step{border:1px solid var(--vpa-border);border-radius:var(--rounded-card, 14px);background:var(--vpa-surface-card);padding:var(--sp-4) var(--sp-5);transition:opacity var(--vpa-t-base),border-color var(--vpa-t-base),background var(--vpa-t-base)}@media(min-width:768px){.vpa__step{padding:var(--sp-5) var(--sp-6)}}.vpa__step--complete{border-color:rgb(var(--color-foreground) / .18);background:rgb(var(--color-background))}.vpa__step--locked{opacity:.45;pointer-events:none}.vpa__step--locked .vpa__num{border-color:var(--vpa-text-muted);color:var(--vpa-text-muted);background:transparent}.vpa__head{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-4);padding:0;width:100%;flex-wrap:wrap}.vpa__num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:transparent;border:1.5px solid rgb(var(--color-foreground));color:rgb(var(--color-foreground));font-size:var(--text-sm);font-weight:var(--vpa-step-w);flex-shrink:0;transition:background var(--vpa-t-base),color var(--vpa-t-base)}.vpa__step--complete .vpa__num{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.vpa__title{font-size:calc(var(--text-base) * var(--vpa-step-s));font-weight:var(--vpa-step-w)}@media(min-width:768px){.vpa__title{font-size:calc(var(--text-lg) * var(--vpa-step-s))}}.vpa__status{margin-inline-start:auto;font-size:var(--text-xs);color:var(--vpa-text-muted);font-weight:var(--font-medium)}.vpa__status:not(:empty):before{content:"\2713  ";color:var(--vpa-accent);font-weight:var(--vpa-step-w)}.vpa__size-chart-link{font-size:var(--text-sm);color:var(--vpa-text-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:var(--sp-1)}@media(hover:hover){.vpa__size-chart-link:hover{color:rgb(var(--color-foreground))}}.vpa__swatch input,.vpa__tile input,.vpa__text-btn input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vpa__choices--swatch{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.vpa__swatch{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1d5);width:64px}.vpa__swatch-fill{display:block;position:relative;width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 2px rgb(var(--color-background)),0 0 0 1px var(--vpa-border);transition:box-shadow var(--vpa-t-fast),transform var(--vpa-t-fast)}@media(hover:hover){.vpa__swatch:hover .vpa__swatch-fill{box-shadow:inset 0 0 0 2px rgb(var(--color-background)),0 0 0 2px var(--vpa-text-muted)}}.vpa__swatch input:checked+.vpa__swatch-fill{box-shadow:inset 0 0 0 3px rgb(var(--color-background)),0 0 0 2px var(--vpa-border-strong);transform:scale(1.05)}.vpa__swatch input:focus-visible+.vpa__swatch-fill{outline:2px solid var(--vpa-accent);outline-offset:3px}.vpa__swatch-label{font-size:var(--text-xs);text-align:center;line-height:1.2;color:var(--vpa-text-muted);word-wrap:break-word}.vpa__choice--sold-out .vpa__swatch-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,transparent calc(50% - 1px),rgb(var(--color-foreground) / .65) 50%,transparent calc(50% + 1px));pointer-events:none}.vpa__choice--sold-out .vpa__swatch-label{text-decoration:line-through;text-decoration-color:rgb(var(--color-foreground) / .45)}.vpa__choices--text{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.vpa__text-btn{position:relative;cursor:pointer;padding:var(--sp-2) var(--sp-3d5);border:1px solid var(--vpa-border);border-radius:var(--rounded-button, 6px);background:rgb(var(--color-background));font-size:var(--text-sm);font-weight:var(--font-medium);transition:border-color var(--vpa-t-fast),background var(--vpa-t-fast)}@media(hover:hover){.vpa__text-btn:hover{border-color:var(--vpa-text-muted)}}.vpa__text-btn:has(input:checked){border-color:var(--vpa-border-selected);background:var(--vpa-surface-selected)}.vpa__text-btn.vpa__choice--sold-out{color:var(--vpa-text-muted);text-decoration:line-through;text-decoration-color:rgb(var(--color-foreground) / .45)}.vpa__choices--tile{display:grid;grid-template-columns:1fr;gap:var(--sp-2d5);align-items:stretch}@media(min-width:480px){.vpa__choices--tile{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}.vpa__tile{position:relative;cursor:pointer;border:1.5px solid var(--vpa-border);border-radius:var(--rounded-card, 12px);background:rgb(var(--color-background));padding:var(--sp-3d5);padding-block-start:var(--sp-6);display:block;transition:border-color var(--vpa-t-fast),background var(--vpa-t-fast)}@media(hover:hover){.vpa__tile:hover{border-color:var(--vpa-text-muted)}}.vpa__tile:has(input:checked){border-color:var(--vpa-border-selected);background:var(--vpa-surface-selected)}.vpa[data-vpa-selected-bg=off] .vpa__tile:has(input:checked){background:rgb(var(--color-background))}.vpa__tile:has(input:focus-visible){outline:2px solid var(--vpa-accent);outline-offset:2px}.vpa__tile--sold-out>.vpa__tile-body{opacity:.7}.vpa__tile--sold-out .vpa__tile-name{text-decoration:line-through;text-decoration-color:rgb(var(--color-foreground) / .4)}.vpa__tile-body{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-2d5);align-items:start}.vpa__tile-body.vpa__tile-body--no-media{grid-template-columns:1fr}.vpa__tile-media{width:48px;height:48px;border-radius:var(--rounded-block, 10px);background:var(--vpa-surface-muted);overflow:hidden;flex-shrink:0}.vpa__tile-media img{width:100%;height:100%;object-fit:cover}.vpa__tile-text{min-width:0}.vpa__tile-name{font-weight:var(--vpa-name-w);font-size:calc(var(--text-sm) * var(--vpa-name-s));line-height:1.2;margin-block-end:2px}@media(min-width:768px){.vpa__tile-name{font-size:calc(var(--text-base) * var(--vpa-name-s))}}.vpa__tile-price{font-size:calc(var(--text-sm) * var(--vpa-price-s));display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1d5);line-height:1.2;font-weight:var(--vpa-price-w)}.vpa__tile-price del{color:var(--vpa-text-muted);font-size:.8em;font-weight:var(--font-regular);opacity:.7}.vpa__tag,.vpa__discount{position:absolute;top:var(--sp-2);font-size:9.5px;font-weight:var(--vpa-tag-w);padding:2.5px 6px;border-radius:var(--rounded-full, 999px);letter-spacing:.04em;text-transform:uppercase;z-index:1;line-height:1}.vpa__tag,.vpa__discount{right:var(--sp-2d5);left:auto}.vpa__tag{background:var(--vpa-badge-bs-bg, rgb(var(--color-foreground)));color:var(--vpa-badge-bs-text, rgb(var(--color-background)))}.vpa__tag--sold-out{background:var(--vpa-badge-so-bg, rgb(var(--color-foreground) / .8));color:var(--vpa-badge-so-text, rgb(var(--color-background)))}.vpa__discount{background:var(--vpa-badge-disc-bg, var(--vpa-sale));color:var(--vpa-badge-disc-text, var(--vpa-sale-text))}.vpa__tile:has(.vpa__discount:not([hidden])) .vpa__tag{top:calc(var(--sp-2) + 20px)}.vpa__choices--tile:has(.vpa__tile:has(.vpa__tag:not([hidden])):has(.vpa__discount:not([hidden]))) .vpa__tile{padding-block-start:calc(var(--sp-6) + 16px)}.vpa__chip,.vpa__tile-info{display:block;margin-block-start:var(--sp-2);padding:4px 8px;border-radius:6px;font-size:10.5px;line-height:1.3;max-width:100%;word-wrap:break-word}.vpa__chip[hidden],.vpa__tile-info[hidden]{display:none}.vpa__chip{background:var(--vpa-badge-chip-bg, var(--vpa-info-bg));color:var(--vpa-badge-chip-text, rgb(var(--color-foreground)));font-weight:var(--font-medium);display:inline-flex;align-items:flex-start;gap:5px}.vpa__chip .icon{width:11px;height:11px;flex-shrink:0;margin-block-start:1px}.vpa__chip-text{min-width:0;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vpa__tile-info{background:var(--vpa-badge-chip-bg, var(--vpa-info-bg));color:var(--vpa-badge-chip-text, rgb(var(--color-foreground)))}.vpa__tile-info strong{font-weight:var(--vpa-bold)}.vpa__choice--unavailable{pointer-events:none;position:relative}.vpa__choice--unavailable>.vpa__tile-body,.vpa__choice--unavailable>.vpa__discount,.vpa__choice--unavailable>[data-most-popular]{opacity:.35}.vpa__choice--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent calc(50% - 1px),rgb(var(--color-foreground) / .15) 50%,transparent calc(50% + 1px));border-radius:inherit;pointer-events:none}.vpa__step--addons{opacity:0;transform:translateY(20px);max-height:0;padding-block:0;margin:0;border-width:0;overflow:hidden;transition:opacity var(--vpa-t-reveal) ease,transform var(--vpa-t-reveal) ease,max-height var(--vpa-t-expand) ease,padding var(--vpa-t-reveal) ease,border-width var(--vpa-t-base) ease;pointer-events:none}.vpa__step--addons[data-revealed=true]{opacity:1;transform:translateY(0);max-height:2000px;padding:var(--sp-4) var(--sp-5);border-width:1px;pointer-events:auto}@media(min-width:768px){.vpa__step--addons[data-revealed=true]{padding:var(--sp-5) var(--sp-6)}}.vpa__addon-list{display:flex;flex-direction:column;gap:var(--sp-2)}.vpa__addon{display:grid;grid-template-columns:auto 48px 1fr auto;align-items:center;gap:var(--sp-3);border:1px solid var(--vpa-border);border-radius:var(--rounded-block, 10px);padding:var(--sp-2d5) var(--sp-3d5);background:rgb(var(--color-background));cursor:pointer;transition:border-color var(--vpa-t-fast),background var(--vpa-t-fast)}.vpa__addon[hidden]{display:none}@media(hover:hover){.vpa__addon:hover{border-color:var(--vpa-text-muted)}}.vpa__addon:has(input.vpa__addon-check:checked){border-color:var(--vpa-border-selected);background:var(--vpa-surface-selected)}.vpa__addon-check{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--vpa-border-strong);border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;background:rgb(var(--color-background))}.vpa__addon-check:checked{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.vpa__addon-check:checked:after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid rgb(var(--color-background));border-width:0 2px 2px 0;transform:rotate(45deg)}.vpa__addon-media{width:48px;height:48px;border-radius:8px;background:var(--vpa-surface-muted);overflow:hidden}.vpa__addon-media img{width:100%;height:100%;object-fit:cover}.vpa__addon-name-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.vpa__addon-name{font-weight:var(--vpa-bold);font-size:var(--text-sm);line-height:1.3;min-width:0}.vpa__addon-variant{font-size:11px;color:var(--vpa-text-muted);font-weight:var(--font-medium);line-height:1.2}.vpa__addon-variant:before{content:"Variant: ";opacity:.7}.vpa__addon-price{font-weight:var(--vpa-bold);font-size:var(--text-sm);white-space:nowrap}.vpa__addon-status[hidden],.vpa__addon-chip[hidden]{display:none}.vpa__addon-status{align-self:flex-start;margin-block-start:2px;padding:2px 6px;border-radius:var(--rounded-full, 999px);background:var(--vpa-badge-so-bg, rgb(var(--color-foreground) / .8));color:var(--vpa-badge-so-text, rgb(var(--color-background)));font-size:9.5px;font-weight:var(--vpa-tag-w);letter-spacing:.04em;text-transform:uppercase;line-height:1}.vpa__addon-chip{align-self:flex-start;margin-block-start:3px;padding:3px 7px;border-radius:6px;background:var(--vpa-badge-chip-bg, var(--vpa-info-bg));color:var(--vpa-badge-chip-text, rgb(var(--color-foreground)));font-size:10px;font-weight:var(--font-medium);line-height:1.3}.vpa__addon--sold-out .vpa__addon-media,.vpa__addon--sold-out .vpa__addon-price{opacity:.45}.vpa__addon--sold-out .vpa__addon-name{text-decoration:line-through;text-decoration-color:rgb(var(--color-foreground) / .4)}.vpa__step--addons[data-addon-text-size=xs] .vpa__addon-name{font-size:11px}.vpa__step--addons[data-addon-text-size=xs] .vpa__addon-variant{font-size:9px}.vpa__step--addons[data-addon-text-size=xs] .vpa__addon-price{font-size:11px}.vpa__step--addons[data-addon-text-size=s] .vpa__addon-name{font-size:12px}.vpa__step--addons[data-addon-text-size=s] .vpa__addon-variant{font-size:10px}.vpa__step--addons[data-addon-text-size=s] .vpa__addon-price{font-size:12px}.vpa__step--addons[data-addon-text-size=l] .vpa__addon-name{font-size:var(--text-base)}.vpa__step--addons[data-addon-text-size=l] .vpa__addon-variant{font-size:12px}.vpa__step--addons[data-addon-text-size=l] .vpa__addon-price{font-size:var(--text-base)}.vpa__step--addons[data-addon-text-size=xl] .vpa__addon-name{font-size:var(--text-lg)}.vpa__step--addons[data-addon-text-size=xl] .vpa__addon-variant{font-size:13px}.vpa__step--addons[data-addon-text-size=xl] .vpa__addon-price{font-size:var(--text-lg)}.vpa__addon-sub{grid-column:1 / -1;margin-block-start:var(--sp-2d5);padding:var(--sp-3) var(--sp-3d5);background:var(--vpa-accent-soft);border-radius:var(--rounded-block, 10px);display:none;flex-direction:column;gap:var(--sp-2)}.vpa__addon:has(input.vpa__addon-check:checked) .vpa__addon-sub{display:flex}.vpa__addon-sub-head{display:flex;align-items:center;gap:var(--sp-1d5)}.vpa__addon-sub-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;color:var(--vpa-accent)}.vpa__addon-sub-icon svg{width:100%;height:100%;display:block}.vpa__addon-sub-savings{display:inline-flex;align-items:center;font-weight:var(--vpa-bold);font-size:12px;color:rgb(var(--color-foreground));letter-spacing:.02em;line-height:1.2}.vpa__addon-sub-desc{font-size:11px;line-height:1.4;color:var(--vpa-text-muted)}.vpa__addon-sub select{width:100%;font-size:13px;padding:8px 28px 8px 12px;border-radius:6px;border:1px solid var(--vpa-border);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.vpa__addon-sub select:focus{outline:2px solid var(--vpa-accent);outline-offset:1px}@media(max-width:479px){.vpa__addon{grid-template-columns:auto 40px 1fr}.vpa__addon-media{width:40px;height:40px}.vpa__addon-price{grid-column:2 / -1;padding-inline-start:calc(40px + var(--sp-3))}}.vpa[data-vpa-size=xxxs]{gap:var(--sp-1d5)}.vpa[data-vpa-size=xxxs] .vpa__step{padding:var(--sp-2) var(--sp-2d5);border-radius:10px}@media(min-width:768px){.vpa[data-vpa-size=xxxs] .vpa__step{padding:var(--sp-2d5) var(--sp-3)}}.vpa[data-vpa-size=xxxs] .vpa__head{margin-block-end:var(--sp-2);gap:var(--sp-1d5)}.vpa[data-vpa-size=xxxs] .vpa__num{width:16px;height:16px;font-size:9px;border-width:1px}.vpa[data-vpa-size=xxxs] .vpa__title{font-size:var(--text-xs)}@media(min-width:768px){.vpa[data-vpa-size=xxxs] .vpa__title{font-size:var(--text-sm)}}.vpa[data-vpa-size=xxxs] .vpa__status{font-size:9px}.vpa[data-vpa-size=xxxs] .vpa__choices--tile{gap:var(--sp-1d5)}.vpa[data-vpa-size=xxxs] .vpa__tile{padding:var(--sp-1d5) var(--sp-2);padding-block-start:var(--sp-4);border-width:1px;border-radius:8px}.vpa[data-vpa-size=xxxs] .vpa__tile-body{grid-template-columns:24px minmax(0,1fr);gap:var(--sp-1d5)}.vpa[data-vpa-size=xxxs] .vpa__tile-media{width:24px;height:24px;border-radius:6px}.vpa[data-vpa-size=xxxs] .vpa__tile-name{font-size:11px;line-height:1.15;margin-block-end:1px}@media(min-width:768px){.vpa[data-vpa-size=xxxs] .vpa__tile-name{font-size:11.5px}}.vpa[data-vpa-size=xxxs] .vpa__tile-price{font-size:11px;gap:4px}.vpa[data-vpa-size=xxxs] .vpa__tag,.vpa[data-vpa-size=xxxs] .vpa__discount{font-size:7.5px;padding:1.5px 4px;top:var(--sp-1)}.vpa[data-vpa-size=xxxs] .vpa__tag{right:var(--sp-1d5)}.vpa[data-vpa-size=xxxs] .vpa__tile:has(.vpa__discount:not([hidden])) .vpa__tag{top:calc(var(--sp-1) + 16px)}.vpa[data-vpa-size=xxxs] .vpa__discount{right:var(--sp-1d5)}.vpa[data-vpa-size=xxxs] .vpa__chip,.vpa[data-vpa-size=xxxs] .vpa__tile-info{font-size:8.5px;padding:2px 5px;margin-block-start:var(--sp-1)}.vpa[data-vpa-size=xxxs] .vpa__chip .icon{width:9px;height:9px}.vpa[data-vpa-size=xxxs] .vpa__choices--swatch{gap:var(--sp-2)}.vpa[data-vpa-size=xxxs] .vpa__swatch{width:36px;gap:2px}.vpa[data-vpa-size=xxxs] .vpa__swatch-fill{width:24px;height:24px}.vpa[data-vpa-size=xxxs] .vpa__swatch-label{font-size:9px}.vpa[data-vpa-size=xxs]{gap:var(--sp-1d5)}.vpa[data-vpa-size=xxs] .vpa__step{padding:var(--sp-2d5) var(--sp-3);border-radius:10px}@media(min-width:768px){.vpa[data-vpa-size=xxs] .vpa__step{padding:var(--sp-3) var(--sp-3d5)}}.vpa[data-vpa-size=xxs] .vpa__head{margin-block-end:var(--sp-2d5);gap:var(--sp-2)}.vpa[data-vpa-size=xxs] .vpa__num{width:19px;height:19px;font-size:10px;border-width:1px}.vpa[data-vpa-size=xxs] .vpa__title{font-size:var(--text-xs)}@media(min-width:768px){.vpa[data-vpa-size=xxs] .vpa__title{font-size:var(--text-sm)}}.vpa[data-vpa-size=xxs] .vpa__status{font-size:9.5px}.vpa[data-vpa-size=xxs] .vpa__choices--tile{gap:var(--sp-1d5)}.vpa[data-vpa-size=xxs] .vpa__tile{padding:var(--sp-2) var(--sp-2d5);padding-block-start:var(--sp-4d5);border-width:1px;border-radius:10px}.vpa[data-vpa-size=xxs] .vpa__tile-body{grid-template-columns:28px minmax(0,1fr);gap:var(--sp-2)}.vpa[data-vpa-size=xxs] .vpa__tile-media{width:28px;height:28px;border-radius:6px}.vpa[data-vpa-size=xxs] .vpa__tile-name{font-size:11.5px;line-height:1.15}@media(min-width:768px){.vpa[data-vpa-size=xxs] .vpa__tile-name{font-size:12px}}.vpa[data-vpa-size=xxs] .vpa__tile-price{font-size:11.5px;gap:4px}.vpa[data-vpa-size=xxs] .vpa__tag,.vpa[data-vpa-size=xxs] .vpa__discount{font-size:8px;padding:1.5px 4.5px;top:var(--sp-1d5)}.vpa[data-vpa-size=xxs] .vpa__tag{right:var(--sp-2)}.vpa[data-vpa-size=xxs] .vpa__tile:has(.vpa__discount:not([hidden])) .vpa__tag{top:calc(var(--sp-1d5) + 17px)}.vpa[data-vpa-size=xxs] .vpa__discount{right:var(--sp-2)}.vpa[data-vpa-size=xxs] .vpa__chip,.vpa[data-vpa-size=xxs] .vpa__tile-info{font-size:9px;padding:2.5px 5.5px;margin-block-start:var(--sp-1d5)}.vpa[data-vpa-size=xxs] .vpa__chip .icon{width:9.5px;height:9.5px}.vpa[data-vpa-size=xxs] .vpa__choices--swatch{gap:var(--sp-2d5)}.vpa[data-vpa-size=xxs] .vpa__swatch{width:42px;gap:var(--sp-1)}.vpa[data-vpa-size=xxs] .vpa__swatch-fill{width:28px;height:28px}.vpa[data-vpa-size=xxs] .vpa__swatch-label{font-size:9.5px}.vpa[data-vpa-size=xs]{gap:var(--sp-2)}.vpa[data-vpa-size=xs] .vpa__step{padding:var(--sp-3) var(--sp-3d5)}@media(min-width:768px){.vpa[data-vpa-size=xs] .vpa__step{padding:var(--sp-3d5) var(--sp-4)}}.vpa[data-vpa-size=xs] .vpa__head{margin-block-end:var(--sp-3);gap:var(--sp-2)}.vpa[data-vpa-size=xs] .vpa__num{width:22px;height:22px;font-size:11px;border-width:1.25px}.vpa[data-vpa-size=xs] .vpa__title{font-size:var(--text-sm)}@media(min-width:768px){.vpa[data-vpa-size=xs] .vpa__title{font-size:var(--text-base)}}.vpa[data-vpa-size=xs] .vpa__status{font-size:10px}.vpa[data-vpa-size=xs] .vpa__choices--tile{gap:var(--sp-2)}.vpa[data-vpa-size=xs] .vpa__tile{padding:var(--sp-2d5);padding-block-start:var(--sp-5);border-width:1px}.vpa[data-vpa-size=xs] .vpa__tile-body{grid-template-columns:36px minmax(0,1fr);gap:var(--sp-2)}.vpa[data-vpa-size=xs] .vpa__tile-media{width:36px;height:36px}.vpa[data-vpa-size=xs] .vpa__tile-name{font-size:var(--text-xs)}@media(min-width:768px){.vpa[data-vpa-size=xs] .vpa__tile-name{font-size:var(--text-sm)}}.vpa[data-vpa-size=xs] .vpa__tile-price{font-size:var(--text-xs);gap:var(--sp-1)}.vpa[data-vpa-size=xs] .vpa__tag,.vpa[data-vpa-size=xs] .vpa__discount{font-size:8.5px;padding:2px 5px;top:var(--sp-1d5)}.vpa[data-vpa-size=xs] .vpa__tag{right:var(--sp-2)}.vpa[data-vpa-size=xs] .vpa__tile:has(.vpa__discount:not([hidden])) .vpa__tag{top:calc(var(--sp-1d5) + 18px)}.vpa[data-vpa-size=xs] .vpa__discount{right:var(--sp-2)}.vpa[data-vpa-size=xs] .vpa__chip,.vpa[data-vpa-size=xs] .vpa__tile-info{font-size:9.5px;padding:3px 6px;margin-block-start:var(--sp-1d5)}.vpa[data-vpa-size=xs] .vpa__chip .icon{width:10px;height:10px}.vpa[data-vpa-size=xs] .vpa__swatch{width:50px;gap:var(--sp-1)}.vpa[data-vpa-size=xs] .vpa__swatch-fill{width:32px;height:32px}.vpa[data-vpa-size=xs] .vpa__swatch-label{font-size:10px}.vpa[data-vpa-size=s] .vpa__step{padding:var(--sp-3d5) var(--sp-4)}@media(min-width:768px){.vpa[data-vpa-size=s] .vpa__step{padding:var(--sp-4) var(--sp-5)}}.vpa[data-vpa-size=s] .vpa__head{margin-block-end:var(--sp-3)}.vpa[data-vpa-size=s] .vpa__num{width:24px;height:24px;font-size:12px}.vpa[data-vpa-size=s] .vpa__choices--tile{gap:var(--sp-2)}.vpa[data-vpa-size=s] .vpa__tile{padding:var(--sp-3);padding-block-start:var(--sp-5d5)}.vpa[data-vpa-size=s] .vpa__tile-body{grid-template-columns:42px minmax(0,1fr);gap:var(--sp-2d5)}.vpa[data-vpa-size=s] .vpa__tile-media{width:42px;height:42px}.vpa[data-vpa-size=s] .vpa__tag,.vpa[data-vpa-size=s] .vpa__discount{font-size:9px;padding:2px 5.5px}.vpa[data-vpa-size=s] .vpa__chip,.vpa[data-vpa-size=s] .vpa__tile-info{font-size:10px;padding:3px 7px}.vpa[data-vpa-size=s] .vpa__swatch{width:58px}.vpa[data-vpa-size=s] .vpa__swatch-fill{width:36px;height:36px}.vpa[data-vpa-color-layout=spread] .vpa__choices--swatch{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--sp-2);justify-items:center}.vpa[data-vpa-color-layout=spread] .vpa__swatch{width:100%;max-width:80px}.vpa[data-vpa-color-label=hover] .vpa__swatch,.vpa[data-vpa-color-label=hidden] .vpa__swatch{width:-webkit-fit-content;width:fit-content;gap:0}.vpa[data-vpa-color-label=hover] .vpa__choices--swatch,.vpa[data-vpa-color-label=hidden] .vpa__choices--swatch{gap:var(--sp-2)}.vpa[data-vpa-color-layout=spread][data-vpa-color-label=hover] .vpa__swatch,.vpa[data-vpa-color-layout=spread][data-vpa-color-label=hidden] .vpa__swatch,.vpa[data-vpa-color-label=hover][data-vpa-color-layout=spread] .vpa__swatch,.vpa[data-vpa-color-label=hidden][data-vpa-color-layout=spread] .vpa__swatch{width:100%;max-width:none}.vpa[data-vpa-color-label=hover] .vpa__swatch-label{position:absolute;inset-inline-start:50%;inset-block-start:calc(100% + 4px);transform:translate(-50%);padding:3px 8px;border-radius:4px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:10.5px;font-weight:var(--font-medium);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--vpa-t-fast);z-index:10}.vpa[data-vpa-color-label=hover] .vpa__swatch:hover .vpa__swatch-label,.vpa[data-vpa-color-label=hover] .vpa__swatch:focus-within .vpa__swatch-label{opacity:1}.vpa[data-vpa-color-label=hidden] .vpa__swatch-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vpa[data-vpa-size=l]{gap:var(--sp-4)}.vpa[data-vpa-size=l] .vpa__step{padding:var(--sp-5) var(--sp-5d5)}@media(min-width:768px){.vpa[data-vpa-size=l] .vpa__step{padding:var(--sp-6) var(--sp-7)}}.vpa[data-vpa-size=l] .vpa__head{margin-block-end:var(--sp-5)}.vpa[data-vpa-size=l] .vpa__num{width:32px;height:32px;font-size:14px;border-width:2px}.vpa[data-vpa-size=l] .vpa__title{font-size:var(--text-lg)}@media(min-width:768px){.vpa[data-vpa-size=l] .vpa__title{font-size:var(--text-xl)}}.vpa[data-vpa-size=l] .vpa__choices--tile{gap:var(--sp-3d5)}.vpa[data-vpa-size=l] .vpa__tile{padding:var(--sp-5);padding-block-start:var(--sp-7);border-width:2px}.vpa[data-vpa-size=l] .vpa__tile-body{grid-template-columns:64px minmax(0,1fr);gap:var(--sp-3d5)}.vpa[data-vpa-size=l] .vpa__tile-media{width:64px;height:64px;border-radius:12px}.vpa[data-vpa-size=l] .vpa__tile-name{font-size:var(--text-base)}@media(min-width:768px){.vpa[data-vpa-size=l] .vpa__tile-name{font-size:var(--text-lg)}}.vpa[data-vpa-size=l] .vpa__tile-price{font-size:var(--text-base);gap:var(--sp-2)}.vpa[data-vpa-size=l] .vpa__tag,.vpa[data-vpa-size=l] .vpa__discount{font-size:11px;padding:3.5px 8px;top:var(--sp-3)}.vpa[data-vpa-size=l] .vpa__tag{right:var(--sp-3d5)}.vpa[data-vpa-size=l] .vpa__tile:has(.vpa__discount:not([hidden])) .vpa__tag{top:calc(var(--sp-3) + 24px)}.vpa[data-vpa-size=l] .vpa__discount{right:var(--sp-3d5)}.vpa[data-vpa-size=l] .vpa__chip,.vpa[data-vpa-size=l] .vpa__tile-info{font-size:12px;padding:5px 10px;margin-block-start:var(--sp-2d5)}.vpa[data-vpa-size=l] .vpa__chip .icon{width:13px;height:13px}.vpa[data-vpa-size=l] .vpa__swatch{width:72px;gap:var(--sp-2)}.vpa[data-vpa-size=l] .vpa__swatch-fill{width:46px;height:46px}.vpa[data-vpa-size=l] .vpa__swatch-label{font-size:13px}.vpa[data-vpa-swatch-shape=rounded-square] .vpa__swatch-fill{width:44px;height:44px;border-radius:10px}.vpa[data-vpa-visual=card-soft] .vpa__tag{background:rgb(var(--color-foreground) / .9);font-size:8.5px;padding:2px 5px;letter-spacing:.03em}.vpa[data-vpa-visual=card-soft] .vpa__discount{background:rgb(var(--color-sale-tag) / .85);font-size:8.5px;padding:2px 5px}.vpa[data-vpa-visual=card-outline-pills] .vpa__tag{background:transparent;color:rgb(var(--color-foreground) / .75);border:1px solid rgb(var(--color-foreground) / .2);font-weight:var(--font-medium)}.vpa[data-vpa-visual=card-outline-pills] .vpa__discount{background:transparent;color:rgb(var(--color-sale-tag));border:1px solid rgb(var(--color-sale-tag) / .45);font-weight:var(--font-medium)}.vpa[data-vpa-visual=card-inline] .vpa__tile{padding-block-start:var(--sp-3d5)}.vpa[data-vpa-visual=card-inline] .vpa__tag,.vpa[data-vpa-visual=card-inline] .vpa__discount{position:static;display:inline-flex;background:transparent;color:rgb(var(--color-foreground) / .6);padding:0;margin-inline-end:var(--sp-1d5);font-size:9px;font-weight:var(--vpa-bold);letter-spacing:.08em}.vpa[data-vpa-visual=card-inline] .vpa__discount{color:rgb(var(--color-sale-tag))}.vpa[data-vpa-visual=card-inline] .vpa__tile-text>.vpa__tile-name{margin-block-start:0}.vpa[data-vpa-visual=card-quiet-chip] .vpa__chip{background:transparent;padding:0;margin-block-start:var(--sp-1d5);color:rgb(var(--color-foreground) / .6);font-weight:var(--font-medium)}.vpa[data-vpa-visual=card-quiet-chip] .vpa__chip .icon{opacity:.7}.vpa[data-vpa-visual=card-stripped] .vpa__tile{padding-block-start:var(--sp-3d5)}.vpa[data-vpa-visual=card-stripped] .vpa__tag,.vpa[data-vpa-visual=card-stripped] .vpa__discount{display:none}.vpa[data-vpa-visual=card-stripped] .vpa__chip{background:transparent;padding:0;margin-block-start:var(--sp-1d5);color:rgb(var(--color-foreground) / .6);font-weight:var(--font-medium)}.vpa[data-vpa-visual=card-stripped] .vpa__chip .icon{opacity:.7}.vpa[data-vpa-visual=card-stripped] .vpa__tile-media{background:transparent}
/*# sourceMappingURL=/cdn/shop/t/74/assets/product-variant-picker-advanced.css.map */