.twic-i{overflow:hidden}.twic-w,.twic-w *{border:none;margin:0;padding:0;overflow:hidden}.twic-w{width:100%;padding-top:100%;padding-top:calc(100%/var(--twic-ratio,1));position:relative;overflow:hidden}.twic-w>*{will-change:opacity,transform;object-fit:cover;object-position:center;object-fit:var(--twic-mode,cover);object-position:var(--twic-position,center);width:100%;height:100%;transition:opacity .4s,transform .4s;transition-delay:var(--twic-transition-delay,0s);transition-duration:var(--twic-transition-duration,.4s);transition-timing-function:var(--twic-transition-timing-function,ease);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;position:absolute;top:0;left:0}.twic-w>div{background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:var(--twic-mode,cover);background-position:var(--twic-position,center);font-size:calc(1px/var(--twic-ratio,1))}.twic-w>img:not([src]),.twic-w>img[src=""]{visibility:hidden}.twic-w.twic-tz>img{transform:scale(0)}.twic-w.twic-tf>div{opacity:1}.twic-d{display:block}.twic-offline{background-color:#ccc}.twic-offline.twic-nosrc{background-color:#fd0016}.twic-offline>*{display:none}:root{--twic-zoom:0}.twic-z{position:relative}.twic-m{z-index:1;position:absolute;top:0;left:0}.twic-m>*{width:calc(max(var(--twic-zoom),1)*100%);height:calc(max(var(--twic-zoom),1)*100%);transform:translate3d(calc((1 - max(var(--twic-zoom),1))*var(--twic-xr,0)*1px),calc((1 - max(var(--twic-zoom),1))*var(--twic-yr,0)*1px),0);transition:none;display:none}.twic-m:hover>*{display:block}.twic-m:hover+div,twicmedia:hover+twicmedia{opacity:0}.twic-p{border:none;margin:0;padding:0;overflow:hidden}.twic-p>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}
*{box-sizing:border-box;margin:0;padding:0}body{color:#5b595c;font-family:Montserrat,sans-serif}.codesandbox-container{text-align:right;flex-grow:1}.twic-grid{grid-gap:1.8rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--twic-grid-columns-width,300px),1fr));align-items:center;display:grid}.twic-testing-container{justify-content:center;gap:16px;margin:40px;display:flex}.twic-button{cursor:pointer;color:#fff;background-color:#131212;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-family:Montserrat,sans-serif;font-weight:600;transition:all .3s;display:flex}.twic-button:hover{background-color:#464646}.twic-button:before{content:url(/assets/cursor-click.svg);width:20px;height:20px}.twic-separator{height:2rem}.twic-item{border:12px solid #fff;border-radius:6px;position:relative;box-shadow:0 2px 9px #27253f26}.twic-item .twic-button{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%}.twic-item>span{background-color:#f2f2f2;padding:12px 12px 6px;font-size:.8em;font-weight:400;display:block}.twic-panel{background-color:#f9fafb;border:1px solid #e3e3e4;border-radius:4px;margin-bottom:1rem;padding:1rem}