.tt-callouts__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.tt-callouts__header{position:relative;z-index:2;min-width:0;margin-block-end:24px}.tt-callouts__media{position:relative;min-width:0}.tt-callouts__media .tt-media__img{filter:brightness(1.012)}.tt-callouts__items{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media screen and (max-width:989px){.tt-callouts__header,.tt-callouts__items,.tt-callouts__media{grid-column:1}.tt-callouts__header{grid-row:1}.tt-callouts__items{grid-row:2;align-self:start}.tt-callouts__media{grid-row:2 / 4;width:100vw;margin-block-start:13px;margin-inline:calc(50% - 50vw)}.tt-callouts__media .tt-media{aspect-ratio:375 / 462}.tt-callouts__media .tt-media__img{position:absolute;top:-3.53%;left:-2.75%;width:130.19%;max-width:none;height:auto;aspect-ratio:auto}}.tt-callout{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(110px,calc((100% - 16px) / 3));text-align:center}.tt-callout__icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;outline:var(--tt-border-thin) solid transparent;background-color:var(--tt-color-lavender);color:var(--tt-color-purple);box-shadow:var(--tt-icon-ring)}.tt-callout__icon svg{display:block;width:18px;height:18px}.tt-callout__text{display:flex;flex-direction:column;gap:8px;min-width:0}.tt-callout__title{margin:0;color:var(--tt-color-purple);font-size:var(--tt-font-h4-size);line-height:var(--tt-font-h4-line)}.tt-callout__body,.tt-callout__arrow{display:none}@media screen and (min-width:990px){.tt-callouts__stage{display:block;aspect-ratio:1320 / 864.3;container-type:inline-size}.tt-callouts__header{margin-block-end:0}.tt-callouts__media{position:absolute;top:-5.606cqw;left:29.773cqw;width:74.773cqw}.tt-callouts__media .tt-media__img{aspect-ratio:987 / 938.3;object-fit:cover}.tt-callouts__media:after{content:"";position:absolute;top:0;right:0;width:17.427%;height:55.1%;background-image:linear-gradient(to left,var(--tt-color-lavender) 13.6%,rgb(var(--tt-color-lavender-rgb) / 0) 90.1%);pointer-events:none}.tt-callouts__items{display:contents}.tt-callout{position:absolute;width:auto}.tt-callout:nth-child(1 of.tt-callout--left){top:21.742cqw;left:4.545cqw}.tt-callout:nth-child(2 of.tt-callout--left){top:42.424cqw;left:9.394cqw}.tt-callout:nth-child(1 of.tt-callout--right){top:37.652cqw;right:4.545cqw}.tt-callout:nth-child(2 of.tt-callout--right){top:58.333cqw;right:9.394cqw}.tt-callout:nth-child(n+3 of.tt-callout--left),.tt-callout:nth-child(n+3 of.tt-callout--right){position:relative;top:100%;margin-inline:auto;margin-block-start:24px}.tt-callout--pill{box-sizing:border-box;width:258px;min-height:139px;gap:10px;padding:27px 34px 32px;isolation:isolate}.tt-callout--pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgb(var(--tt-color-white-rgb) / .6);-webkit-mask:url(tt-callout-blob.svg) 0 0 / 100% 100% no-repeat;mask:url(tt-callout-blob.svg) 0 0 / 100% 100% no-repeat}.tt-callout--text{align-items:flex-start;text-align:left}.tt-callout__icon{width:30px;height:30px;color:var(--tt-color-accent-strong)}.tt-callout--pill .tt-callout__title{max-width:189px;color:var(--tt-color-accent-strong);font-size:var(--tt-font-h3-size);line-height:var(--tt-font-h3-line)}.tt-callout--text .tt-callout__title{font-size:var(--tt-font-h3-size);line-height:var(--tt-font-h3-line)}.tt-callout--text .tt-callout__body{display:block}.tt-callout--pill .tt-callout__arrow{position:absolute;top:100px;display:block;width:82.4px;color:var(--tt-color-accent);pointer-events:none}.tt-callout--pill .tt-callout__arrow--arc{top:72px;width:91px}.tt-callout__arrow svg{display:block;width:100%;height:auto}.tt-callout--left .tt-callout__arrow{left:calc(100% + 6px)}.tt-callout--right .tt-callout__arrow{right:calc(100% + 5.6px)}}.tt-callouts:has(.tt-callout--text) .tt-callouts__media .tt-media__img{filter:none}.tt-callouts:has(.tt-callout--text) .tt-callout--text .tt-callout__text{gap:4px}.tt-callouts:has(.tt-callout--text) .tt-callout--text .tt-callout__title{font-size:1.25rem;line-height:1.25rem}.tt-callouts:has(.tt-callout--text) .tt-callout--text .tt-callout__body{display:block;font-size:var(--tt-font-body-medium-size);line-height:var(--tt-font-body-medium-line);font-weight:400}@media screen and (max-width:989px){.tt-callouts:has(.tt-callout--text) .tt-callouts__header{margin-block-end:32px}.tt-callouts:has(.tt-callout--text) .tt-callouts__media{grid-row:2;width:100%;margin:0}.tt-callouts:has(.tt-callout--text) .tt-callouts__media .tt-media{aspect-ratio:auto}.tt-callouts:has(.tt-callout--text) .tt-callouts__media .tt-media__img{position:static;width:100%;max-width:100%}.tt-callouts:has(.tt-callout--text) .tt-callouts__items{grid-row:3;flex-direction:column;gap:16px;margin-block-start:32px}.tt-callouts:has(.tt-callout--text) .tt-callout--text{align-items:flex-start;width:calc(100% + 4px);text-align:left}}@media screen and (min-width:990px){.tt-callouts:has(.tt-callout--text) .tt-callouts__stage{display:grid;grid-template-columns:minmax(0,1fr) 30.53% minmax(0,1fr);grid-template-rows:auto 90px minmax(148px,auto) auto;grid-auto-rows:auto;column-gap:1.515%;aspect-ratio:auto}.tt-callouts:has(.tt-callout--text) .tt-callouts__header{grid-area:1 / 1 / 2 / -1;margin-block-end:var(--tt-gap-large)}.tt-callouts:has(.tt-callout--text) .tt-callouts__media{position:relative;top:auto;left:auto;grid-area:2 / 2 / -1 / 3;width:auto;align-self:start}.tt-callouts:has(.tt-callout--text) .tt-callouts__media .tt-media__img{aspect-ratio:auto;object-fit:initial}.tt-callouts:has(.tt-callout--text) .tt-callouts__media:after{content:none}.tt-callouts:has(.tt-callout--text) .tt-callout--text{position:relative;top:auto;right:auto;left:auto;width:64.5%;margin:0;align-self:start}.tt-callouts:has(.tt-callout--text) .tt-callout--text.tt-callout--left{grid-column:1;justify-self:end;align-items:flex-end;text-align:right}.tt-callouts:has(.tt-callout--text) .tt-callout--text.tt-callout--right{grid-column:3;justify-self:start}.tt-callouts:has(.tt-callout--text) .tt-callout--text:nth-child(1 of.tt-callout--left),.tt-callouts:has(.tt-callout--text) .tt-callout--text:nth-child(1 of.tt-callout--right){grid-row:3}.tt-callouts:has(.tt-callout--text) .tt-callout--text:nth-child(2 of.tt-callout--left),.tt-callouts:has(.tt-callout--text) .tt-callout--text:nth-child(2 of.tt-callout--right){grid-row:4}.tt-callouts:has(.tt-callout--text) .tt-callout--text:nth-child(3 of.tt-callout--left),.tt-callouts:has(.tt-callout--text) .tt-callout--text:nth-child(3 of.tt-callout--right){grid-row:5}.tt-callouts:has(.tt-callout--text) .tt-heading--doodle-sparkles .tt-heading__doodle--main{left:calc(100% - .886em)}}@media screen and (max-width:749px){.tt-callouts:has(.tt-callout--text) .tt-heading--doodle-sparkles .tt-heading__doodle--main{top:-1.405em;left:calc(100% - 3.03em)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/tt-callouts.css.map */