.index-module-scss-module__E8tk6G__twic-code{background-color:#e4e4e4;border-radius:4px;margin:1px .5ch;padding:2px 6px;font-family:sans-serif;font-weight:500;display:inline-block}
.index-module-scss-module__jFUJqq__twic-abstract{margin-bottom:40px}.index-module-scss-module__jFUJqq__twic-abstract h1{margin-bottom:1rem}.index-module-scss-module__jFUJqq__twic-abstract p{text-align:justify;margin-bottom:.5rem}.index-module-scss-module__jFUJqq__twic-abstract ul{flex-direction:column;gap:6px;margin:10px 0;padding-left:32px;display:flex}.index-module-scss-module__jFUJqq__twic-abstract a:link,.index-module-scss-module__jFUJqq__twic-abstract a:visited,.index-module-scss-module__jFUJqq__twic-abstract a:hover,.index-module-scss-module__jFUJqq__twic-abstract a:active{color:#8e08fd}
#index-module-scss-module__5qE7ia__twic-demo-container{max-width:1500px;margin:140px 40px 40px}@media screen and (min-width:768px){#index-module-scss-module__5qE7ia__twic-demo-container{margin:180px 60px 80px}}@media screen and (min-width:1600px){#index-module-scss-module__5qE7ia__twic-demo-container{margin:calc(100px + 2rem) auto 2rem}}#index-module-scss-module__5qE7ia__twic-header{z-index:10;background-color:#f9fafb;border-bottom:1px solid #e3e3e4;flex-direction:column;align-items:center;height:100px;padding:35px;display:flex;position:fixed;top:0;left:0;right:0}#index-module-scss-module__5qE7ia__twic-header a{color:initial;text-decoration:none}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__heading-primary{align-items:center;gap:10px;margin-bottom:0;font-size:1.2em;font-weight:400;display:flex}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__twicpics-logo{aspect-ratio:300/58;width:165px}@media (min-width:640px){#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__twicpics-logo{width:250px}}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__framework-logo{aspect-ratio:100/39;width:66px}@media (min-width:640px){#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__framework-logo{width:100px}}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;font-size:.7em;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}@media (min-width:640px){#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container{font-size:.9em}}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag{background-color:#06ffa3;border-radius:30px;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:flex;box-shadow:0 4px 4px #0000001a}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag.index-module-scss-module__5qE7ia__tag--bg-purple-rain{color:#fff;background-color:#8f00ff}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag.index-module-scss-module__5qE7ia__documentation-link:link,#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag.index-module-scss-module__5qE7ia__documentation-link:visited{text-decoration:none;transition:all .3s}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag.index-module-scss-module__5qE7ia__documentation-link:hover,#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag.index-module-scss-module__5qE7ia__documentation-link:active{background:linear-gradient(90deg,#06ffa3,#8f00ff);transform:translateY(-5px);box-shadow:0 9px 4px #00000017}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag.index-module-scss-module__5qE7ia__documentation-link:after{content:url(../media/arrow-icon.0cbab68e.svg);width:20px;height:20px}@media (min-width:640px){#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__tags-container .index-module-scss-module__5qE7ia__tag{padding:8px 16px}}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__ribbon{white-space:nowrap;background-color:#6d6d6d;position:absolute;top:20px;left:-33px;overflow:hidden;transform:rotate(-45deg);box-shadow:0 0 5px #888}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__ribbon div{color:#fff;text-align:center;width:142px;font:700 81.25%/30px Helvetica Neue,Helvetica,Arial,sans-serif;display:block}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__ribbon div a{margin-right:10px}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__ribbon div a img{vertical-align:middle;width:23px;height:23px;margin-top:-4px;line-height:23px;transition-duration:.2s}#index-module-scss-module__5qE7ia__twic-header .index-module-scss-module__5qE7ia__ribbon div a img:hover{transform:rotate(45deg)}@media (min-width:640px){#index-module-scss-module__5qE7ia__twic-header{padding:25px}}
#index-module-scss-module__iX0nOa__twic-modal-container figure.index-module-scss-module__iX0nOa__poster-wrapper{position:relative}#index-module-scss-module__iX0nOa__twic-modal-container figure.index-module-scss-module__iX0nOa__poster-wrapper figcaption{color:#fff;opacity:0;cursor:pointer;background:#00000080;justify-content:center;align-items:center;font-size:1.3em;transition:opacity .3s;display:flex;position:absolute;inset:0}#index-module-scss-module__iX0nOa__twic-modal-container figure.index-module-scss-module__iX0nOa__poster-wrapper figcaption:hover{opacity:1}
.index-module-scss-module___49b7W__slideshow button:disabled{cursor:not-allowed;opacity:.2}.index-module-scss-module___49b7W__slideshow{position:relative}.index-module-scss-module___49b7W__slideshow .twic-item{margin-bottom:8px;padding-bottom:8px!important}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__inner-container{overflow:hidden}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__inner-container .index-module-scss-module___49b7W__inner{white-space:nowrap;transition:transform .9s}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__inner-container .index-module-scss-module___49b7W__inner .index-module-scss-module___49b7W__item{background-color:#0000;justify-content:center;align-items:center;width:100%;display:inline-block}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-dots{text-align:center;padding:0}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-dots li{width:20px;height:20px;margin:0 5px;padding:0;display:inline-block;position:relative}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-dots li button{color:#0000;cursor:pointer;background:0 0;border:0;outline:0;width:20px;height:20px;padding:5px;line-height:0;display:block}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-dots li button:before{color:#000;content:"•";text-align:center;opacity:.25;-webkit-font-smoothing:antialiased;width:20px;height:20px;font-family:slick;font-size:30px;line-height:20px;position:absolute;top:0;left:0}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-dots li.index-module-scss-module___49b7W__slick-active button:before,.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-dots li:hover button:before{opacity:.75}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-arrow{color:#000;cursor:pointer;opacity:.5;border:0;border-radius:50%;outline:0;width:3rem;height:3rem;padding-bottom:5px;font-size:2rem;display:block;position:absolute;top:calc(50% - 1.5rem)}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-arrow:hover{opacity:.75}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-arrow.index-module-scss-module___49b7W__slick-prev{left:-4rem}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__slick-arrow.index-module-scss-module___49b7W__slick-next{right:-4rem}.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__responsive{--twic-ratio:calc(1)}@media (min-width:768px){.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__responsive{--twic-ratio:calc(4/3)}}@media (min-width:1024px){.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__responsive{--twic-ratio:calc(16/9)}}@media (min-width:1280px){.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__responsive{--twic-ratio:calc(1.85)}}@media (min-width:1536px){.index-module-scss-module___49b7W__slideshow .index-module-scss-module___49b7W__responsive{--twic-ratio:calc(21/9)}}

.index-module-scss-module__NHzo6G__style-driven-responsive{--twic-ratio:calc(2/3);--twic-mode:cover;max-width:1024px;margin:auto}@media (min-width:640px){.index-module-scss-module__NHzo6G__style-driven-responsive{--twic-ratio:calc(1)}}@media (min-width:768px){.index-module-scss-module__NHzo6G__style-driven-responsive{--twic-ratio:calc(4/3)}}@media (min-width:1024px){.index-module-scss-module__NHzo6G__style-driven-responsive{--twic-ratio:calc(16/9)}}@media (min-width:1280px){.index-module-scss-module__NHzo6G__style-driven-responsive{--twic-ratio:calc(1.85)}}@media (min-width:1536px){.index-module-scss-module__NHzo6G__style-driven-responsive{--twic-ratio:calc(21/9)}}

#index-module-scss-module__yQs1Ta__twic-bot-container img{width:100%;height:100%}
.index-module-scss-module__cdvEGG__polaroids{width:100%;height:380px;margin:auto;padding:20px;position:relative;overflow:hidden}.index-module-scss-module__cdvEGG__polaroids:hover{cursor:pointer}.index-module-scss-module__cdvEGG__polaroid{background-color:#fff;border:15px solid #fff;border-bottom-width:30px;width:300px;position:absolute;left:50%;transform:translate(2000px)rotate(90deg);box-shadow:0 0 4px #000}.index-module-scss-module__cdvEGG__top{z-index:2;transition:transform .3s;transform:rotate(-2deg)translate(-120px,30px)}.index-module-scss-module__cdvEGG__top.index-module-scss-module__cdvEGG__left{transform:rotate(2deg)translate(-180px,30px)}.index-module-scss-module__cdvEGG__bottom{z-index:0;transition:transform .1s;transform:rotate(-1deg)translate(-60px)}.index-module-scss-module__cdvEGG__bottom.index-module-scss-module__cdvEGG__previous{z-index:1}.index-module-scss-module__cdvEGG__bottom.index-module-scss-module__cdvEGG__left{transform:rotate(1deg)translate(-240px)}
.index-module-scss-module__1NXdXa__mb{margin-bottom:25px}
.index-module-scss-module__Yw3Usa__demo-container{background-color:#fffc;margin-top:calc(100px + 40vh);padding:50px}.index-module-scss-module__Yw3Usa__banner-container{white-space:nowrap;z-index:-1;position:absolute;top:100px;left:0;right:0;overflow:hidden}.index-module-scss-module__Yw3Usa__banner{transition:transform .2s ease-out}.index-module-scss-module__Yw3Usa__item{width:100%;display:inline-block}.index-module-scss-module__Yw3Usa__item .twic-i{height:40vh}
.index-module-scss-module__hpClNa__flip-card{perspective:1000px;background-color:#0000;padding-top:100%;position:relative}.index-module-scss-module__hpClNa__flip-card figure{margin:unset}.index-module-scss-module__hpClNa__flip-card-inner{transform-style:preserve-3d;transition:transform .8s;display:block;position:absolute;inset:0}.index-module-scss-module__hpClNa__flip-card:hover .index-module-scss-module__hpClNa__flip-card-inner{transform:rotateY(180deg)}.index-module-scss-module__hpClNa__flip-card-front,.index-module-scss-module__hpClNa__flip-card-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.index-module-scss-module__hpClNa__flip-card-back{transform:rotateY(180deg)}
#index-module-scss-module__HQLtDG__twic-grid-and-zoom ul{gap:1rem;width:100%;list-style:none;display:grid;position:relative}@media screen and (min-width:425px){#index-module-scss-module__HQLtDG__twic-grid-and-zoom ul{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){#index-module-scss-module__HQLtDG__twic-grid-and-zoom ul{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1440px){#index-module-scss-module__HQLtDG__twic-grid-and-zoom ul{grid-template-columns:repeat(6,1fr)}}#index-module-scss-module__HQLtDG__twic-grid-and-zoom li:hover img.twic-done{transform:scale(1.2)!important}
.index-module-scss-module__raK1ZW__twic-demo-container{background-color:#fffc;padding:30px}.index-module-scss-module__raK1ZW__twic-demo-container .index-module-scss-module__raK1ZW__hero{z-index:-1;opacity:.8;width:100vw;position:absolute;top:0;left:0}.index-module-scss-module__raK1ZW__twic-demo-container .index-module-scss-module__raK1ZW__hero .twic-i{height:100vh}
.index-module-scss-module__YbX-vG__home-container h3{margin-bottom:1rem}.index-module-scss-module__YbX-vG__home-container .twic-grid{--twic-grid-columns-width:calc(200px)}.index-module-scss-module__YbX-vG__home-container .twic-item:hover img.twic-done{transform:scale(1.1)!important}.index-module-scss-module__YbX-vG__home-container figure{position:relative}.index-module-scss-module__YbX-vG__home-container figure figcaption{text-align:center;color:#fff;background:#00000080;justify-content:center;align-items:center;height:40px;margin:0;font-size:1em;font-weight:600;transition:all .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.index-module-scss-module__YbX-vG__home-container figure:hover{cursor:pointer}.index-module-scss-module__YbX-vG__home-container figure:hover figcaption{bottom:40%}
#index-module-scss-module__L3q8Gq__twic-intrinsic-container .index-module-scss-module__L3q8Gq__demo-container{background-color:#fffc;margin-top:20%;padding:30px}#index-module-scss-module__L3q8Gq__twic-intrinsic-container .index-module-scss-module__L3q8Gq__demo-container .index-module-scss-module__L3q8Gq__hero{z-index:-1;opacity:.8;width:100vw;position:absolute;top:0;left:0}#index-module-scss-module__L3q8Gq__twic-intrinsic-container .index-module-scss-module__L3q8Gq__demo-container .index-module-scss-module__L3q8Gq__hero .twic-i{height:100vh}

#index-module-scss-module__Ch5HlG__twic-placeholder-container .index-module-scss-module__Ch5HlG__show-placeholders img{visibility:hidden!important}#index-module-scss-module__Ch5HlG__twic-placeholder-container .index-module-scss-module__Ch5HlG__show-placeholders img+div{opacity:1!important}

#index-module-scss-module__RsYsaG__twic-ratio-container .twic-grid{--twic-grid-columns-width:40%}#index-module-scss-module__RsYsaG__twic-ratio-container .twic-grid.full-width .twic-item{width:100%}#index-module-scss-module__RsYsaG__twic-ratio-container .twic-grid.half-width .twic-item{width:50%;margin:auto}
#index-module-scss-module__HPxZDa__twic-short-videos-container .twic-item{background-color:#1fffa6}
#index-module-scss-module__edwgKG__twic-slider-container .index-module-scss-module__edwgKG__slider{scroll-snap-type:x mandatory;padding:1rem 0;list-style:none;display:flex;overflow-x:scroll}#index-module-scss-module__edwgKG__twic-slider-container .index-module-scss-module__edwgKG__slider-item{scroll-snap-align:start;flex-grow:1;flex-shrink:0;margin-left:1.6rem}#index-module-scss-module__edwgKG__twic-slider-container .index-module-scss-module__edwgKG__card{margin:unset}#index-module-scss-module__edwgKG__twic-slider-container ::-webkit-scrollbar-track{background-color:#f5f5f5}#index-module-scss-module__edwgKG__twic-slider-container ::-webkit-scrollbar{background-color:#f5f5f5;height:8px}#index-module-scss-module__edwgKG__twic-slider-container ::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:3px}#index-module-scss-module__edwgKG__twic-slider-container .index-module-scss-module__edwgKG__slider-item{--twic-ratio:calc(4/5);flex-basis:100%}@media (min-width:768px){#index-module-scss-module__edwgKG__twic-slider-container .index-module-scss-module__edwgKG__slider-item{--twic-ratio:calc(1);flex-basis:50%}}@media (min-width:1024px){#index-module-scss-module__edwgKG__twic-slider-container .index-module-scss-module__edwgKG__slider-item{--twic-ratio:calc(4/3)}}@media (min-width:1280px){#index-module-scss-module__edwgKG__twic-slider-container .index-module-scss-module__edwgKG__slider-item{flex-basis:30%}}
#index-module-scss-module__JDX-VW__twic-slideshow-container .index-module-scss-module__JDX-VW__slideshow-container{width:80%;margin:auto}
#index-module-scss-module__Xc6ynq__twic-state-container .index-module-scss-module__Xc6ynq__style-driven-responsive{--twic-ratio:calc(2/3);--twic-mode:cover;margin:auto}#index-module-scss-module__Xc6ynq__twic-state-container button:disabled{opacity:.2;cursor:wait}#index-module-scss-module__Xc6ynq__twic-state-container .index-module-scss-module__Xc6ynq__style-driven-responsive{max-width:1024px}@media (min-width:640px){#index-module-scss-module__Xc6ynq__twic-state-container .index-module-scss-module__Xc6ynq__style-driven-responsive{--twic-ratio:calc(1)}}@media (min-width:768px){#index-module-scss-module__Xc6ynq__twic-state-container .index-module-scss-module__Xc6ynq__style-driven-responsive{--twic-ratio:calc(4/3)}}@media (min-width:1024px){#index-module-scss-module__Xc6ynq__twic-state-container .index-module-scss-module__Xc6ynq__style-driven-responsive{--twic-ratio:calc(16/9)}}@media (min-width:1280px){#index-module-scss-module__Xc6ynq__twic-state-container .index-module-scss-module__Xc6ynq__style-driven-responsive{--twic-ratio:calc(1.85)}}@media (min-width:1536px){#index-module-scss-module__Xc6ynq__twic-state-container .index-module-scss-module__Xc6ynq__style-driven-responsive{--twic-ratio:calc(29/9)}}
#index-module-scss-module__ZMsNGW__twic-style-driven-container .twic-grid{margin-bottom:60px}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__landscape{--twic-ratio:calc(4/3)}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__portrait{--twic-ratio:calc(3/4)}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__square{--twic-ratio:calc(1)}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__contain{--twic-mode:contain}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__cover{--twic-mode:cover}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__left{--twic-position:left}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__right{--twic-position:right}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__lg{width:300px}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__md{width:150px}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__sm{width:100px}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__zoom_sm{--twic-zoom:1.5}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__zoom_md{--twic-zoom:2}#index-module-scss-module__ZMsNGW__twic-style-driven-container .index-module-scss-module__ZMsNGW__zoom_lg{--twic-zoom:3}
#index-module-scss-module__LVEqkW__twic-transition-container .index-module-scss-module__LVEqkW__show-transitions .twic-tf img{opacity:0!important}#index-module-scss-module__LVEqkW__twic-transition-container .index-module-scss-module__LVEqkW__show-transitions .twic-tf img+div{opacity:1!important}#index-module-scss-module__LVEqkW__twic-transition-container .index-module-scss-module__LVEqkW__show-transitions .twic-tz img{transform:scale(0)!important}
#index-module-scss-module__K632fW__twic-zoom-container .twic-grid{--twic-grid-columns-width:calc(400px)}#index-module-scss-module__K632fW__twic-zoom-container .twic-item{cursor:crosshair}