@media screen and (max-width:749px){.tt-cards .tt-content:has(.tt-heading__eyebrow){padding-inline:15px}.tt-cards.tt-scheme--lavender{background:linear-gradient(var(--color-background) 0 0) bottom / 100% calc(100% - 52px) no-repeat var(--tt-color-white)}}.tt-cards .tt-content{margin-block-end:var(--tt-gap-large)}.tt-cards__grid{display:grid;grid-template-columns:repeat(var(--tt-cards-columns-mobile, 1),minmax(0,1fr));gap:16px}.tt-cards__grid.tt-carousel__track{display:flex;margin:-2px -5px -5px -2px;padding:2px 5px 5px 2px;scroll-padding-inline:2px 5px}.tt-cards__grid.tt-carousel__track>.tt-before-after{flex-basis:calc(100% - 30px)}.tt-cards__grid>.tt-card--photo:nth-child(2n){rotate:-4.7deg}.tt-cards__grid:has(>.tt-card--photo){counter-reset:tt-moment}.tt-cards__grid>.tt-card--photo{counter-increment:tt-moment}.tt-cards__grid>.tt-card--photo .tt-card__box>.tt-heading{text-align:start}.tt-cards__grid>.tt-card--photo .tt-card__box>.tt-heading .tt-heading__text{position:relative;padding-inline-start:31px}.tt-cards__grid>.tt-card--photo .tt-card__box>.tt-heading .tt-heading__text:before{content:counter(tt-moment) ".";position:absolute;inset-inline-start:0;width:22px;text-align:end}@media screen and (max-width:989px){.tt-cards__grid.tt-carousel__track>.tt-card--photo{flex-basis:77.1014%}.tt-cards__grid.tt-carousel__track:has(>.tt-card--photo){margin:-15px -15px 0;padding:15px 15px 24px;scroll-padding-inline:15px}.tt-cards__grid.tt-carousel__track>.tt-card--photo:nth-child(2n){margin-inline:12.35px;translate:0 10.3px}}@media screen and (max-width:749px){.tt-cards--carousel .tt-cards__carousel:has(.tt-card--photo){position:relative;top:3px}.tt-cards--carousel .tt-cards__grid.tt-carousel__track:has(>.tt-card--photo){margin:-15px -18px 0 -12px}.tt-cards--carousel .tt-heading__eyebrow:after{width:176px}}.tt-cards__note{display:none}.tt-before-after{display:flex;flex-direction:column;gap:8px}.tt-before-after__images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;aspect-ratio:315 / 256;overflow:hidden;border-radius:var(--tt-radius-card);background-color:var(--tt-color-white)}.tt-before-after__half{position:relative;margin:0;min-width:0;background-color:rgb(var(--tt-color-purple-rgb) / .1)}.tt-before-after__image{display:block;width:100%;height:100%;object-fit:cover}.tt-before-after__image--placeholder{fill:var(--tt-color-purple)}.tt-before-after__label{position:absolute;top:10px;left:10px;padding:2px 12px 3px;border-radius:var(--tt-radius-pill);background-color:var(--tt-color-white);color:var(--tt-color-purple)}.tt-before-after__text{display:flex;flex-direction:column;gap:8px;padding:0 10px}.tt-before-after__quote{margin:0;color:var(--color-foreground)}.tt-before-after__quote p{margin:0}.tt-before-after__author{color:var(--tt-color-accent-strong)}@media screen and (max-width:989px){.tt-before-after__quote{min-height:calc(3 * var(--tt-font-h3-line))}}@media screen and (min-width:990px){.tt-before-after{gap:18px}.tt-before-after__images{aspect-ratio:5 / 3}.tt-before-after__text{gap:12px}.tt-cards__grid,.tt-cards__grid.tt-carousel__track{display:grid;grid-template-columns:repeat(var(--tt-cards-columns, 3),minmax(0,1fr));gap:20px;margin:0;padding:0;overflow:visible}.tt-cards .tt-carousel__controls{display:none}.tt-cards__grid>*{flex:none}.tt-cards__grid:has(>.tt-card--photo){grid-template-columns:repeat(var(--tt-cards-columns, 3),24.3939%);justify-content:center;gap:30px 2.2727%}.tt-cards__grid>.tt-card--photo:nth-child(2n){translate:0 13px}.tt-cards__note{position:absolute;top:-19px;left:0;z-index:1;display:flex;justify-content:flex-end;width:23.96%;pointer-events:none}.tt-cards__note:empty{display:none}}@media screen and (min-width:990px)and (max-width:1199px){.tt-cards__note{display:none}}@media screen and (min-width:990px){.tt-cards__note .tt-note{width:max-content}.tt-cards__grid:has(>.tt-card--overlay){display:flex;flex-wrap:wrap;container-type:inline-size}.tt-cards__grid:has(>.tt-card--overlay)>.tt-card{--tt-cards-track: calc((100cqw - var(--tt-cards-columns, 3) * 20px) / (var(--tt-cards-columns, 3) + 1));--tt-card-open: 0;width:calc(var(--tt-cards-track) - .02px)}.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected,>.tt-card--current))>.tt-card:first-child,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected))>.tt-card--current,.tt-cards__grid:has(>.tt-card--overlay)>.tt-card:is(:focus-visible,:has(:focus-visible)),.tt-cards__grid:has(>.tt-card--overlay):not(:has(:focus-visible))>.tt-card:hover,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,:focus-visible))>.tt-card:focus-within,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within))>.tt-card--selected{--tt-card-open: 1;width:calc(2 * var(--tt-cards-track) + 20px - .02px)}.tt-cards__grid:has(>.tt-card--overlay)>.tt-card:before{aspect-ratio:auto;height:max((2 * var(--tt-cards-track) + 4px) * 393 / 634,(var(--tt-cards-track) - 16px) * 393 / 299)}.tt-cards__grid:has(>.tt-card--overlay) .tt-card__box{width:100%;min-height:72px;align-content:center;grid-template-rows:auto 0fr;padding-bottom:16px}.tt-cards__grid:has(>.tt-card--overlay) .tt-card__box>.tt-text{align-self:stretch;min-height:0;overflow:hidden;opacity:0;translate:0 8px}.tt-cards__grid:has(>.tt-card--overlay) .tt-card__box:after{content:"";position:absolute;inset-inline:1px;bottom:0;height:8px;background-image:linear-gradient(90deg,var(--tt-color-purple) 0 95px,rgb(var(--tt-color-purple-rgb) / .5) 95px);opacity:var(--tt-card-open);transform:scaleX(var(--tt-card-open));transform-origin:left}.tt-cards__grid:has(>.tt-card--overlay) .tt-card--video .tt-card__box:after{background-image:linear-gradient(90deg,var(--tt-color-purple) 0 calc(var(--tt-card-progress, 0) * 100%),rgb(var(--tt-color-purple-rgb) / .5) 0)}.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected,>.tt-card--current))>.tt-card:first-child .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected))>.tt-card--current .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay)>.tt-card:is(:focus-visible,:has(:focus-visible)) .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(:focus-visible))>.tt-card:hover .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,:focus-visible))>.tt-card:focus-within .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within))>.tt-card--selected .tt-card__box{width:max(100%,calc(2 * var(--tt-cards-track) + 3.98px));grid-template-rows:auto 1fr}.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected,>.tt-card--current))>.tt-card:first-child .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected))>.tt-card--current .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay)>.tt-card:is(:focus-visible,:has(:focus-visible)) .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(:focus-visible))>.tt-card:hover .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,:focus-visible))>.tt-card:focus-within .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within))>.tt-card--selected .tt-card__box>.tt-text{opacity:1;translate:none}}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.tt-cards__grid:has(>.tt-card--overlay)>.tt-card{transition:width .5s cubic-bezier(.25,.8,.25,1)}.tt-cards__grid:has(>.tt-card--overlay) .tt-card__box{transition:grid-template-rows .15s ease-in,width 0s linear .15s}.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected,>.tt-card--current))>.tt-card:first-child .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected))>.tt-card--current .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay)>.tt-card:is(:focus-visible,:has(:focus-visible)) .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(:focus-visible))>.tt-card:hover .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,:focus-visible))>.tt-card:focus-within .tt-card__box,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within))>.tt-card--selected .tt-card__box{transition:grid-template-rows .4s cubic-bezier(.25,.8,.25,1) .05s,width 0s}.tt-cards__grid:has(>.tt-card--overlay) .tt-card__box>.tt-text{transition:opacity .12s ease,translate .12s ease}.tt-cards__grid:has(>.tt-card--overlay) .tt-card__box:after{transition:opacity .3s ease,transform .5s cubic-bezier(.25,.8,.25,1)}.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected,>.tt-card--current))>.tt-card:first-child .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within,>.tt-card--selected))>.tt-card--current .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay)>.tt-card:is(:focus-visible,:has(:focus-visible)) .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(:focus-visible))>.tt-card:hover .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,:focus-visible))>.tt-card:focus-within .tt-card__box>.tt-text,.tt-cards__grid:has(>.tt-card--overlay):not(:has(>.tt-card:hover,>.tt-card:focus-within))>.tt-card--selected .tt-card__box>.tt-text{transition:opacity .3s ease .2s,translate .3s ease .2s}}.tt-cards .tt-carousel__controls{width:min(100%,200px)}.tt-cards--carousel .tt-cards__grid.tt-carousel__track{-webkit-mask:linear-gradient(90deg,#000 91.5%,transparent) 100% 0 / 200% 100% no-repeat;mask:linear-gradient(90deg,#000 91.5%,transparent) 100% 0 / 200% 100% no-repeat}.tt-cards--carousel tt-carousel:has(.tt-carousel__arrow--next[data-inactive],.tt-carousel__controls[hidden]) .tt-cards__grid.tt-carousel__track{-webkit-mask-position:0 0;mask-position:0 0}@media(prefers-reduced-motion:no-preference){.tt-cards--carousel .tt-cards__grid.tt-carousel__track{transition:-webkit-mask-position .4s ease,mask-position .4s ease}}@media screen and (min-width:990px){.tt-cards--carousel .tt-cards__grid.tt-carousel__track{display:flex;justify-content:flex-start;gap:16px;width:90.9091%;margin:0 auto;padding:3px 3px 28px;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:3px}.tt-cards--carousel .tt-cards__grid.tt-carousel__track>.tt-card--photo{flex:0 0 26.9682%}.tt-cards--carousel .tt-cards__grid.tt-carousel__track>.tt-card--photo:nth-child(2n){margin-inline:14px}.tt-cards--carousel .tt-carousel__controls{display:flex;width:min(100%,280px)}.tt-cards--carousel .tt-carousel__controls[hidden]{display:none}}.tt-cards__grid--wave{position:relative;align-items:start}.tt-cards__grid--wave>.tt-card:nth-child(5n+1),.tt-cards__grid--wave>.tt-card:nth-child(5n+5){margin-block-start:18px}.tt-cards__grid--wave>.tt-card:nth-child(5n+3),.tt-cards__grid--wave>.tt-card:nth-child(5n+4){margin-block-start:36px}@media screen and (max-width:989px){.tt-cards__grid.tt-carousel__track>.tt-card--outline{flex-basis:71.8841%}.tt-cards__grid--wave>.tt-card:first-child:before{content:"";position:absolute;top:7px;left:-4.8%;width:526.6%;height:54.5px;background-color:var(--tt-color-lavender);-webkit-mask:url(tt-connector-wave-mobile.svg) 0 0 / 100% 100% no-repeat;mask:url(tt-connector-wave-mobile.svg) 0 0 / 100% 100% no-repeat;pointer-events:none}}@media screen and (min-width:990px){.tt-cards__grid--wave:before{content:"";position:absolute;top:-77px;inset-inline:0;height:158.5px;background-color:var(--tt-color-lavender);-webkit-mask:url(tt-connector-wave.svg) 32.5% 0 / 156.6% 100% no-repeat;mask:url(tt-connector-wave.svg) 32.5% 0 / 156.6% 100% no-repeat;pointer-events:none}}.tt-cards__grid--arrow>.tt-card:not(:last-child):after{content:"";position:absolute;top:50%;left:calc(100% + 10px);width:40px;height:18px;translate:0 -50%;background-color:var(--tt-color-purple);-webkit-mask:url(tt-connector-arrow.svg) 0 0 / 100% 100% no-repeat;mask:url(tt-connector-arrow.svg) 0 0 / 100% 100% no-repeat;pointer-events:none}@media screen and (max-width:989px){.tt-cards__grid--arrow.tt-carousel__track{gap:60px;margin:-1px calc(-1 * var(--tt-page-margin)) -1px 0;padding:3px;border:var(--tt-border-regular) solid var(--tt-color-lavender);border-radius:var(--tt-radius-pill);scroll-padding-inline:3px}.tt-cards__grid--arrow.tt-carousel__track>.tt-card--pill{flex-basis:65.7%}}@media screen and (max-width:749px){.tt-section--design-phone .tt-cards__grid--arrow.tt-carousel__track>.tt-card--pill{flex-basis:229.94px}}@media screen and (min-width:990px){.tt-cards__grid.tt-cards__grid--arrow{display:flex;flex-wrap:wrap;gap:85px;width:90.9091%;margin:-1px auto;padding:3px;border:var(--tt-border-regular) solid var(--tt-color-lavender);border-radius:var(--tt-radius-pill)}.tt-cards__grid--arrow>.tt-card{flex:1 1 232px}.tt-cards__grid--arrow>.tt-card:not(:last-child):after{left:calc(100% + 16px);width:53px;height:28px}}@media screen and (min-width:990px)and (max-width:1439px){.tt-cards__grid.tt-cards__grid--arrow:has(>.tt-card:nth-child(4):last-child){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:825px;border-radius:44px}.tt-cards__grid--arrow:has(>.tt-card:nth-child(4):last-child)>.tt-card:nth-child(3){grid-area:2 / 2}.tt-cards__grid--arrow:has(>.tt-card:nth-child(4):last-child)>.tt-card:nth-child(4){grid-area:2 / 1}.tt-cards__grid--arrow:has(>.tt-card:nth-child(4):last-child)>.tt-card:nth-child(2):after{top:calc(100% + 42.5px);left:50%;translate:-50% -50%;rotate:90deg}.tt-cards__grid--arrow:has(>.tt-card:nth-child(4):last-child)>.tt-card:nth-child(3):after{right:calc(100% + 16px);left:auto;scale:-1 1}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/tt-cards.css.map */