.bg-white[data-v-f456c6b2]{background:#fff}.bg-gray[data-v-f456c6b2]{background:#f0f0f0}section.sample-showcase-container[data-v-f456c6b2]{padding:2rem 2rem 4rem}section.sample-showcase-container .flex-container[data-v-f456c6b2]{display:flex;flex-direction:column-reverse;gap:3rem;margin:auto;max-width:887.9997px}@media(min-width:768px){section.sample-showcase-container .flex-container[data-v-f456c6b2]{flex-direction:row}}section.sample-showcase-container .flex-container .image[data-v-f456c6b2]{width:100%}@media(min-width:768px){section.sample-showcase-container .flex-container .image[data-v-f456c6b2]{width:50%}}section.sample-showcase-container .flex-container .image img[data-v-f456c6b2]{border-radius:12px;width:100%}section.sample-showcase-container .flex-container .video[data-v-f456c6b2]{padding-top:59.2%;position:relative;width:100%}@media(min-width:768px){section.sample-showcase-container .flex-container .video[data-v-f456c6b2]{padding-top:30%;width:50%}}@media(min-width:992px){section.sample-showcase-container .flex-container .video[data-v-f456c6b2]{margin-top:0;padding-top:26.56%;width:50%}}section.sample-showcase-container .flex-container .video iframe[data-v-f456c6b2]{border:none;border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}section.sample-showcase-container .flex-container .details[data-v-f456c6b2]{margin-top:.5rem}@media(min-width:768px){section.sample-showcase-container .flex-container .details[data-v-f456c6b2]{width:50%}}section.sample-showcase-container .flex-container .details h2.title[data-v-f456c6b2]{color:var(--inherited-text-color,#6521c1);font-size:clamp(1.25rem,1.157rem + .381vw,1.5rem)}section.sample-showcase-container .flex-container .details .preview-link[data-v-f456c6b2]{border:2px solid #6521c1;border-radius:32px;box-shadow:0 2px 8px #00000014;color:var(--inherited-text-color,#6521c1);display:inline-block;font-size:.875rem;margin-top:2rem;padding:.1rem 1rem;text-decoration:none;transition:all .3s ease}section.sample-showcase-container .flex-container .details .preview-link[data-v-f456c6b2]:hover{background:#c1d000;border:2px solid #c1d000}section.sample-showcase-container .row-reverse[data-v-f456c6b2]{display:flex;flex-direction:column}@media(min-width:768px){section.sample-showcase-container .row-reverse[data-v-f456c6b2]{flex-direction:row-reverse}}