.product-addons{display:grid;width:100%;gap:var(--gap-sm)}.frame-addon{display:block;width:100%}.frame-addon__heading{margin:0;font-weight:var(--font-weight-semibold)}.frame-addon__card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 28px;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm);border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:var(--style-border-radius-buttons-primary);background:rgb(var(--color-background-rgb));cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.frame-addon__card:hover{border-color:rgb(var(--color-foreground-rgb) / .5)}.frame-addon__card:has(.frame-addon__checkbox:focus-visible){outline:2px solid currentColor;outline-offset:2px}.frame-addon__card:has(.frame-addon__checkbox:checked){border-color:rgb(var(--color-foreground-rgb));box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb));background:rgb(var(--color-foreground-rgb) / .04)}.frame-addon__card--unavailable{cursor:not-allowed;opacity:.6}.frame-addon__checkbox{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.frame-addon__visual{display:grid;place-items:center;width:72px;aspect-ratio:1;overflow:hidden;border-radius:max(4px,calc(var(--style-border-radius-buttons-primary) - 2px));background:rgb(var(--color-foreground-rgb) / .06)}.frame-addon__image{width:100%;height:100%;object-fit:cover}.frame-addon__placeholder{width:28px;opacity:.45}.frame-addon__content{display:flex;min-width:0;flex-direction:column;gap:3px}.frame-addon__title{font-weight:var(--font-weight-semibold);line-height:1.25}.frame-addon__description{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-paragraph-small--size);line-height:1.35}.frame-addon__price{font-weight:var(--font-weight-semibold)}.frame-addon__total{margin-top:2px;font-size:var(--font-paragraph-small--size)}.frame-addon__control{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgb(var(--color-foreground-rgb) / .4);border-radius:50%}.frame-addon__checkmark{display:grid;width:14px;opacity:0;transform:scale(.7);transition:opacity .14s ease,transform .14s ease}.frame-addon__card:has(.frame-addon__checkbox:checked) .frame-addon__control{color:rgb(var(--color-background-rgb));border-color:rgb(var(--color-foreground-rgb));background:rgb(var(--color-foreground-rgb))}.frame-addon__card:has(.frame-addon__checkbox:checked) .frame-addon__checkmark{opacity:1;transform:scale(1)}@media screen and (max-width:749px){.frame-addon__card{grid-template-columns:64px minmax(0,1fr) 24px}.frame-addon__visual{width:64px}}@media screen and (max-width:749px){.product-addons{gap:10px}.frame-addon__card{grid-template-columns:56px minmax(0,1fr) 24px;column-gap:18px;row-gap:8px;padding:14px 20px 14px 18px;border-radius:18px}.frame-addon__visual{width:56px;border-radius:12px}.frame-addon__content{min-width:0;padding-inline:2px 6px}.frame-addon__title{font-size:16px;line-height:1.2;font-weight:var(--font-weight-semibold)}.frame-addon__description{font-size:13px;line-height:1.35}.frame-addon__price{margin-top:3px;font-size:15px;line-height:1.2;font-weight:var(--font-weight-semibold)}.frame-addon__control{width:22px;height:22px;border-radius:7px}.frame-addon__checkmark{width:13px}.frame-addon:not(.frame-addon--tips) .frame-addon__card--unavailable{grid-template-columns:56px minmax(0,1fr);opacity:.72;column-gap:18px}.frame-addon:not(.frame-addon--tips) .frame-addon__card--unavailable .frame-addon__control,.frame-addon:not(.frame-addon--tips) .frame-addon__card--unavailable .frame-addon__description{display:none}}@media screen and (max-width:749px){product-addon.frame-addon--tips .frame-addon__card{grid-template-columns:56px minmax(0,1fr) 24px!important;column-gap:18px!important;padding:14px 20px 14px 18px!important}product-addon.frame-addon--tips .frame-addon__visual{width:56px!important}product-addon.frame-addon--tips .frame-addon__content{min-width:0;margin-left:8px;padding:0!important}product-addon.frame-addon--tips .frame-addon__control{margin-left:6px}}.product-addons>product-addon.frame-addon:not(.frame-addon--tips):not(.frame-addon--box){display:none!important}crafties-addon-group [hidden]{display:none!important}.crafties-addon-note{margin:0;font-size:.85rem;line-height:1.5;color:var(--color-primary)}.frame-addon--box .frame-addon__image{object-fit:contain}.crafties-box-variant-link{color:var(--color-primary);text-underline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/44/assets/frame-addon.css.map */