.uncoder .uncoder-yz8wpfq{--uncoder-boxed-width:1680px;--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:38px;background-color:#f0f1e8;padding-top:134px;padding-right:40px;padding-bottom:50px;padding-left:40px}.uncoder .uncoder-yi3jj6m{--uncoder-width:100%;--uncoder-align:flex-start;--uncoder-gap:20px}.uncoder .uncoder-zqi4tba{font-family:var(--uncoder-t-display-ff);font-size:var(--uncoder-t-display-fs);font-weight:var(--uncoder-t-display-fw);text-transform:var(--uncoder-t-display-tt);font-style:var(--uncoder-t-display-fst);text-decoration:var(--uncoder-t-display-td);line-height:var(--uncoder-t-display-lh);letter-spacing:var(--uncoder-t-display-ls);color:#191c1b;width:100%;max-width:100%}.uncoder .uncoder-xlq177a{font-family:var(--uncoder-t-lead-ff);font-size:var(--uncoder-t-lead-fs);font-weight:var(--uncoder-t-lead-fw);text-transform:var(--uncoder-t-lead-tt);font-style:var(--uncoder-t-lead-fst);text-decoration:var(--uncoder-t-lead-td);line-height:var(--uncoder-t-lead-lh);letter-spacing:var(--uncoder-t-lead-ls);color:rgba(0, 0, 0, 0.6);width:640px;max-width:100%}.uncoder .uncoder-b8hviny{--uncoder-width:100%;--uncoder-grid-cols:repeat(3, minmax(0, 1fr));--uncoder-gap:10px;--uncoder-row-gap:10px}.uncoder .uncoder-xjowl1v img{object-fit:cover}.uncoder .uncoder-xjowl1v{width:100%;max-width:100%}.uncoder .uncoder-co9vbzj img{object-fit:cover}.uncoder .uncoder-co9vbzj{width:100%;max-width:100%}.uncoder .uncoder-l8rqq6k img{object-fit:cover}.uncoder .uncoder-l8rqq6k{width:100%;max-width:100%}.uncoder .uncoder-a3r839f img{object-fit:cover}.uncoder .uncoder-a3r839f{width:100%;max-width:100%}.uncoder .uncoder-wv2d9jm img{object-fit:cover}.uncoder .uncoder-wv2d9jm{width:100%;max-width:100%}.uncoder .uncoder-arkbr6o img{object-fit:cover}.uncoder .uncoder-arkbr6o{width:100%;max-width:100%}.uncoder .uncoder-jabn9t0 img{object-fit:cover}.uncoder .uncoder-jabn9t0{width:100%;max-width:100%}.uncoder .uncoder-j8xh4sg img{object-fit:cover}.uncoder .uncoder-j8xh4sg{width:100%;max-width:100%}.uncoder .uncoder-aqgyiqk img{object-fit:cover}.uncoder .uncoder-aqgyiqk{width:100%;max-width:100%}.uncoder .uncoder-fmiz57k{--uncoder-boxed-width:1680px;--uncoder-width:100%;--uncoder-align:center;--uncoder-gap:60px;background-color:#f0f1e8;padding-top:30px;padding-right:40px;padding-bottom:20px;padding-left:40px}.uncoder .uncoder-evn67kf{--uncoder-width:100%;--uncoder-align:center;--uncoder-gap:30px;background-color:#ffffff;padding-top:60px;padding-right:40px;padding-bottom:40px;padding-left:40px}.uncoder .uncoder-n4pax99{--uncoder-width:1280px;--uncoder-align:center;--uncoder-gap:9px;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}.uncoder .uncoder-vkpkqp4{font-family:var(--uncoder-t-small-ff);font-size:var(--uncoder-t-small-fs);font-weight:var(--uncoder-t-small-fw);text-transform:var(--uncoder-t-small-tt);font-style:var(--uncoder-t-small-fst);text-decoration:var(--uncoder-t-small-td);line-height:var(--uncoder-t-small-lh);letter-spacing:var(--uncoder-t-small-ls);color:#191c1b;width:auto;max-width:100%}.uncoder .uncoder-y7c4sz1{--uncoder-width:100%;--uncoder-align:center;--uncoder-gap:10px}.uncoder .uncoder-dkyl2y8{text-align:center;font-family:var(--uncoder-t-h2-ff);font-size:var(--uncoder-t-h2-fs);font-weight:var(--uncoder-t-h2-fw);text-transform:var(--uncoder-t-h2-tt);font-style:var(--uncoder-t-h2-fst);text-decoration:var(--uncoder-t-h2-td);line-height:var(--uncoder-t-h2-lh);letter-spacing:var(--uncoder-t-h2-ls);color:#191c1b;width:100%;max-width:100%}.uncoder .uncoder-o11zosf{--uncoder-width:100%;--uncoder-grid-cols:repeat(2, minmax(0, 1fr));--uncoder-gap:20px;--uncoder-row-gap:49px}.uncoder .uncoder-ghtz8f7{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-dd8vawk{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-ybklqpn{--uncoder-width:100%}.uncoder .uncoder-n9l0t44{--uncoder-width:fit-content}.uncoder .uncoder-na2rd53 img{object-fit:cover}.uncoder .uncoder-na2rd53{width:100%;max-width:100%}.uncoder .uncoder-pdsb3gl{--uncoder-width:fit-content}.uncoder .uncoder-qmws3cp img{object-fit:cover}.uncoder .uncoder-qmws3cp{width:100%;max-width:100%}.uncoder .uncoder-lr41qy8{--uncoder-width:fit-content}.uncoder .uncoder-wnvxmxd img{object-fit:cover}.uncoder .uncoder-wnvxmxd{width:100%;max-width:100%}.uncoder .uncoder-yuu09aq{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-gdvdc49{text-align:center;font-family:var(--uncoder-t-h4-ff);font-size:var(--uncoder-t-h4-fs);font-weight:var(--uncoder-t-h4-fw);text-transform:var(--uncoder-t-h4-tt);font-style:var(--uncoder-t-h4-fst);text-decoration:var(--uncoder-t-h4-td);line-height:var(--uncoder-t-h4-lh);letter-spacing:var(--uncoder-t-h4-ls);color:#191c1b}.uncoder .uncoder-pektj4w{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-b6vf0ty{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-x6inej7{--uncoder-width:100%}.uncoder .uncoder-kqjattm{--uncoder-width:fit-content}.uncoder .uncoder-mearnbp img{object-fit:cover}.uncoder .uncoder-mearnbp{width:100%;max-width:100%}.uncoder .uncoder-w6o6kuu{--uncoder-width:fit-content}.uncoder .uncoder-r9qudpm img{object-fit:cover}.uncoder .uncoder-r9qudpm{width:100%;max-width:100%}.uncoder .uncoder-jlk07gj{--uncoder-width:fit-content}.uncoder .uncoder-ul4w43s img{object-fit:cover}.uncoder .uncoder-ul4w43s{width:100%;max-width:100%}.uncoder .uncoder-lwxid9b{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-vxkfmej{text-align:center;font-family:var(--uncoder-t-h4-ff);font-size:var(--uncoder-t-h4-fs);font-weight:var(--uncoder-t-h4-fw);text-transform:var(--uncoder-t-h4-tt);font-style:var(--uncoder-t-h4-fst);text-decoration:var(--uncoder-t-h4-td);line-height:var(--uncoder-t-h4-lh);letter-spacing:var(--uncoder-t-h4-ls);color:#191c1b}.uncoder .uncoder-irxw4gq{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-rf7datb{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-qcd2ou9{--uncoder-width:100%}.uncoder .uncoder-ts9jgc1{--uncoder-width:fit-content}.uncoder .uncoder-qqkqfl2 img{object-fit:cover}.uncoder .uncoder-qqkqfl2{width:100%;max-width:100%}.uncoder .uncoder-wfd1r86{--uncoder-width:fit-content}.uncoder .uncoder-avn75dw img{object-fit:cover}.uncoder .uncoder-avn75dw{width:100%;max-width:100%}.uncoder .uncoder-csvvpvb{--uncoder-width:fit-content}.uncoder .uncoder-fynz7fn img{object-fit:cover}.uncoder .uncoder-fynz7fn{width:100%;max-width:100%}.uncoder .uncoder-x0v7pgi{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-lcfhcol{text-align:center;font-family:var(--uncoder-t-h4-ff);font-size:var(--uncoder-t-h4-fs);font-weight:var(--uncoder-t-h4-fw);text-transform:var(--uncoder-t-h4-tt);font-style:var(--uncoder-t-h4-fst);text-decoration:var(--uncoder-t-h4-td);line-height:var(--uncoder-t-h4-lh);letter-spacing:var(--uncoder-t-h4-ls);color:#191c1b}.uncoder .uncoder-natb7x5{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-nrjau1m{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-su7n99m{--uncoder-width:100%}.uncoder .uncoder-s5y27uy{--uncoder-width:fit-content}.uncoder .uncoder-xxus0aa img{object-fit:cover}.uncoder .uncoder-xxus0aa{width:100%;max-width:100%}.uncoder .uncoder-ac223p6{--uncoder-width:fit-content}.uncoder .uncoder-zxamjqq img{object-fit:cover}.uncoder .uncoder-zxamjqq{width:100%;max-width:100%}.uncoder .uncoder-elvfxw5{--uncoder-width:fit-content}.uncoder .uncoder-kschif9 img{object-fit:cover}.uncoder .uncoder-kschif9{width:100%;max-width:100%}.uncoder .uncoder-qysy3jt{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-p9c3vxh{text-align:center;font-family:var(--uncoder-t-h4-ff);font-size:var(--uncoder-t-h4-fs);font-weight:var(--uncoder-t-h4-fw);text-transform:var(--uncoder-t-h4-tt);font-style:var(--uncoder-t-h4-fst);text-decoration:var(--uncoder-t-h4-td);line-height:var(--uncoder-t-h4-lh);letter-spacing:var(--uncoder-t-h4-ls);color:#191c1b}.uncoder .uncoder-vj61y4a{width:auto;max-width:100%}.uncoder .uncoder-xlq177a { max-width: 100%; }.uncoder .uncoder-xjowl1v img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-co9vbzj img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-l8rqq6k img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-a3r839f img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-wv2d9jm img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-arkbr6o img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-jabn9t0 img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-j8xh4sg img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-aqgyiqk img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-evn67kf { border-radius: 10px; position: relative; }.uncoder .uncoder-n4pax99 { max-width: 100%; }.uncoder .uncoder-ghtz8f7 { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-ghtz8f7::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-ghtz8f7::after { content: ""; position: absolute; left: calc(32% - 3px); top: 5px; width: 34px; height: 27px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 27'%3E%3Cpath d='M0.762 0C0.762 0 13.23 24.221 33.238 27L0.762 27Z' fill='%23f0f1e8'/%3E%3C/svg%3E") no-repeat; } .uncoder .uncoder-ghtz8f7:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-ghtz8f7:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-ghtz8f7:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-ghtz8f7:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-dd8vawk { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-ybklqpn { position: absolute; inset: 0; } .uncoder .uncoder-ybklqpn::after { content: ""; position: absolute; left: 46px; right: 46px; bottom: 39px; height: 19px; background: #000; opacity: 0.46; filter: blur(15px); z-index: 1; } .uncoder .uncoder-ybklqpn > * { position: absolute; width: 40%; aspect-ratio: 176 / 209; padding: 4px; box-sizing: border-box; background: #ffffff; border-radius: 6px; box-shadow: 0 -0.66px 1.72px rgba(0, 0, 0, 0.01), 0 -2.5px 6.5px rgba(0, 0, 0, 0.02), 0 -11px 28.6px rgba(0, 0, 0, 0.1); z-index: 2; transition: transform 0.4s ease; } .uncoder .uncoder-ybklqpn > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-ybklqpn > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-ybklqpn > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-ybklqpn > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-ybklqpn > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-ybklqpn > :nth-child(2) { left: 30%; } .uncoder .uncoder-ybklqpn > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-na2rd53, .uncoder .uncoder-na2rd53 figure { height: 100%; } .uncoder .uncoder-na2rd53 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-qmws3cp, .uncoder .uncoder-qmws3cp figure { height: 100%; } .uncoder .uncoder-qmws3cp img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-wnvxmxd, .uncoder .uncoder-wnvxmxd figure { height: 100%; } .uncoder .uncoder-wnvxmxd img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-yuu09aq { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-gdvdc49 { font-weight: 600; }.uncoder .uncoder-pektj4w { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-pektj4w::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-pektj4w::after { content: ""; position: absolute; left: calc(32% - 3px); top: 5px; width: 34px; height: 27px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 27'%3E%3Cpath d='M0.762 0C0.762 0 13.23 24.221 33.238 27L0.762 27Z' fill='%23f0f1e8'/%3E%3C/svg%3E") no-repeat; } .uncoder .uncoder-pektj4w:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-pektj4w:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-pektj4w:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-pektj4w:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-b6vf0ty { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-x6inej7 { position: absolute; inset: 0; } .uncoder .uncoder-x6inej7::after { content: ""; position: absolute; left: 46px; right: 46px; bottom: 39px; height: 19px; background: #000; opacity: 0.46; filter: blur(15px); z-index: 1; } .uncoder .uncoder-x6inej7 > * { position: absolute; width: 40%; aspect-ratio: 176 / 209; padding: 4px; box-sizing: border-box; background: #ffffff; border-radius: 6px; box-shadow: 0 -0.66px 1.72px rgba(0, 0, 0, 0.01), 0 -2.5px 6.5px rgba(0, 0, 0, 0.02), 0 -11px 28.6px rgba(0, 0, 0, 0.1); z-index: 2; transition: transform 0.4s ease; } .uncoder .uncoder-x6inej7 > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-x6inej7 > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-x6inej7 > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-x6inej7 > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-x6inej7 > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-x6inej7 > :nth-child(2) { left: 30%; } .uncoder .uncoder-x6inej7 > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-mearnbp, .uncoder .uncoder-mearnbp figure { height: 100%; } .uncoder .uncoder-mearnbp img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-r9qudpm, .uncoder .uncoder-r9qudpm figure { height: 100%; } .uncoder .uncoder-r9qudpm img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-ul4w43s, .uncoder .uncoder-ul4w43s figure { height: 100%; } .uncoder .uncoder-ul4w43s img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-lwxid9b { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-vxkfmej { font-weight: 600; }.uncoder .uncoder-irxw4gq { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-irxw4gq::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-irxw4gq::after { content: ""; position: absolute; left: calc(32% - 3px); top: 5px; width: 34px; height: 27px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 27'%3E%3Cpath d='M0.762 0C0.762 0 13.23 24.221 33.238 27L0.762 27Z' fill='%23f0f1e8'/%3E%3C/svg%3E") no-repeat; } .uncoder .uncoder-irxw4gq:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-irxw4gq:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-irxw4gq:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-irxw4gq:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-rf7datb { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-qcd2ou9 { position: absolute; inset: 0; } .uncoder .uncoder-qcd2ou9::after { content: ""; position: absolute; left: 46px; right: 46px; bottom: 39px; height: 19px; background: #000; opacity: 0.46; filter: blur(15px); z-index: 1; } .uncoder .uncoder-qcd2ou9 > * { position: absolute; width: 40%; aspect-ratio: 176 / 209; padding: 4px; box-sizing: border-box; background: #ffffff; border-radius: 6px; box-shadow: 0 -0.66px 1.72px rgba(0, 0, 0, 0.01), 0 -2.5px 6.5px rgba(0, 0, 0, 0.02), 0 -11px 28.6px rgba(0, 0, 0, 0.1); z-index: 2; transition: transform 0.4s ease; } .uncoder .uncoder-qcd2ou9 > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-qcd2ou9 > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-qcd2ou9 > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-qcd2ou9 > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-qcd2ou9 > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-qcd2ou9 > :nth-child(2) { left: 30%; } .uncoder .uncoder-qcd2ou9 > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-qqkqfl2, .uncoder .uncoder-qqkqfl2 figure { height: 100%; } .uncoder .uncoder-qqkqfl2 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-avn75dw, .uncoder .uncoder-avn75dw figure { height: 100%; } .uncoder .uncoder-avn75dw img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-fynz7fn, .uncoder .uncoder-fynz7fn figure { height: 100%; } .uncoder .uncoder-fynz7fn img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-x0v7pgi { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-lcfhcol { font-weight: 600; }.uncoder .uncoder-natb7x5 { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-natb7x5::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-natb7x5::after { content: ""; position: absolute; left: calc(32% - 3px); top: 5px; width: 34px; height: 27px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 27'%3E%3Cpath d='M0.762 0C0.762 0 13.23 24.221 33.238 27L0.762 27Z' fill='%23f0f1e8'/%3E%3C/svg%3E") no-repeat; } .uncoder .uncoder-natb7x5:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-natb7x5:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-natb7x5:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-natb7x5:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-nrjau1m { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-su7n99m { position: absolute; inset: 0; } .uncoder .uncoder-su7n99m::after { content: ""; position: absolute; left: 46px; right: 46px; bottom: 39px; height: 19px; background: #000; opacity: 0.46; filter: blur(15px); z-index: 1; } .uncoder .uncoder-su7n99m > * { position: absolute; width: 40%; aspect-ratio: 176 / 209; padding: 4px; box-sizing: border-box; background: #ffffff; border-radius: 6px; box-shadow: 0 -0.66px 1.72px rgba(0, 0, 0, 0.01), 0 -2.5px 6.5px rgba(0, 0, 0, 0.02), 0 -11px 28.6px rgba(0, 0, 0, 0.1); z-index: 2; transition: transform 0.4s ease; } .uncoder .uncoder-su7n99m > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-su7n99m > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-su7n99m > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-su7n99m > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-su7n99m > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-su7n99m > :nth-child(2) { left: 30%; } .uncoder .uncoder-su7n99m > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-xxus0aa, .uncoder .uncoder-xxus0aa figure { height: 100%; } .uncoder .uncoder-xxus0aa img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-zxamjqq, .uncoder .uncoder-zxamjqq figure { height: 100%; } .uncoder .uncoder-zxamjqq img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-kschif9, .uncoder .uncoder-kschif9 figure { height: 100%; } .uncoder .uncoder-kschif9 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-qysy3jt { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-p9c3vxh { font-weight: 600; }@media (max-width:1199px){.uncoder .uncoder-yz8wpfq{--uncoder-gap:38px;padding-top:134px;padding-right:40px;padding-bottom:50px;padding-left:40px}.uncoder .uncoder-xlq177a{width:100%;max-width:100%}.uncoder .uncoder-b8hviny{--uncoder-grid-cols:repeat(2, minmax(0, 1fr))}.uncoder .uncoder-fmiz57k{--uncoder-gap:60px;padding-top:30px;padding-right:40px;padding-bottom:20px;padding-left:40px}.uncoder .uncoder-evn67kf{--uncoder-gap:30px;padding-top:60px;padding-right:40px;padding-bottom:40px;padding-left:40px}.uncoder .uncoder-n4pax99{--uncoder-width:1280px;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}.uncoder .uncoder-o11zosf{--uncoder-grid-cols:repeat(2, minmax(0, 1fr))}.uncoder .uncoder-ghtz8f7{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-pektj4w{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-irxw4gq{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-natb7x5{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}}@media (max-width:809px){.uncoder .uncoder-yz8wpfq{--uncoder-gap:30px;padding-top:110px;padding-right:12px;padding-bottom:40px;padding-left:12px}.uncoder .uncoder-xlq177a{width:100%;max-width:100%}.uncoder .uncoder-b8hviny{--uncoder-grid-cols:repeat(1, minmax(0, 1fr))}.uncoder .uncoder-fmiz57k{--uncoder-gap:40px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px}.uncoder .uncoder-evn67kf{--uncoder-gap:30px;padding-top:40px;padding-right:16px;padding-bottom:30px;padding-left:16px}.uncoder .uncoder-n4pax99{--uncoder-width:100%;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}.uncoder .uncoder-o11zosf{--uncoder-grid-cols:repeat(1, minmax(0, 1fr))}.uncoder .uncoder-ghtz8f7{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-pektj4w{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-irxw4gq{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-natb7x5{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}}