@layer components{.gift-steps{justify-items:start;gap:var(--space-24);inline-size:min(100%,40rem);margin:var(--section) auto 0;grid-area:3/1;display:grid;container-type:inline-size}.gift-steps h2{font-size:var(--text-title);font-weight:var(--weight-display-arabic);line-height:var(--leading-display-arabic);margin:0}[dir=ltr] .gift-steps h2{font-family:var(--font-latin-display);font-style:italic;font-weight:400;line-height:var(--leading-display-latin)}.gift-steps__drawing{--p:min(22rem, 100cqi - 70px);--ky:.32;--tag-w:150px;--tag-h:96px;inline-size:var(--p);block-size:max(calc(var(--ky) * var(--p) + 89px + var(--tag-h) / 2), calc(.8 * var(--p)));justify-self:end;position:relative}[dir=ltr] .gift-steps__drawing{--tag-w:172px;--tag-h:112px}.gift-steps__journal{inline-size:calc(var(--w) * var(--p));block-size:auto;max-inline-size:none;pointer-events:none;position:absolute;inset-block-start:calc((var(--ky) - var(--ey) * var(--w)) * var(--p));inset-inline-end:calc((.74 - var(--e) * var(--w)) * var(--p))}[dir=ltr] .gift-steps__journal--poster{scale:-1 1}.gift-steps__gloss{inline-size:calc(.4 * var(--p));block-size:auto;pointer-events:none;position:absolute;inset-block-start:calc(.5 * var(--p));inset-inline-end:calc(.02 * var(--p));rotate:-4deg}[dir=ltr] .gift-steps__gloss{rotate:4deg}.gift-steps__drawing .sbt-card{position:absolute;inset-block-start:calc(var(--ky) * var(--p) + 71px - var(--tag-h) / 2);inset-inline-end:calc(.74 * var(--p) - 64.5px)}.gift-steps__drawing .sbt-card__caption{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.gift-steps__drawing .sbt-card__tag{inline-size:var(--tag-w);block-size:var(--tag-h);margin-block-start:18px}.gift-steps__drawing .sbt-card__paper{--notch:16px;padding:10px 14px 8px;justify-content:center;padding-inline-end:34px}.gift-steps__drawing .sbt-card__paper:after{inset:5px;inset-inline-end:28px}.gift-steps__drawing .sbt-card__message{text-wrap:balance}.gift-steps__drawing .sbt-card__to{font-size:11px}.gift-steps__drawing .sbt-card__seal{block-size:34px;inline-size:34px;inset-block-start:-16px;inset-inline-end:30px}.gift-steps__drawing .sbt-card__seal:before{inset:4px}.gift-steps__drawing .sbt-card__seal:after{inset:7px}.gift-steps__join{block-size:1px;inline-size:1px;position:absolute;inset-block-start:calc(var(--ky) * var(--p));inset-inline-end:calc(.74 * var(--p))}.gift-steps ol{gap:var(--space-16);border-inline-start:var(--stitch-width) dashed var(--stitch);margin:0;padding:0;padding-inline-start:var(--space-16);list-style:none;display:grid}.gift-steps li{gap:2px;display:grid;position:relative}.gift-steps li:before{content:"";background:var(--ground);block-size:9px;inline-size:9px;box-shadow:inset 0 0 0 2px var(--stitch);border-radius:50%;position:absolute;inset-block-start:.6em;inset-inline-start:calc(-1 * var(--space-16) - 5.5px)}.gift-steps h3{font-size:var(--text-body);text-wrap:balance;margin:0;font-weight:400}.gift-steps li p{font-size:var(--text-caption);color:var(--ink-muted);text-wrap:pretty;margin:0}@media (min-width:768px){.gift-steps{column-gap:var(--space-48);grid-template-columns:minmax(0,1fr) auto;align-items:start}.gift-steps__drawing{--p:20rem;grid-area:1/2/span 3}.gift-steps ol{margin-block-start:var(--space-8)}}}