.smileat-interactive-image{position:relative;overflow:hidden;background-size:cover;background-position:center}.smileat-interactive-image .page-width{display:flex;flex-direction:column;position:relative;z-index:2}.smileat-interactive-image__text{flex:1;z-index:2}.smileat-interactive-image__media{flex:1;position:relative;z-index:1}.image-with-text__media{background:transparent;border:none}.smileat-interactive-image__media img{display:block;margin:0 auto;border-radius:50%;z-index:5}@media screen and (min-width:750px){.smileat-interactive-image__image-mobile{display:none!important}}@media screen and (max-width:749px){.smileat-interactive-image__image-desktop{display:none!important}}.smileat-interactive-image__label{position:absolute;cursor:default;display:inline-block;text-decoration:none;z-index:10;pointer-events:auto;padding:0;background:transparent;transition:transform .5s ease}.smileat-interactive-image__label-inner{display:block;padding:clamp(1.5rem,1.75vw,2.5rem) 2.4rem;border-radius:50px;font-size:clamp(2rem,2.1vw,3rem);line-height:1.27;font-weight:700;white-space:nowrap;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease,transform .5s ease;pointer-events:none}.smileat-interactive-image__description,.smileat-interactive-image__description p{margin:0}.smileat-interactive-image__text{display:flex;flex-wrap:wrap;gap:8rem}.smileat-interactive-image__label:hover .smileat-interactive-image__label-inner{background:var(--hover-bg-color);color:var(--hover-text-color)}.smileat-interactive-image__label[href]{cursor:pointer}.smileat-interactive-image__label--animated:hover .smileat-interactive-image__label-inner{animation:rotateAroundAxis 1.5s ease-in-out infinite}@keyframes rotateAroundAxis{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.button-height--small .smileat-interactive-image__label-inner{padding-block:1.2rem}.button-height--medium .smileat-interactive-image__label-inner{padding-block:1.4rem}.button-height--medium .smileat-interactive-image__label--1{top:10%}.button-height--medium .smileat-interactive-image__label--2{top:36%}.smileat-interactive-image__label--1{top:19%;left:-11%;transform:rotate(6deg)}.smileat-interactive-image__label--1 .smileat-interactive-image__label-inner{padding:2.5rem 5rem}.smileat-interactive-image__label--2{top:43%;left:-7%;transform:rotate(-9deg)}.smileat-interactive-image__label--2 .smileat-interactive-image__label-inner{padding:2.5rem 2.4rem}.smileat-interactive-image__label--3{top:67%;left:-11%;transform:rotate(7deg)}.smileat-interactive-image__label--3 .smileat-interactive-image__label-inner{padding:2.5rem 8rem}.smileat-interactive-image__label--animated.smileat-interactive-image__label--1:hover .smileat-interactive-image__label-inner{animation:rotateAroundAxis-1 1s ease-in-out infinite}.smileat-interactive-image__label--animated.smileat-interactive-image__label--2:hover .smileat-interactive-image__label-inner{animation:rotateAroundAxis-2 1s ease-in-out infinite}.smileat-interactive-image__label--animated.smileat-interactive-image__label--3:hover .smileat-interactive-image__label-inner{animation:rotateAroundAxis-3 1s ease-in-out infinite}.smileat-interactive-image__heading p,.smileat-interactive-image__heading{margin:0rem}@keyframes rotateAroundAxis-1{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}@keyframes rotateAroundAxis-2{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}@keyframes rotateAroundAxis-3{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.smileat-interactive-image__description strong{color:var(--highlight-color)}.smileat-interactive-image__description,.smileat-interactive-image__heading{line-height:1.167}.smileat-interactive-image__shape{position:absolute;bottom:0;width:100%;height:24.2rem;z-index:0;pointer-events:none;display:block!important;background-position:bottom;background-size:100% 100%}.smileat-interactive-image__media .image-with-text__media--adapt{padding-bottom:var(--padding-bottom-desktop)}.interactive-banner .smileat-interactive-image__text{padding:0}.interactive-banner .smileat-interactive-image__label--1 .smileat-interactive-image__label-inner{padding:2.5rem}.interactive-banner .smileat-interactive-image__label--1{top:12%;left:-27%;transform:rotate(12deg)}.interactive-banner .smileat-interactive-image__label--2 .smileat-interactive-image__label-inner{min-width:clamp(20rem,27.5vw,39.3rem);text-align:center}.interactive-banner .smileat-interactive-image__label--2{left:-27%}.interactive-banner .smileat-interactive-image__label--3 .smileat-interactive-image__label-inner{padding:2.5rem 5rem}.interactive-banner .smileat-interactive-image__label--3{top:73%;left:-24%}@media screen and (min-width:750px){.button-height--small .smileat-interactive-image__label--1{top:10%}.button-height--small .smileat-interactive-image__label--2{top:36%}.smileat-interactive-image .page-width{flex-direction:row;align-items:center;gap:6rem}}@media screen and (min-width:1200px){.button-height--small .smileat-interactive-image__label-inner{font-size:2rem}.button-height--medium .smileat-interactive-image__label-inner{font-size:2.4rem}.smileat-interactive-image .page-width{gap:11.7rem}.smileat-interactive-image__text{max-width:34.8%;padding-left:2.3rem}.interactive-banner .smileat-interactive-image__text{max-width:41%}.interactive-banner .smileat-interactive-image .page-width{gap:15.4rem}.interactive-banner .smileat-interactive-image__media{max-width:41.5%}.interactive-banner .smileat-interactive-image__description{padding-right:7.5rem}.interactive-banner .smileat-interactive-image .page-width{padding-inline:3.1rem}}@media screen and (min-width:1600px){.smileat-interactive-image__label--1{left:-5%}.smileat-interactive-image__label--2{left:0%}.smileat-interactive-image__label--3{left:-8%}.interactive-banner .smileat-interactive-image .page-width{padding-inline:4rem}}@media screen and (min-width:1450px)and (max-height:900px){.smileat-interactive-image__media .image-with-text__media--adapt{padding-bottom:calc(var(--padding-bottom-desktop) * .85)}.smileat-interactive-image__media{max-width:52%;margin-left:auto}}@media screen and (max-width:1199px)and (min-width:1100px){.smileat-interactive-image__label--1{left:-20%}.smileat-interactive-image__label--2{left:-16%}.smileat-interactive-image__label--3{left:-22%}.smileat-interactive-image__label{font-size:clamp(1.8rem,1.9vw,2.4rem);padding-block:clamp(1rem,1.6vw,2rem)}.smileat-interactive-image .page-width{gap:8rem}.interactive-banner .smileat-interactive-image__label{padding-block:clamp(1rem,1.6vw,2rem)}.interactive-banner .smileat-interactive-image__label--2 .smileat-interactive-image__label-inner{min-width:25rem}.interactive-banner .smileat-interactive-image .page-width{gap:14rem}}@media screen and (max-width:1099px)and (min-width:990px){.smileat-interactive-image__label--1,.smileat-interactive-image__label--2{left:-15%}.smileat-interactive-image__label--3{left:-24%}.smileat-interactive-image__label{font-size:clamp(1.8rem,1.9vw,2.4rem);padding-block:clamp(1rem,1.6vw,2rem)}.smileat-interactive-image .page-width{gap:8rem}.interactive-banner .smileat-interactive-image__label{padding-block:clamp(1rem,1.6vw,2rem)}.interactive-banner .smileat-interactive-image__label--2 .smileat-interactive-image__label-inner{min-width:clamp(16rem,27.5vw,25rem)}.interactive-banner .smileat-interactive-image__label--2{left:-22%}.interactive-banner .smileat-interactive-image .page-width{gap:14rem}}@media screen and (max-width:989px)and (min-width:750px){.smileat-interactive-image__description.h1{font-size:calc(var(--font-heading-1-size-desktop) * .65)}.smileat-interactive-image__label-inner{font-size:1.5rem;padding:1.2rem 2.4rem}.interactive-banner .smileat-interactive-image__label-inner,.interactive-banner .smileat-interactive-image__label--1 .smileat-interactive-image__label-inner,.interactive-banner .smileat-interactive-image__label--3 .smileat-interactive-image__label-inner{padding:1.2rem 2.4rem}.smileat-interactive-image__shape{height:9rem}.smileat-interactive-image__label--1 .smileat-interactive-image__label-inner,.smileat-interactive-image__label--2 .smileat-interactive-image__label-inner,.smileat-interactive-image__label--3 .smileat-interactive-image__label-inner{padding:1.2rem 4rem}.interactive-banner .smileat-interactive-image__label--2 .smileat-interactive-image__label-inner{min-width:16rem}.interactive-banner .smileat-interactive-image .page-width{gap:10rem}.interactive-banner .smileat-interactive-image__label--3{left:-16%}}@media screen and (max-width:749px){.smileat-interactive-image__media .image-with-text__media--adapt{padding-bottom:var(--padding-bottom-mobile)}.smileat-interactive-image__media{max-width:92.75%;width:100%;margin-left:auto}.smileat-interactive-image__label-inner{padding:6px 16px;font-size:14px;line-height:1.215}.interactive-banner .smileat-interactive-image__label--1 .smileat-interactive-image__label-inner{padding:1rem 1.2rem}.smileat-interactive-image__label--1{left:-7%;top:21%;transform:rotate(12deg)}.smileat-interactive-image__label--2{top:43%;left:-3.5%;transform:rotate(-9deg)}.interactive-banner .smileat-interactive-image__label--3 .smileat-interactive-image__label-inner{padding:1rem 2.85rem}.smileat-interactive-image__label--3{top:67%;left:-4%;transform:rotate(7deg)}.smileat-interactive-image__shape{height:19.5rem}.smileat-interactive-image__text{gap:2rem}.smileat-interactive-image .page-width{padding-inline:1rem}.button-height--small .smileat-interactive-image__label--1{top:9%}.button-height--small .smileat-interactive-image__label--2{top:40%}.button-height--small .smileat-interactive-image__label--3{top:75%}.interactive-banner .smileat-interactive-image__media .image-with-text__media--adapt{padding-bottom:var(--padding-bottom-desktop)}.interactive-banner .smileat-interactive-image__label{padding:0;background:transparent}.interactive-banner .smileat-interactive-image .page-width{row-gap:1rem}.interactive-banner .smileat-interactive-image__label-inner{padding:.6rem 1.6rem}.interactive-banner .smileat-interactive-image__label--2 .smileat-interactive-image__label-inner{min-width:18rem}.interactive-banner .smileat-interactive-image__media{max-width:78.25%;padding-right:.5rem}.interactive-banner .smileat-interactive-image__label--1{top:23%;left:-29%}.interactive-banner .smileat-interactive-image__label--2{left:-24%;top:45%}.interactive-banner .smileat-interactive-image__media{margin-top:0rem}.interactive-banner .smileat-interactive-image__label-inner{min-height:3.7rem;display:flex;align-items:center;justify-content:center}.interactive-banner .smileat-interactive-image__shape{bottom:-.1rem}.smileat-interactive-image__label--1 .smileat-interactive-image__label-inner,.smileat-interactive-image__label--2 .smileat-interactive-image__label-inner{padding:1rem 1.1rem}.smileat-interactive-image__label--3 .smileat-interactive-image__label-inner{padding:1rem 2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-smileat-interactive-image-text.css.map */