.funnel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media screen and (min-width:750px){.funnel__grid,.funnel__grid--scents{grid-template-columns:repeat(3,minmax(0,1fr))}}.swatch-card{display:block;position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--tile-radius, var(--style-border-radius-card));cursor:pointer;transition:border-color .15s ease}.swatch-card:hover{border-color:var(--color-border-strong)}.swatch-card--chosen{border-color:var(--color-accent)}.swatch-card__dot{display:block;width:100%;aspect-ratio:1;background-color:var(--color-product-tint);background-position:center;background-size:cover}.swatch-card__name,.scent-tile__name{display:block;padding:.75rem;font-weight:var(--font-weight-semibold);font-size:var(--type-caption);line-height:1.375;text-transform:var(--type-heading-transform);letter-spacing:var(--label-tracking)}.swatch-card__tick{display:grid;position:absolute;top:-1px;right:-1px;place-items:center;width:1.5rem;height:1.5rem;border-radius:0 var(--tile-radius, var(--style-border-radius-card)) 0 var(--tile-radius, var(--style-border-radius-card));background-color:var(--color-accent);color:var(--color-background)}:is(.swatch-card--chosen,.plan-card--chosen,.scent-tile--chosen):after{position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--color-accent);border-radius:inherit;content:"";pointer-events:none}.swatch-card__tick{z-index:2}.plan-card{display:flex;position:relative;gap:.875rem;align-items:center;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--tile-radius, var(--style-border-radius-card));cursor:pointer;transition:border-color .15s ease}.plan-card:hover{border-color:var(--color-border-strong)}.plan-card--chosen{border-color:var(--color-accent)}.plan-card__radio{flex:none;width:1.125rem;height:1.125rem;border:1px solid var(--color-border-strong);border-radius:50%}.plan-card--chosen .plan-card__radio{border:5px solid var(--color-accent)}.plan-card__main{display:grid;flex:1;gap:.25rem;min-width:0}.plan-card__name{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-weight:var(--font-weight-bold);font-size:1rem;text-transform:uppercase;letter-spacing:var(--label-tracking)}.plan-card__badge{padding:.1875rem .5rem;border-radius:999px;background-color:var(--color-accent-text);color:var(--color-background);font-size:.625rem;text-transform:uppercase;letter-spacing:var(--label-tracking)}.plan-card__meta{color:var(--color-muted);font-size:var(--type-caption)}.plan-card__price{display:grid;justify-items:end;font-weight:var(--font-weight-bold);font-size:1rem;white-space:nowrap}.plan-card__was{color:var(--color-muted);font-weight:var(--font-weight-normal);font-size:var(--type-caption)}.plan-card__saving{color:var(--color-accent-text);font-size:var(--type-label-sm)}.funnel__benefits{display:grid;gap:.375rem;margin:1.25rem 0 0;padding:0;list-style:none}.funnel__benefit{display:flex;gap:.5rem;align-items:center;font-size:var(--type-caption)}.funnel__benefit .icon-wrap{color:var(--color-accent)}.selling-plans{margin-block-start:1.75rem;padding:0;border:0}.selling-plans__options{display:grid;gap:.5rem;margin-block-start:.75rem}.selling-plan{display:flex;position:relative;gap:.75rem;align-items:start;padding:1rem;border:1px solid var(--color-border);border-radius:var(--tile-radius, var(--style-border-radius-card));cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.selling-plan:hover{border-color:var(--color-border-strong)}.selling-plan:has(input:checked){border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background-color:var(--color-chosen)}.selling-plan input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.selling-plan:has(input:focus-visible){outline:2px solid var(--color-foreground);outline-offset:2px}.selling-plan>span:not([class]){flex:1;min-width:0}.selling-plan__name{display:block;font-weight:var(--font-weight-bold);font-size:var(--type-label);text-transform:uppercase;letter-spacing:var(--label-tracking)}.selling-plan__note{display:block;margin-block-start:.25rem;color:var(--color-muted);font-size:var(--type-label-sm);line-height:1.5}.selling-plan__price{margin-inline-end:.375rem;font-weight:var(--font-weight-bold);font-size:1rem}.selling-plan__per{color:var(--color-muted);font-size:var(--type-caption)}.selling-plans__terms{margin-block-start:.75rem;color:var(--color-muted);font-size:var(--type-label-sm);line-height:1.5}.selling-plans__terms strong{color:var(--color-foreground)}.selling-plan__was{margin-inline-end:.375rem;color:var(--color-muted);font-size:var(--type-label)}.selling-plan__badge{position:absolute;top:.625rem;inset-inline-end:.625rem}.scent-tile{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--tile-radius, var(--style-border-radius-card));transition:border-color .15s ease}.scent-tile--chosen{border-color:var(--color-accent)}.scent-tile__frame{position:relative;overflow:hidden;aspect-ratio:1;background-color:var(--color-product-tint)}.scent-tile__image{width:100%;height:100%;object-fit:cover}.scent-tile__control{display:flex;justify-content:space-between;align-items:center;margin:.25rem .75rem .75rem;padding:.25rem;border:1px solid var(--color-border-strong);border-radius:var(--tile-radius, var(--style-border-radius-card))}.scent-tile__step{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:calc(var(--tile-radius, var(--style-border-radius-card)) - 2px);background:none;color:inherit;font:inherit;font-size:1.125rem;cursor:pointer}.scent-tile__step:hover:not([disabled]){background-color:color-mix(in srgb,var(--color-foreground) 8%,transparent)}.scent-tile__step[disabled]{opacity:.3;cursor:not-allowed}.scent-tile__count{min-width:1.25rem;font-weight:var(--font-weight-bold);font-size:var(--type-label);text-align:center}.scent-tile__name:has(+.scent-tile__notes){padding-block-end:0}.scent-tile__notes{margin-block-start:.125rem;padding:0 .75rem .25rem;color:var(--color-muted);font-size:var(--type-label-sm);line-height:1.4}.scent-rows .funnel__grid--scents{grid-template-columns:minmax(0,1fr);gap:.625rem}.scent-rows .scent-tile{display:grid;grid-template-areas:"frame name control" "frame notes control";grid-template-columns:auto minmax(0,1fr) auto;column-gap:.875rem;align-items:center;transition:border-color .15s ease,background-color .15s ease}.scent-rows .scent-tile--chosen{background-color:var(--color-chosen)}.scent-rows .scent-tile__frame{grid-area:frame;align-self:stretch;width:4.5rem;min-height:4.5rem;aspect-ratio:auto}.scent-rows .scent-tile__name{grid-area:name;align-self:end;padding:.75rem 0 0;font-weight:var(--font-weight-bold)}.scent-rows .scent-tile__notes{grid-area:notes;align-self:start;padding:0 0 .75rem}.scent-rows .scent-tile__name:not(:has(+.scent-tile__notes)){grid-row:1 / 3;align-self:center;padding-block:.75rem}.scent-rows .scent-tile__control{grid-area:control;margin:0 .75rem 0 0}.funnel__grid--full .scent-tile:not(.scent-tile--chosen){opacity:.5}.funnel__meter{margin-block-end:1.25rem}.funnel__tally{display:flex;justify-content:space-between;margin-block-end:.5rem;font-size:var(--type-label)}.funnel__meter-bar{display:flex;gap:.25rem}.funnel__meter-segment{flex:1;height:.375rem;border-radius:999px;background-color:var(--color-border);transition:background-color .2s ease}.funnel__meter-segment.is-filled{background-color:var(--color-accent)}.funnel__tally strong{font-weight:var(--font-weight-black)}@media screen and (max-width:749px){.funnel__grid,.funnel__grid--scents{grid-template-columns:minmax(0,1fr);gap:.625rem}.swatch-card{display:flex;gap:.875rem;align-items:center;padding-inline-end:2.5rem}.swatch-card__dot{flex:none;width:4.5rem}.swatch-card__name{flex:1;padding-inline:0}.swatch-card__tick{top:50%;right:.75rem;border-radius:50%;translate:0 -50%}.scent-tile{display:grid;grid-template-areas:"frame name control" "frame notes control";grid-template-columns:auto minmax(0,1fr) auto;column-gap:.875rem;align-items:center}.scent-tile__frame{grid-area:frame;align-self:stretch;width:4.5rem;min-height:4.5rem;aspect-ratio:auto}.scent-tile__name{grid-area:name;align-self:end;padding:.75rem 0 0}.scent-tile__notes{grid-area:notes;align-self:start;padding:0 0 .75rem}.scent-tile__name:last-of-type{grid-row:1 / 3;align-self:center;padding-block:.75rem}.scent-tile__control{grid-area:control;margin:0 .75rem 0 0}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-choice-tile.css.map */