section.content-media-sticker{align-items:center;gap:var(--spacing-2m);border:1px solid var(--color-translucent-500);width:100%;padding:0}section.content-media-sticker .card{--card-sticker-width:192px;gap:var(--spacing-xl);padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-m) var(--spacing-xs);border-radius:var(--border-radius-l);flex-direction:column;display:flex}@media not (max-width:1024px){section.content-media-sticker .card{gap:calc(var(--card-sticker-width) / 2);width:100%;padding:var(--spacing-s);border-radius:var(--border-radius-xl);grid-template-columns:1fr 1fr;display:grid}section.content-media-sticker .card:nth-of-type(odd) img{order:1}}section.content-media-sticker .card img{object-fit:cover;border:1px solid var(--color-translucent-500);border-radius:var(--border-radius-l);width:100%;height:288px;margin:0}@media not (max-width:1024px){section.content-media-sticker .card img{aspect-ratio:650/491;height:auto}section.content-media-sticker .card.card--image-on-left img{order:0}section.content-media-sticker .card.card--image-on-left div.content-media-sticker-content{padding:var(--spacing-xl) 3rem var(--spacing-xl) 5.375rem}section.content-media-sticker .card.card--image-on-left div.content-media-sticker-sticker{left:calc(-10px - var(--card-sticker-width));transform:rotate(-1.5deg)translateY(-50%)}section.content-media-sticker .card.card--image-on-left:hover div.content-media-sticker-sticker{transition-duration:var(--animation-duration-l);transform:rotate(-3.5deg)translateY(-50%)}section.content-media-sticker .card.card--image-on-right img{order:1}section.content-media-sticker .card.card--image-on-right div.content-media-sticker-content{padding:var(--spacing-xl) 3rem}section.content-media-sticker .card.card--image-on-right div.content-media-sticker-sticker{right:calc(-20px - var(--card-sticker-width));transform:rotate(1.5deg)translateY(-50%)}section.content-media-sticker .card.card--image-on-right:hover div.content-media-sticker-sticker{transition-duration:var(--animation-duration-l);transform:rotate(3.5deg)translateY(-50%)}}section.content-media-sticker .card div.content-media-sticker-content{align-items:center;gap:var(--spacing-m);flex-direction:column;display:flex}@media not (max-width:1024px){section.content-media-sticker .card div.content-media-sticker-content{text-align:left;display:block;position:relative}}section.content-media-sticker .card div.content-media-sticker-content h2{font-size:var(--font-size-m);line-height:var(--font-lineheight-l);margin:0}@media not (max-width:1024px){section.content-media-sticker .card div.content-media-sticker-content h2{max-width:442px;font-size:var(--font-size-xl);line-height:var(--font-lineheight-xl);margin-bottom:var(--spacing-xl)}}section.content-media-sticker .card div.content-media-sticker-content p{font-size:var(--font-size-s);line-height:var(--font-lineheight-20)}@media not (max-width:1024px){section.content-media-sticker .card div.content-media-sticker-content p{max-width:442px;font-size:var(--font-size-default);line-height:var(--font-lineheight-l)}section.content-media-sticker .card div.content-media-sticker-content p:has(+p){margin-bottom:var(--spacing-m)}section.content-media-sticker .card div.content-media-sticker-content a.btn{padding:.6875rem var(--spacing-xl);margin-top:var(--spacing-2l)}}section.content-media-sticker .card div.content-media-sticker-content div.content-media-sticker-sticker{padding:var(--spacing-m) var(--spacing-s);background:var(--color-gray-100);border-radius:var(--border-radius-m)}@media not (max-width:1024px){section.content-media-sticker .card div.content-media-sticker-content div.content-media-sticker-sticker{width:var(--card-sticker-width);padding:var(--spacing-l) var(--spacing-m);color:var(--color-blue-300);background:var(--color-blue-100);border-radius:var(--border-radius-l);transition:transform 1.5s ease-out;position:absolute;top:50%}}section.content-media-sticker .card div.content-media-sticker-content div.content-media-sticker-sticker h3{font-size:var(--font-size-default);line-height:var(--font-lineheight-20);margin-bottom:var(--spacing-s)}section.content-media-sticker .card div.content-media-sticker-content div.content-media-sticker-sticker p{font-size:var(--font-size-xs);line-height:var(--font-lineheight-m)}@media not (max-width:1024px){section.content-media-sticker .card div.content-media-sticker-content div.content-media-sticker-sticker p{font-size:var(--font-size-s);line-height:var(--font-lineheight-20)}}
