.uncoder .uncoder-a51x609{--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-p05299r{--uncoder-width:100%;--uncoder-align:flex-start;--uncoder-gap:20px}.uncoder .uncoder-mp5z7d7{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-ansm1xs{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-b20wy41{--uncoder-width:100%;--uncoder-grid-cols:repeat(3, minmax(0, 1fr));--uncoder-gap:10px;--uncoder-row-gap:10px}.uncoder .uncoder-fo9ykbp img{object-fit:cover}.uncoder .uncoder-fo9ykbp{width:100%;max-width:100%}.uncoder .uncoder-oxuf76q img{object-fit:cover}.uncoder .uncoder-oxuf76q{width:100%;max-width:100%}.uncoder .uncoder-nn2y3tr img{object-fit:cover}.uncoder .uncoder-nn2y3tr{width:100%;max-width:100%}.uncoder .uncoder-tqxew72 img{object-fit:cover}.uncoder .uncoder-tqxew72{width:100%;max-width:100%}.uncoder .uncoder-o5mfkru img{object-fit:cover}.uncoder .uncoder-o5mfkru{width:100%;max-width:100%}.uncoder .uncoder-j5e7k3p img{object-fit:cover}.uncoder .uncoder-j5e7k3p{width:100%;max-width:100%}.uncoder .uncoder-qpi44ws img{object-fit:cover}.uncoder .uncoder-qpi44ws{width:100%;max-width:100%}.uncoder .uncoder-rwth8ci img{object-fit:cover}.uncoder .uncoder-rwth8ci{width:100%;max-width:100%}.uncoder .uncoder-p6ikht4 img{object-fit:cover}.uncoder .uncoder-p6ikht4{width:100%;max-width:100%}.uncoder .uncoder-vvtodfj{--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-o66cvu8{--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-w5e4fwb{--uncoder-width:1280px;--uncoder-align:center;--uncoder-gap:9px;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}.uncoder .uncoder-pnvtx7q{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-xn97cfg{--uncoder-width:100%;--uncoder-align:center;--uncoder-gap:10px}.uncoder .uncoder-s5oyw30{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-upzdll9{--uncoder-width:100%;--uncoder-grid-cols:repeat(2, minmax(0, 1fr));--uncoder-gap:20px;--uncoder-row-gap:49px}.uncoder .uncoder-i4swfbo{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-etaud72{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-mo2juo3{--uncoder-width:100%}.uncoder .uncoder-ao1jpss{--uncoder-width:fit-content}.uncoder .uncoder-e4rjfq0 img{object-fit:cover}.uncoder .uncoder-e4rjfq0{width:100%;max-width:100%}.uncoder .uncoder-be27vlb{--uncoder-width:fit-content}.uncoder .uncoder-n5yhnl8 img{object-fit:cover}.uncoder .uncoder-n5yhnl8{width:100%;max-width:100%}.uncoder .uncoder-z6pq1rz{--uncoder-width:fit-content}.uncoder .uncoder-ggr0fbe img{object-fit:cover}.uncoder .uncoder-ggr0fbe{width:100%;max-width:100%}.uncoder .uncoder-qp51ixg{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-rdqq0sv{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-iythrlb{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-bo5rxxi{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-s9qtdpw{--uncoder-width:100%}.uncoder .uncoder-mrd9vxj{--uncoder-width:fit-content}.uncoder .uncoder-d9sn8fv img{object-fit:cover}.uncoder .uncoder-d9sn8fv{width:100%;max-width:100%}.uncoder .uncoder-fd0hm2e{--uncoder-width:fit-content}.uncoder .uncoder-i7z1bdi img{object-fit:cover}.uncoder .uncoder-i7z1bdi{width:100%;max-width:100%}.uncoder .uncoder-rs52dee{--uncoder-width:fit-content}.uncoder .uncoder-ngz3kwa img{object-fit:cover}.uncoder .uncoder-ngz3kwa{width:100%;max-width:100%}.uncoder .uncoder-ob6uolq{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-eem5zde{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-mufblbx{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-swnacsv{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-asayet9{--uncoder-width:100%}.uncoder .uncoder-hwwwtyp{--uncoder-width:fit-content}.uncoder .uncoder-eo5apo5 img{object-fit:cover}.uncoder .uncoder-eo5apo5{width:100%;max-width:100%}.uncoder .uncoder-wpxbevi{--uncoder-width:fit-content}.uncoder .uncoder-hd2vvbn img{object-fit:cover}.uncoder .uncoder-hd2vvbn{width:100%;max-width:100%}.uncoder .uncoder-k64l27f{--uncoder-width:fit-content}.uncoder .uncoder-nafe5ow img{object-fit:cover}.uncoder .uncoder-nafe5ow{width:100%;max-width:100%}.uncoder .uncoder-blj6z3z{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-t02b01t{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-fa82pvs{--uncoder-width:100%;--uncoder-align:stretch;--uncoder-gap:0px;padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-fi90xox{--uncoder-width:100%;--uncoder-justify:flex-end;--uncoder-align:stretch;background-color:#f0f1e8}.uncoder .uncoder-k12iebz{--uncoder-width:100%}.uncoder .uncoder-den530m{--uncoder-width:fit-content}.uncoder .uncoder-fthtc43 img{object-fit:cover}.uncoder .uncoder-fthtc43{width:100%;max-width:100%}.uncoder .uncoder-re112xg{--uncoder-width:fit-content}.uncoder .uncoder-fyl2mtb img{object-fit:cover}.uncoder .uncoder-fyl2mtb{width:100%;max-width:100%}.uncoder .uncoder-j8h6rlw{--uncoder-width:fit-content}.uncoder .uncoder-iog4kb5 img{object-fit:cover}.uncoder .uncoder-iog4kb5{width:100%;max-width:100%}.uncoder .uncoder-dv1cj4u{--uncoder-width:100%;--uncoder-justify:center;--uncoder-align:center;background-color:#f0f1e8}.uncoder .uncoder-f7kyqxf{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-yfyrby0{width:auto;max-width:100%}.uncoder .uncoder-ansm1xs { max-width: 100%; }.uncoder .uncoder-fo9ykbp img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-oxuf76q img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-nn2y3tr img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-tqxew72 img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-o5mfkru img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-j5e7k3p img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-qpi44ws img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-rwth8ci img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-p6ikht4 img { width: 100%; aspect-ratio: 447 / 558; object-fit: cover; border-radius: 10px; display: block; }.uncoder .uncoder-o66cvu8 { border-radius: 10px; position: relative; }.uncoder .uncoder-w5e4fwb { max-width: 100%; }.uncoder .uncoder-i4swfbo { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-i4swfbo::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-i4swfbo::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-i4swfbo:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-i4swfbo:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-i4swfbo:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-i4swfbo:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-etaud72 { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-mo2juo3 { position: absolute; inset: 0; } .uncoder .uncoder-mo2juo3::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-mo2juo3 > * { 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-mo2juo3 > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-mo2juo3 > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-mo2juo3 > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-mo2juo3 > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-mo2juo3 > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-mo2juo3 > :nth-child(2) { left: 30%; } .uncoder .uncoder-mo2juo3 > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-e4rjfq0, .uncoder .uncoder-e4rjfq0 figure { height: 100%; } .uncoder .uncoder-e4rjfq0 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-n5yhnl8, .uncoder .uncoder-n5yhnl8 figure { height: 100%; } .uncoder .uncoder-n5yhnl8 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-ggr0fbe, .uncoder .uncoder-ggr0fbe figure { height: 100%; } .uncoder .uncoder-ggr0fbe img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-qp51ixg { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-rdqq0sv { font-weight: 600; }.uncoder .uncoder-iythrlb { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-iythrlb::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-iythrlb::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-iythrlb:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-iythrlb:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-iythrlb:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-iythrlb:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-bo5rxxi { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-s9qtdpw { position: absolute; inset: 0; } .uncoder .uncoder-s9qtdpw::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-s9qtdpw > * { 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-s9qtdpw > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-s9qtdpw > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-s9qtdpw > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-s9qtdpw > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-s9qtdpw > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-s9qtdpw > :nth-child(2) { left: 30%; } .uncoder .uncoder-s9qtdpw > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-d9sn8fv, .uncoder .uncoder-d9sn8fv figure { height: 100%; } .uncoder .uncoder-d9sn8fv img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-i7z1bdi, .uncoder .uncoder-i7z1bdi figure { height: 100%; } .uncoder .uncoder-i7z1bdi img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-ngz3kwa, .uncoder .uncoder-ngz3kwa figure { height: 100%; } .uncoder .uncoder-ngz3kwa img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-ob6uolq { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-eem5zde { font-weight: 600; }.uncoder .uncoder-mufblbx { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-mufblbx::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-mufblbx::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-mufblbx:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-mufblbx:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-mufblbx:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-mufblbx:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-swnacsv { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-asayet9 { position: absolute; inset: 0; } .uncoder .uncoder-asayet9::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-asayet9 > * { 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-asayet9 > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-asayet9 > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-asayet9 > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-asayet9 > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-asayet9 > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-asayet9 > :nth-child(2) { left: 30%; } .uncoder .uncoder-asayet9 > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-eo5apo5, .uncoder .uncoder-eo5apo5 figure { height: 100%; } .uncoder .uncoder-eo5apo5 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-hd2vvbn, .uncoder .uncoder-hd2vvbn figure { height: 100%; } .uncoder .uncoder-hd2vvbn img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-nafe5ow, .uncoder .uncoder-nafe5ow figure { height: 100%; } .uncoder .uncoder-nafe5ow img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-blj6z3z { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-t02b01t { font-weight: 600; }.uncoder .uncoder-fa82pvs { position: relative; text-decoration: none; color: inherit; isolation: isolate; } .uncoder .uncoder-fa82pvs::before { content: ""; position: absolute; left: 0; top: 0; width: 32%; height: 31px; background: #f0f1e8; border-radius: 10px 10px 0 0; } .uncoder .uncoder-fa82pvs::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-fa82pvs:is(:hover, :focus-visible) .sw-fan > :nth-child(1) { transform: rotate(-14deg) translateX(-6%); } .uncoder .uncoder-fa82pvs:is(:hover, :focus-visible) .sw-fan > :nth-child(3) { transform: rotate(14deg) translateX(6%); } .uncoder .uncoder-fa82pvs:is(:hover, :focus-visible) .sw-fan > :nth-child(2) { transform: translateY(-4%); } .uncoder .uncoder-fa82pvs:focus-visible { outline: 2px solid #000; outline-offset: 4px; border-radius: 10px; }.uncoder .uncoder-fi90xox { position: relative; aspect-ratio: 440 / 262; border-radius: 0 10px 10px 10px; }.uncoder .uncoder-k12iebz { position: absolute; inset: 0; } .uncoder .uncoder-k12iebz::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-k12iebz > * { 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-k12iebz > * > * { width: 100%; height: 100%; border-radius: 6px; overflow: hidden; background: #1d2a26; } .uncoder .uncoder-k12iebz > :nth-child(1) { left: 7.4%; top: 13.6%; transform: rotate(-10deg); } .uncoder .uncoder-k12iebz > :nth-child(2) { left: 28.4%; top: 5%; } .uncoder .uncoder-k12iebz > :nth-child(3) { left: 54.9%; top: 14.8%; transform: rotate(10deg); } @media (max-width: 809px) { .uncoder .uncoder-k12iebz > :nth-child(1) { left: 0; top: 9.9%; } .uncoder .uncoder-k12iebz > :nth-child(2) { left: 30%; } .uncoder .uncoder-k12iebz > :nth-child(3) { left: 60%; top: 11%; } }.uncoder .uncoder-fthtc43, .uncoder .uncoder-fthtc43 figure { height: 100%; } .uncoder .uncoder-fthtc43 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-fyl2mtb, .uncoder .uncoder-fyl2mtb figure { height: 100%; } .uncoder .uncoder-fyl2mtb img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-iog4kb5, .uncoder .uncoder-iog4kb5 figure { height: 100%; } .uncoder .uncoder-iog4kb5 img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }.uncoder .uncoder-dv1cj4u { position: relative; z-index: 5; height: 66px; border-radius: 10px; }.uncoder .uncoder-f7kyqxf { font-weight: 600; }@media (max-width:1199px){.uncoder .uncoder-a51x609{--uncoder-gap:38px;padding-top:134px;padding-right:40px;padding-bottom:50px;padding-left:40px}.uncoder .uncoder-ansm1xs{width:100%;max-width:100%}.uncoder .uncoder-b20wy41{--uncoder-grid-cols:repeat(2, minmax(0, 1fr))}.uncoder .uncoder-vvtodfj{--uncoder-gap:60px;padding-top:30px;padding-right:40px;padding-bottom:20px;padding-left:40px}.uncoder .uncoder-o66cvu8{--uncoder-gap:30px;padding-top:60px;padding-right:40px;padding-bottom:40px;padding-left:40px}.uncoder .uncoder-w5e4fwb{--uncoder-width:1280px;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}.uncoder .uncoder-upzdll9{--uncoder-grid-cols:repeat(2, minmax(0, 1fr))}.uncoder .uncoder-i4swfbo{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-iythrlb{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-mufblbx{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-fa82pvs{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}}@media (max-width:809px){.uncoder .uncoder-a51x609{--uncoder-gap:30px;padding-top:110px;padding-right:12px;padding-bottom:40px;padding-left:12px}.uncoder .uncoder-ansm1xs{width:100%;max-width:100%}.uncoder .uncoder-b20wy41{--uncoder-grid-cols:repeat(1, minmax(0, 1fr))}.uncoder .uncoder-vvtodfj{--uncoder-gap:40px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px}.uncoder .uncoder-o66cvu8{--uncoder-gap:30px;padding-top:40px;padding-right:16px;padding-bottom:30px;padding-left:16px}.uncoder .uncoder-w5e4fwb{--uncoder-width:100%;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}.uncoder .uncoder-upzdll9{--uncoder-grid-cols:repeat(1, minmax(0, 1fr))}.uncoder .uncoder-i4swfbo{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-iythrlb{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-mufblbx{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}.uncoder .uncoder-fa82pvs{padding-top:31px;padding-right:0;padding-bottom:0;padding-left:0}}