.theme {
color-scheme: var(--TWF4rw)
}
html {
scroll-behavior: smooth;
}
a {
text-decoration: none;
}
.light {
--TWF4rw: light;
--tN1MMA: #00c4cc;
--_mHLrA: #8b3dff;
--s0dOYA: #7300e6;
--t-i8hw: #5100a8;
--6899sQ: rgba(64, 87, 109, .07);
--4Yobmg: #fff;
--9QR_hg: rgba(36, 49, 61, .4);
--K12xjw: rgba(64, 87, 109, .07);
--B2THfg: rgba(57, 76, 96, .15);
--QYA_-A: rgba(53, 71, 90, .2);
--ctGD3w: rgba(64, 87, 109, .07);
--_T63JA: #0d1216;
--oXjekw: rgba(36, 49, 61, .4);
--sz5W9A: rgba(13, 18, 22, 0);
--8ZR-UA: rgba(64, 87, 109, .07);
--H8nEqw: rgba(57, 76, 96, .15);
--zuehrg: rgba(13, 18, 22, 0);
--fgALUw: #0d1216;
--n4L1sw: rgba(36, 49, 61, .4);
--S_zKBQ: rgba(17, 23, 29, .6);
--fPN_wg: rgba(13, 18, 22, .7);
--voBvjA: rgba(13, 18, 22, .86);
--VGxehA: rgba(17, 23, 29, .6);
--QErhlg: #fff;
--6kDNlA: hsla(0, 0%, 100%, .7);
--pyoCYg: rgba(57, 76, 96, .15);
--sXgitQ: rgba(43, 59, 74, .3);
--XGNWMw: rgba(57, 76, 96, .15);
--mgNb9w: rgba(57, 76, 96, .15);
--COXgsg: rgba(64, 87, 109, .07);
--GZwQFw: #fff;
--Do4LcA: #0d1216;
--BbP6vg: hsla(0, 0%, 100%, .5);
--cqkW_A: #008009;
--KIMsqg: #489d4a;
--6iD-Rg: #00660e;
--ykfPVA: rgba(64, 87, 109, .07);
--1GR_Og: #c1e7c2;
--P3bemg: #fff;
--7Jsj3A: #0d1216;
--Rd25lA: rgba(36, 49, 61, .4);
--DP6qqQ: #1a62ff;
--WJ9xxQ: #2e8cff;
--kJFizQ: #004bcc;
--YOy1kQ: rgba(64, 87, 109, .07);
--axckVg: #c2deff;
--TjZ4gg: #fff;
--ypAvbQ: #0d1216;
--yuDW1w: rgba(36, 49, 61, .4);
--xQOmAw: #ad5a00;
--SPKoBQ: #d17600;
--fNNFfQ: #8a4500;
--zbbe8w: rgba(64, 87, 109, .07);
--wpHozg: #ffd7a8;
--XPPBAg: #fff;
--a01w0A: #0d1216;
--vmcmsg: rgba(36, 49, 61, .4);
--IKngdQ: #db1436;
--IIHy3Q: #ff4757;
--9xoqAg: #b30024;
--rxOvlQ: rgba(64, 87, 109, .07);
--k8LaaQ: #ffd1d3;
--6hn8OQ: #fff;
--XRo-NQ: #0d1216;
--pEA5jw: rgba(36, 49, 61, .4);
--gUe8Cg: #ebecf0;
--M1YLEg: rgba(235, 236, 240, .7);
--fFUAeA: rgba(235, 236, 240, 0);
--qK3n8w: #f4f4f6;
--jipWxQ: rgba(244, 244, 246, .7);
--OrGhJg: rgba(244, 244, 246, 0);
--bDblYw: #fff;
--YlBJZQ: hsla(0, 0%, 100%, .7);
--Y5hieQ: hsla(0, 0%, 100%, 0);
--TlUudQ: #fff;
--mMe_UA: hsla(0, 0%, 100%, .7);
--4Svp9Q: hsla(0, 0%, 100%, 0);
--pUV7hA: #0d1216;
--FTyzZQ: rgba(13, 18, 22, .86);
--fSfh3A: rgba(13, 18, 22, .7);
--Ya2EDg: rgba(17, 23, 29, .6);
---VkLcA: #008009;
--2sYJaA: #1a62ff;
--uYOVog: #ad5a00;
--05tvjQ: #db1436;
--U8IpiA: #b30024;
--gIHunw: #db1436;
--tkbyNg: #8b3dff;
--elFFpw: #7300e6;
--3zRlag: #8b3dff;
--7hnsIg: rgba(43, 59, 74, .3);
--hmBz5w: rgba(28, 39, 48, .5);
--3j0O2w: #8b3dff;
--6qQCNQ: rgba(57, 76, 96, .15);
--CgOmqg: #db1436;
--OHlWbw: rgba(57, 76, 96, .15);
--6TS0wQ: rgba(28, 39, 48, .5);
--bIodnw: rgba(28, 39, 48, .5)
}
.dark {
--TWF4rw: dark;
--tN1MMA: #00c4cc;
--_mHLrA: #8b3dff;
--s0dOYA: #7300e6;
--t-i8hw: #5100a8;
--6899sQ: hsla(0, 0%, 100%, .07);
--4Yobmg: #fff;
--9QR_hg: hsla(0, 0%, 100%, .4);
--K12xjw: hsla(0, 0%, 100%, .07);
--B2THfg: hsla(0, 0%, 100%, .15);
--QYA_-A: hsla(0, 0%, 100%, .2);
--ctGD3w: hsla(0, 0%, 100%, .07);
--_T63JA: #fff;
--oXjekw: hsla(0, 0%, 100%, .4);
--sz5W9A: hsla(0, 0%, 100%, 0);
--8ZR-UA: hsla(0, 0%, 100%, .07);
--H8nEqw: hsla(0, 0%, 100%, .15);
--zuehrg: hsla(0, 0%, 100%, 0);
--fgALUw: #fff;
--n4L1sw: hsla(0, 0%, 100%, .4);
--S_zKBQ: rgba(17, 23, 29, .6);
--fPN_wg: rgba(13, 18, 22, .7);
--voBvjA: rgba(13, 18, 22, .86);
--VGxehA: rgba(17, 23, 29, .6);
--QErhlg: #fff;
--6kDNlA: hsla(0, 0%, 100%, .4);
--pyoCYg: hsla(0, 0%, 100%, .15);
--sXgitQ: hsla(0, 0%, 100%, .3);
--XGNWMw: hsla(0, 0%, 100%, .15);
--mgNb9w: hsla(0, 0%, 100%, .15);
--COXgsg: hsla(0, 0%, 100%, .07);
--GZwQFw: #fff;
--Do4LcA: #fff;
--BbP6vg: hsla(0, 0%, 100%, .4);
--cqkW_A: #008009;
--KIMsqg: #489d4a;
--6iD-Rg: #00660e;
--ykfPVA: hsla(0, 0%, 100%, .07);
--1GR_Og: #004704;
--P3bemg: #fff;
--7Jsj3A: #fff;
--Rd25lA: hsla(0, 0%, 100%, .4);
--DP6qqQ: #1a62ff;
--WJ9xxQ: #2e8cff;
--kJFizQ: #004bcc;
--YOy1kQ: hsla(0, 0%, 100%, .07);
--axckVg: #003699;
--TjZ4gg: #fff;
--ypAvbQ: #fff;
--yuDW1w: hsla(0, 0%, 100%, .4);
--xQOmAw: #ad5a00;
--SPKoBQ: #d17600;
--fNNFfQ: #8a4500;
--zbbe8w: hsla(0, 0%, 100%, .07);
--wpHozg: #612f00;
--XPPBAg: #fff;
--a01w0A: #fff;
--vmcmsg: hsla(0, 0%, 100%, .4);
--IKngdQ: #db1436;
--IIHy3Q: #ff4757;
--9xoqAg: #b30024;
--rxOvlQ: hsla(0, 0%, 100%, .07);
--k8LaaQ: #800013;
--6hn8OQ: #fff;
--XRo-NQ: #fff;
--pEA5jw: hsla(0, 0%, 100%, .4);
--gUe8Cg: #0d1216;
--M1YLEg: rgba(13, 18, 22, .7);
--fFUAeA: rgba(13, 18, 22, 0);
--qK3n8w: #18191b;
--jipWxQ: rgba(24, 25, 27, .7);
--OrGhJg: rgba(24, 25, 27, 0);
--bDblYw: #18191b;
--YlBJZQ: rgba(24, 25, 27, .7);
--Y5hieQ: rgba(24, 25, 27, 0);
--TlUudQ: #252627;
--mMe_UA: rgba(37, 38, 39, .7);
--4Svp9Q: rgba(37, 38, 39, 0);
--pUV7hA: hsla(0, 0%, 100%, .9);
--FTyzZQ: hsla(0, 0%, 100%, .8);
--fSfh3A: hsla(0, 0%, 100%, .7);
--Ya2EDg: hsla(0, 0%, 100%, .5);
---VkLcA: #75b376;
--2sYJaA: #61a8ff;
--uYOVog: #e69100;
--05tvjQ: #ff4757;
--U8IpiA: #ff7a85;
--gIHunw: #ff4757;
--tkbyNg: #9e77f3;
--elFFpw: #ae9be4;
--3zRlag: #9e77f3;
--7hnsIg: hsla(0, 0%, 100%, .3);
--hmBz5w: hsla(0, 0%, 100%, .5);
--3j0O2w: #9e77f3;
--6qQCNQ: hsla(0, 0%, 100%, .15);
--CgOmqg: #ff4757;
--OHlWbw: hsla(0, 0%, 100%, .15);
--6TS0wQ: hsla(0, 0%, 100%, .4);
--bIodnw: rgba(28, 39, 48, .5)
}
.NqU4Yg,
._9HetvA {
position: relative
}
._9HetvA {
z-index: 0
}
._4A33GA {
-ms-interpolation-mode: nearest-neighbor;
border: 8px solid #fff;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
width: calc(100% - 16px)
}
.dXLCMQ {
border: none;
width: 100%
}
._9Mb__A {
border: 0;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0
}
.TsqTMg {
justify-content: normal
}
.VpI6pA {
justify-content: center
}
._NLu4Q {
justify-content: start
}
.WkHsXQ {
justify-content: flex-start
}
.KWHRmg {
justify-content: end
}
._6Wu_wQ {
justify-content: flex-end
}
._9Jwa9A {
justify-content: space-between
}
.SdPLvg {
align-items: stretch
}
.PbKupw {
align-items: center
}
.IQbIXQ {
align-items: start
}
.Pv4hww {
align-items: flex-start
}
.l14TtA {
align-items: end
}
.pjmL_Q {
align-items: flex-end
}
.light {
--YkBpzA: #f4f4f6
}
.dark {
--YkBpzA: hsla(0, 0%, 100%, .15)
}
._6hNByg {
background-image: linear-gradient(45deg, var(--YkBpzA) 25%, transparent 25%), linear-gradient(-45deg, var(--YkBpzA) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--YkBpzA) 75%), linear-gradient(-45deg, transparent 75%, var(--YkBpzA) 75%);
background-position: 0 0, 0 8px, 8px -8px, -8px 0;
background-size: 16px 16px
}
.aX9btg {
background-color: var(--gUe8Cg)
}
.ZEndSQ {
background-color: var(--qK3n8w)
}
.wQiklw {
background-color: var(--bDblYw)
}
.fc3CUQ {
background-color: var(--TlUudQ)
}
.h__gXw {
background-color: var(--S_zKBQ);
color: var(--QErhlg)
}
.wBo5Rg {
background-color: var(--pyoCYg);
color: var(--GZwQFw)
}
.I1h30A {
background-color: var(--cqkW_A);
color: var(--P3bemg)
}
.hexUkw {
background-color: var(--DP6qqQ);
color: var(--TjZ4gg)
}
._22NbMQ {
background-color: var(--xQOmAw);
color: var(--XPPBAg)
}
.NgbqGg {
background-color: var(--IKngdQ);
color: var(--6hn8OQ)
}
.KPbOuA {
background-color: var(--COXgsg);
color: var(--Do4LcA)
}
.m4tMzw {
background-color: var(--1GR_Og);
color: var(--7Jsj3A)
}
.psKiqQ {
background-color: var(--axckVg);
color: var(--ypAvbQ)
}
.x_5b0w {
background-color: var(--wpHozg);
color: var(--a01w0A)
}
._2Z172g {
background-color: var(--k8LaaQ);
color: var(--XRo-NQ)
}
.zjPCFw {
color: var(--pUV7hA)
}
.t0mv6A {
border-radius: 4px
}
.qu_Biw {
border-radius: 8px
}
.OtBNHw {
border: 1px solid var(--7hnsIg)
}
.hrsBOw {
border: 1px solid var(--CgOmqg)
}
.EC6hTQ {
border: 1px solid var(--OHlWbw)
}
.keg_3A {
border-top: 1px solid var(--7hnsIg)
}
.RpYW_Q {
border-top: 1px solid var(--CgOmqg)
}
.aeqzYg {
border-top: 1px solid var(--OHlWbw)
}
.T8UoVw {
border-top: none
}
.gV_Ojg {
border-bottom: 1px solid var(--7hnsIg)
}
.EGExeg {
border-bottom: 1px solid var(--CgOmqg)
}
.KrA0iw {
border-bottom: 1px solid var(--OHlWbw)
}
.RU88Kw {
border-bottom: none
}
.xZ47EA {
border-left: 1px solid var(--7hnsIg)
}
.UaHM0g {
border-left: 1px solid var(--CgOmqg)
}
.cGOw8g {
border-left: 1px solid var(--OHlWbw)
}
._640L2g {
border-left: none
}
.zjHSZQ {
border-right: 1px solid var(--7hnsIg)
}
.tLTHsw {
border-right: 1px solid var(--CgOmqg)
}
.ucVFnw {
border-right: 1px solid var(--OHlWbw)
}
.dWcMsw {
border-right: none
}
.hrs7_w {
--c5dMaQ: block;
--OqCtHA: var(--c5dMaQ);
display: var(--OqCtHA)
}
@media (min-width:600px) {
.hrs7_w {
--4MHxWQ: var(--c5dMaQ);
--OqCtHA: var(--4MHxWQ)
}
}
@media (min-width:900px) {
.hrs7_w {
--KZ3Hhw: var(--4MHxWQ);
--OqCtHA: var(--KZ3Hhw)
}
}
@media (min-width:1200px) {
.hrs7_w {
--nUX9LA: var(--KZ3Hhw);
--OqCtHA: var(--nUX9LA)
}
}
._U8fUQ {
--PzLufg: row;
--cNqEOQ: var(--PzLufg);
flex-direction: var(--cNqEOQ)
}
@media (min-width:600px) {
._U8fUQ {
--Anz95w: var(--PzLufg);
--cNqEOQ: var(--Anz95w)
}
}
@media (min-width:900px) {
._U8fUQ {
--NQBKPA: var(--Anz95w);
--cNqEOQ: var(--NQBKPA)
}
}
@media (min-width:1200px) {
._U8fUQ {
--Xrl_cQ: var(--NQBKPA);
--cNqEOQ: var(--Xrl_cQ)
}
}
.BliqAQ {
flex-wrap: nowrap
}
.Wjtq6g {
flex-wrap: wrap
}
.iBrz7Q {
--IDRMrA: 0;
--DlmfJQ: var(--IDRMrA);
--W1UNIg: var(--DlmfJQ);
--rTxrUA: var(--W1UNIg);
--WM1TpQ: var(--DlmfJQ);
--HdzwWg: var(--WM1TpQ);
--gfRKFg: var(--HdzwWg);
--J2DuUA: var(--gfRKFg);
--Z87cwA: var(--HdzwWg);
--4fKldw: var(--Z87cwA);
--WIk9NA: var(--rTxrUA);
--a_BnEQ: var(--WIk9NA);
--hrDFvw: var(--rTxrUA);
--kxPYzA: var(--hrDFvw);
padding: var(--J2DuUA) var(--kxPYzA) var(--4fKldw) var(--a_BnEQ)
}
@media (min-width:600px) {
.iBrz7Q {
--HcbBGQ: var(--IDRMrA);
--DlmfJQ: var(--HcbBGQ);
--dT7Izg: var(--W1UNIg);
--rTxrUA: var(--dT7Izg);
--laZWoA: var(--WM1TpQ);
--HdzwWg: var(--laZWoA);
--1TZOrg: var(--gfRKFg);
--J2DuUA: var(--1TZOrg);
--MnjhxA: var(--Z87cwA);
--4fKldw: var(--MnjhxA);
--ZGZYgw: var(--WIk9NA);
--a_BnEQ: var(--ZGZYgw);
--awWmsg: var(--hrDFvw);
--kxPYzA: var(--awWmsg)
}
}
@media (min-width:900px) {
.iBrz7Q {
--fFzrcw: var(--HcbBGQ);
--DlmfJQ: var(--fFzrcw);
--XpVh8w: var(--dT7Izg);
--rTxrUA: var(--XpVh8w);
--rek3Qg: var(--laZWoA);
--HdzwWg: var(--rek3Qg);
--Pj52hg: var(--1TZOrg);
--J2DuUA: var(--Pj52hg);
--HLgPWQ: var(--MnjhxA);
--4fKldw: var(--HLgPWQ);
--J4WSww: var(--ZGZYgw);
--a_BnEQ: var(--J4WSww);
--BXpvUQ: var(--awWmsg);
--kxPYzA: var(--BXpvUQ)
}
}
@media (min-width:1200px) {
.iBrz7Q {
--DBU1SA: var(--fFzrcw);
--DlmfJQ: var(--DBU1SA);
--T08ngA: var(--XpVh8w);
--rTxrUA: var(--T08ngA);
--FwtKUw: var(--rek3Qg);
--HdzwWg: var(--FwtKUw);
--Ecy8kA: var(--Pj52hg);
--J2DuUA: var(--Ecy8kA);
--b-6BaA: var(--HLgPWQ);
--4fKldw: var(--b-6BaA);
--fvJIMQ: var(--J4WSww);
--a_BnEQ: var(--fvJIMQ);
--mmXynA: var(--BXpvUQ);
--kxPYzA: var(--mmXynA)
}
}
._2vR8_A {
width: 100%
}
.q85gIQ {
height: 100%
}
.Atyd5A {
min-width: 0
}
.dsRW0w {
min-width: 44px
}
.VT8Eew {
min-height: 0
}
.C2SvLQ {
min-height: 44px
}
._pFsfA {
clip: rect(1px, 1px, 1px, 1px);
border: 0;
font-size: 0;
height: 1px;
left: 0;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
white-space: nowrap;
width: 1px
}
.dkWypw {
align-items: center;
box-sizing: border-box;
display: inline-flex
}
.dkWypw:before {
content: "\00200B";
line-height: 1;
width: 0
}
.dkWypw>svg {
display: block;
height: 100%;
width: 100%
}
.R3BUpw {
height: 12px;
width: 12px
}
.uRWxVA {
height: 16px;
width: 16px
}
.NA_Img {
height: 24px;
width: 24px
}
.JRkz2A {
height: 32px;
width: 32px
}
@-webkit-keyframes _vsOSw {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes _vsOSw {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
._6ti9_A {
-webkit-animation: _vsOSw .5s linear infinite;
animation: _vsOSw .5s linear infinite
}
[dir=rtl] .lmfTqA {
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.RMcv3A {
color: var(--pUV7hA)
}
.M1IlTw {
color: var(--FTyzZQ)
}
.EpS93g {
color: var(--fSfh3A)
}
._7_8FQQ {
color: var(---VkLcA)
}
.Tb7P_g {
color: var(--05tvjQ)
}
.R5PmNg {
display: block
}
.E_qVWQ {
display: grid;
height: 100%
}
.UKsLwg {
--d81tuA: 0px;
--_evPSA: var(--d81tuA);
--_f2RZA: var(--_evPSA);
--uN5Olw: var(--_f2RZA);
---XJdPg: var(--_evPSA);
--cmJCGw: var(---XJdPg);
--m4p2Fg: var(--cmJCGw);
--nukydw: var(--m4p2Fg);
--y_tmiQ: var(--cmJCGw);
--DmLGKA: var(--y_tmiQ);
--aC7RPg: var(--uN5Olw);
--v3-vuw: var(--aC7RPg);
--8jOFzw: var(--uN5Olw);
--AfHd2g: var(--8jOFzw);
margin: calc(var(--nukydw)*-1) calc(var(--AfHd2g)*-1) calc(var(--DmLGKA)*-1) calc(var(--v3-vuw)*-1)
}
@media (min-width:600px) {
.UKsLwg {
--pA9k0Q: var(--d81tuA);
--_evPSA: var(--pA9k0Q);
--JxqBKQ: var(--_f2RZA);
--uN5Olw: var(--JxqBKQ);
--cexnXA: var(---XJdPg);
--cmJCGw: var(--cexnXA);
--SyoK8A: var(--m4p2Fg);
--nukydw: var(--SyoK8A);
--AWdU8g: var(--y_tmiQ);
--DmLGKA: var(--AWdU8g);
--GMbdkg: var(--aC7RPg);
--v3-vuw: var(--GMbdkg);
--yFfMig: var(--8jOFzw);
--AfHd2g: var(--yFfMig)
}
}
@media (min-width:900px) {
.UKsLwg {
--A09Rkw: var(--pA9k0Q);
--_evPSA: var(--A09Rkw);
--wobD_A: var(--JxqBKQ);
--uN5Olw: var(--wobD_A);
--UbY7yg: var(--cexnXA);
--cmJCGw: var(--UbY7yg);
--i_am5A: var(--SyoK8A);
--nukydw: var(--i_am5A);
--ZhAQGw: var(--AWdU8g);
--DmLGKA: var(--ZhAQGw);
--YVAgIQ: var(--GMbdkg);
--v3-vuw: var(--YVAgIQ);
--U380IQ: var(--yFfMig);
--AfHd2g: var(--U380IQ)
}
}
@media (min-width:1200px) {
.UKsLwg {
--DAX6dQ: var(--A09Rkw);
--_evPSA: var(--DAX6dQ);
--L0OFKQ: var(--wobD_A);
--uN5Olw: var(--L0OFKQ);
--Nu-tCA: var(--UbY7yg);
--cmJCGw: var(--Nu-tCA);
--FC6D0g: var(--i_am5A);
--nukydw: var(--FC6D0g);
--yfcHCg: var(--ZhAQGw);
--DmLGKA: var(--yfcHCg);
--eEotWg: var(--YVAgIQ);
--v3-vuw: var(--eEotWg);
--3Bmi1g: var(--U380IQ);
--AfHd2g: var(--3Bmi1g)
}
}
.JyB_vw {
display: flex;
flex-direction: row
}
.JyB_vw.iOQN1A {
flex-direction: row-reverse
}
.yYw_FA {
box-sizing: border-box;
min-width: 0
}
.JyB_vw {
--O2ZAJA: flex-start;
--Opw1UQ: var(--O2ZAJA);
justify-content: var(--Opw1UQ)
}
@media (min-width:600px) {
.JyB_vw {
--bnwfcQ: var(--O2ZAJA);
--Opw1UQ: var(--bnwfcQ)
}
}
@media (min-width:900px) {
.JyB_vw {
--UrGl2A: var(--bnwfcQ);
--Opw1UQ: var(--UrGl2A)
}
}
@media (min-width:1200px) {
.JyB_vw {
--BFG-fg: var(--UrGl2A);
--Opw1UQ: var(--BFG-fg)
}
}
.JyB_vw {
--lTA5VA: flex-start;
--VRf5UQ: var(--lTA5VA);
align-items: var(--VRf5UQ)
}
@media (min-width:600px) {
.JyB_vw {
--HGHj3Q: var(--lTA5VA);
--VRf5UQ: var(--HGHj3Q)
}
}
@media (min-width:900px) {
.JyB_vw {
--xpVLyg: var(--HGHj3Q);
--VRf5UQ: var(--xpVLyg)
}
}
@media (min-width:1200px) {
.JyB_vw {
--Ge58dw: var(--xpVLyg);
--VRf5UQ: var(--Ge58dw)
}
}
.JyB_vw {
--75cQpg: 0;
--PtG4Iw: var(--75cQpg);
margin-left: calc(var(--PtG4Iw)*-1)
}
.JyB_vw>.yYw_FA {
padding-left: var(--PtG4Iw)
}
@media (min-width:600px) {
.JyB_vw {
--4ghcgw: var(--75cQpg);
--PtG4Iw: var(--4ghcgw)
}
}
@media (min-width:900px) {
.JyB_vw {
--Dt4gzQ: var(--4ghcgw);
--PtG4Iw: var(--Dt4gzQ)
}
}
@media (min-width:1200px) {
.JyB_vw {
--zkf92g: var(--Dt4gzQ);
--PtG4Iw: var(--zkf92g)
}
}
.VgLiiA {
flex: 1 1
}
.Zxv8Qg {
flex: 0 0 auto
}
.pS4gcg {
flex: 0 1 auto
}
.LDT63w {
flex: 0 0 50%
}
.mPgCSQ {
flex: 0 0 33.33333%
}
.Qjx7bA {
flex: 0 0 66.66667%
}
.AbPZ4Q {
flex: 0 0 25%
}
.YWYl0g {
flex: 0 0 75%
}
._0u5N_g {
flex: 0 0 20%
}
.g1FRrg {
flex: 0 0 40%
}
.qIs8zw {
flex: 0 0 60%
}
.Vjjmgg {
flex: 0 0 80%
}
.JyB_vw.puSleg {
flex-direction: column;
margin-left: 0
}
.JyB_vw.puSleg>.yYw_FA {
display: flex;
justify-content: var(--Opw1UQ);
padding-left: 0;
width: 100%
}
.JyB_vw.puSleg>.yYw_FA+.yYw_FA {
padding-top: var(--PtG4Iw)
}
@media (max-width:599px) {
.JyB_vw._1Cc5_A {
flex-direction: column;
margin-left: 0
}
.JyB_vw._1Cc5_A>.yYw_FA {
display: flex;
justify-content: var(--Opw1UQ);
padding-left: 0;
width: 100%
}
.JyB_vw._1Cc5_A>.yYw_FA+.yYw_FA {
padding-top: var(--PtG4Iw)
}
}
@media (max-width:899px) {
.JyB_vw.HwJ50w {
flex-direction: column;
margin-left: 0
}
.JyB_vw.HwJ50w>.yYw_FA {
display: flex;
justify-content: var(--Opw1UQ);
padding-left: 0;
width: 100%
}
.JyB_vw.HwJ50w>.yYw_FA+.yYw_FA {
padding-top: var(--PtG4Iw)
}
}
@media (max-width:1199px) {
.JyB_vw.hTnQ1g {
flex-direction: column;
margin-left: 0
}
.JyB_vw.hTnQ1g>.yYw_FA {
display: flex;
justify-content: var(--Opw1UQ);
padding-left: 0;
width: 100%
}
.JyB_vw.hTnQ1g>.yYw_FA+.yYw_FA {
padding-top: var(--PtG4Iw)
}
}
.J0BMlA {
margin: 0 auto;
width: 100%
}
._8P_pCw {
max-width: 752px
}
.zpMpeQ {
max-width: 1288px
}
.Ey7S7w {
--CyPAHw: 0;
--gnU-WA: var(--CyPAHw);
--uO6qOA: var(--gnU-WA);
--PL0egg: var(--gnU-WA);
--h6FJwg: var(--uO6qOA);
--YyQICg: var(--PL0egg);
grid-column-gap: var(--h6FJwg);
grid-row-gap: var(--YyQICg);
display: grid;
list-style: none;
margin: 0;
padding: 0;
width: 100%
}
@media (min-width:600px) {
.Ey7S7w {
--vBysyw: var(--CyPAHw);
--gnU-WA: var(--vBysyw);
--HMnpqA: var(--uO6qOA);
--h6FJwg: var(--HMnpqA);
--cZjJug: var(--PL0egg);
--YyQICg: var(--cZjJug)
}
}
@media (min-width:900px) {
.Ey7S7w {
--Q_Ypgg: var(--vBysyw);
--gnU-WA: var(--Q_Ypgg);
--hp4Wmg: var(--HMnpqA);
--h6FJwg: var(--hp4Wmg);
--BZKKEA: var(--cZjJug);
--YyQICg: var(--BZKKEA)
}
}
@media (min-width:1200px) {
.Ey7S7w {
--J3Gxbw: var(--Q_Ypgg);
--gnU-WA: var(--J3Gxbw);
--1eZRQw: var(--hp4Wmg);
--h6FJwg: var(--1eZRQw);
--5erHCQ: var(--BZKKEA);
--YyQICg: var(--5erHCQ)
}
}
.Ey7S7w {
--lBE9wA: 1;
--YQoq-A: var(--lBE9wA);
grid-template-columns: repeat(var(--YQoq-A), minmax(0, 1fr))
}
@media (min-width:600px) {
.Ey7S7w {
--uK7KPg: var(--lBE9wA);
--YQoq-A: var(--uK7KPg)
}
}
@media (min-width:900px) {
.Ey7S7w {
--9qFopA: var(--uK7KPg);
--YQoq-A: var(--9qFopA)
}
}
@media (min-width:1200px) {
.Ey7S7w {
--Keo8WA: var(--9qFopA);
--YQoq-A: var(--Keo8WA)
}
}
.Ey7S7w {
--AobuiQ: auto;
--6vvWhw: var(--AobuiQ);
grid-auto-rows: var(--6vvWhw)
}
@media (min-width:600px) {
.Ey7S7w {
--Du1HJw: var(--AobuiQ);
--6vvWhw: var(--Du1HJw)
}
}
@media (min-width:900px) {
.Ey7S7w {
--412emQ: var(--Du1HJw);
--6vvWhw: var(--412emQ)
}
}
@media (min-width:1200px) {
.Ey7S7w {
--FzlYJQ: var(--412emQ);
--6vvWhw: var(--FzlYJQ)
}
}
.Ey7S7w {
--GwVAmw: stretch;
--XJvI-g: var(--GwVAmw);
align-items: var(--XJvI-g)
}
@media (min-width:600px) {
.Ey7S7w {
--c12Yog: var(--GwVAmw);
--XJvI-g: var(--c12Yog)
}
}
@media (min-width:900px) {
.Ey7S7w {
--E59OIQ: var(--c12Yog);
--XJvI-g: var(--E59OIQ)
}
}
@media (min-width:1200px) {
.Ey7S7w {
--VQ4PRA: var(--E59OIQ);
--XJvI-g: var(--VQ4PRA)
}
}
.Ey7S7w {
--bXtIqA: stretch;
--eYG7HQ: var(--bXtIqA);
justify-items: var(--eYG7HQ)
}
@media (min-width:600px) {
.Ey7S7w {
--CX2usg: var(--bXtIqA);
--eYG7HQ: var(--CX2usg)
}
}
@media (min-width:900px) {
.Ey7S7w {
--9xQXZg: var(--CX2usg);
--eYG7HQ: var(--9xQXZg)
}
}
@media (min-width:1200px) {
.Ey7S7w {
--jDtzrg: var(--9xQXZg);
--eYG7HQ: var(--jDtzrg)
}
}
.k3zO6A {
display: flex;
flex-direction: column;
min-width: 0
}
.YTRpDQ {
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
pointer-events: none
}
.r7sYbA {
min-width: 0;
pointer-events: auto
}
.YTRpDQ {
--fiFOWA: start;
--KI6Myw: var(--fiFOWA);
justify-content: var(--KI6Myw)
}
@media (min-width:600px) {
.YTRpDQ {
--HacuPw: var(--fiFOWA);
--KI6Myw: var(--HacuPw)
}
}
@media (min-width:900px) {
.YTRpDQ {
--dpzVKQ: var(--HacuPw);
--KI6Myw: var(--dpzVKQ)
}
}
@media (min-width:1200px) {
.YTRpDQ {
--KEBArQ: var(--dpzVKQ);
--KI6Myw: var(--KEBArQ)
}
}
.YTRpDQ {
--MgpMsA: flex-start;
--xIOyGQ: var(--MgpMsA);
align-items: var(--xIOyGQ)
}
@media (min-width:600px) {
.YTRpDQ {
--DPDPEQ: var(--MgpMsA);
--xIOyGQ: var(--DPDPEQ)
}
}
@media (min-width:900px) {
.YTRpDQ {
--pWmzUg: var(--DPDPEQ);
--xIOyGQ: var(--pWmzUg)
}
}
@media (min-width:1200px) {
.YTRpDQ {
--hKmTzg: var(--pWmzUg);
--xIOyGQ: var(--hKmTzg)
}
}
.YTRpDQ {
--gx58Mg: 0;
--o1W0zQ: var(--gx58Mg);
margin-left: calc(var(--o1W0zQ)*-1);
margin-top: calc(var(--o1W0zQ)*-1)
}
.YTRpDQ>.r7sYbA {
margin-left: var(--o1W0zQ);
margin-top: var(--o1W0zQ)
}
@media (min-width:600px) {
.YTRpDQ {
--ZjxV6Q: var(--gx58Mg);
--o1W0zQ: var(--ZjxV6Q)
}
}
@media (min-width:900px) {
.YTRpDQ {
--pxHDKg: var(--ZjxV6Q);
--o1W0zQ: var(--pxHDKg)
}
}
@media (min-width:1200px) {
.YTRpDQ {
--pA2fxQ: var(--pxHDKg);
--o1W0zQ: var(--pA2fxQ)
}
}
.YTRpDQ.zNjj3w {
flex-direction: column;
margin-left: 0
}
.YTRpDQ.zNjj3w>.r7sYbA {
display: flex;
justify-content: var(--KI6Myw);
margin-left: 0;
width: 100%
}
@media (max-width:599px) {
.YTRpDQ.uL7Tkw {
flex-direction: column;
margin-left: 0
}
.YTRpDQ.uL7Tkw>.r7sYbA {
display: flex;
justify-content: var(--KI6Myw);
margin-left: 0;
width: 100%
}
}
@media (max-width:899px) {
.YTRpDQ.eQVXow {
flex-direction: column;
margin-left: 0
}
.YTRpDQ.eQVXow>.r7sYbA {
display: flex;
justify-content: var(--KI6Myw);
margin-left: 0;
width: 100%
}
}
@media (max-width:1199px) {
.YTRpDQ.PxCQMw {
flex-direction: column;
margin-left: 0
}
.YTRpDQ.PxCQMw>.r7sYbA {
display: flex;
justify-content: var(--KI6Myw);
margin-left: 0;
width: 100%
}
}
.x6XCCg {
--zX6m4Q: 0;
--YgqEqA: var(--zX6m4Q);
grid-row-gap: var(--YgqEqA);
display: grid;
grid-template-columns: minmax(0, 1fr);
list-style: none;
margin: 0;
padding: 0;
width: 100%
}
@media (min-width:600px) {
.x6XCCg {
--J1XsiA: var(--zX6m4Q);
--YgqEqA: var(--J1XsiA)
}
}
@media (min-width:900px) {
.x6XCCg {
--t5aQ1A: var(--J1XsiA);
--YgqEqA: var(--t5aQ1A)
}
}
@media (min-width:1200px) {
.x6XCCg {
--UsUcKw: var(--t5aQ1A);
--YgqEqA: var(--UsUcKw)
}
}
.x6XCCg {
--8fDECA: stretch;
--OxeOwA: var(--8fDECA);
justify-items: var(--OxeOwA)
}
@media (min-width:600px) {
.x6XCCg {
--7a0kOg: var(--8fDECA);
--OxeOwA: var(--7a0kOg)
}
}
@media (min-width:900px) {
.x6XCCg {
--RF2POA: var(--7a0kOg);
--OxeOwA: var(--RF2POA)
}
}
@media (min-width:1200px) {
.x6XCCg {
--DfH7SA: var(--RF2POA);
--OxeOwA: var(--DfH7SA)
}
}
.myA6QQ {
display: block;
flex-shrink: 0
}
.myA6QQ._HvVQA {
display: inline-block;
height: auto;
min-height: 1px
}
.myA6QQ._7WVXhA {
min-width: 1px;
width: auto
}
.myA6QQ {
--p1bKXQ: 0;
--DrRQxw: var(--p1bKXQ);
height: var(--DrRQxw);
width: var(--DrRQxw)
}
@media (min-width:600px) {
.myA6QQ {
--9wKxyQ: var(--p1bKXQ);
--DrRQxw: var(--9wKxyQ)
}
}
@media (min-width:900px) {
.myA6QQ {
--vkdbjA: var(--9wKxyQ);
--DrRQxw: var(--vkdbjA)
}
}
@media (min-width:1200px) {
.myA6QQ {
--L-oeZw: var(--vkdbjA);
--DrRQxw: var(--L-oeZw)
}
}
._1aH35Q {
left: 0;
position: fixed;
top: 0
}
._8VoL_g [disabled] {
pointer-events: none
}
.iv61qQ {
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw
}
.cLQw1w {
position: absolute
}
.qHnBdw,
.yoNTzg {
pointer-events: none
}
[x-placement^=top] .cLQw1w {
bottom: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
[x-placement^=right] .cLQw1w {
left: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
[x-placement^=bottom] .cLQw1w {
top: 0
}
[x-placement^=left] .cLQw1w {
right: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.KKk0xQ {
background-color: rgba(28, 39, 48, .5)
}
.DcyBDA,
.HJPvcg {
height: 100%
}
.DcyBDA {
display: flex;
place-items: center;
width: 100%
}
@font-face {
font-display: swap;
font-family: Noto Sans Variable;
font-style: normal;
font-weight: 125 950;
src: url("621675e6be83f675d33562d2ff7a0f63.woff2") format("woff2");
unicode-range: u+06??
}
@font-face {
font-display: swap;
font-family: Noto Sans Variable;
font-style: normal;
font-weight: 125 950;
src: url("762fe37b99d49707e783d6281412d12f.woff2") format("woff2");
unicode-range: u+0590-05ff
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 400;
src: url("d83221ee6a6841b17a754f68b6c5a3de.woff2") format("woff2");
unicode-range: u+0900-097f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
src: url("e237b20d624e9275cdc02a523ab7f983.woff2") format("woff2");
unicode-range: u+0900-097f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
src: url("3b5447850810ff964de17bcd37e03d5a.woff2") format("woff2");
unicode-range: u+0900-097f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 400;
src: url("a13025bc22c0d623507f155005c54563.woff2") format("woff2"), url("ad480883f297c3606af00979ee4c4483.woff") format("woff");
unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
src: url("477aad26d9a5a64609483931aa0a7a05.woff2") format("woff2"), url("0e2be7bf67e32755fd73a605a2afd13b.woff") format("woff");
unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
src: url("85b2d625d97d50571765987bbac33850.woff2") format("woff2"), url("3f03afd80eaf13ee58a7d0945b7d0963.woff") format("woff");
unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 400;
src: url("02bba2de1b5f7fc3b564b21521e774d0.woff2") format("woff2"), url("163124370f3e2ded710887a156ab3fa3.woff") format("woff");
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
src: url("0b41617d3a05bbbe23065ec719e26fd1.woff2") format("woff2"), url("650cef2d886ef4ca5c18d3c107546daf.woff") format("woff");
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
src: url("d4b0974727cae80b9c6d087e56a9a4e4.woff2") format("woff2"), url("771cbf29ddc3145dda326afee4b10fb8.woff") format("woff");
unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 400;
src: url("6c9b9f4b28322c7473667e0fc1690675.woff2") format("woff2"), url("79359a454d1de78942f3c2c687fc67ea.woff") format("woff");
unicode-range: u+1f??
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
src: url("a8f52f1cd47135bfc86b1f313868708d.woff2") format("woff2"), url("e3e13973dcf74ace522a4b8ef447a7de.woff") format("woff");
unicode-range: u+1f??
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
src: url("ca4237378da57e1e318978281e7fee60.woff2") format("woff2"), url("d7669ff2d0106ad99a7a55c4d540478c.woff") format("woff");
unicode-range: u+1f??
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 400;
src: url("d56fc13fe0dc1327dceed816b07dbec3.woff2") format("woff2"), url("311ec631b3b3a7f88c724351af8bcef4.woff") format("woff");
unicode-range: u+0370-03ff
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
src: url("c9972caeca3358fa2841a115105a8544.woff2") format("woff2"), url("c3a91206711602c9b5f54e9514244e64.woff") format("woff");
unicode-range: u+0370-03ff
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
src: url("dafb7fee1db6b7ae9b1184239b11acf5.woff2") format("woff2"), url("d6cbb5c42a1149e38e1fb7a238032bc8.woff") format("woff");
unicode-range: u+0370-03ff
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 400;
src: url("964b01a520402dcf8405de90289c35f4.woff2") format("woff2"), url("4badd42f0e1cdba66ffbd5cc91aa4365.woff") format("woff");
unicode-range: u+017f, u+01f0, u+01fa-01fb, u+01fe-01ff, u+1e00-1e01, u+1e3e-1e3f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
src: url("58cf708f2cc4d2b3bbf7e6add25f5c20.woff2") format("woff2"), url("4f9f09e9c9bc053cc21f7cf7f5590904.woff") format("woff");
unicode-range: u+017f, u+01f0, u+01fa-01fb, u+01fe-01ff, u+1e00-1e01, u+1e3e-1e3f
}
@font-face {
font-display: swap;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
src: url("4bdcf0ce1296b448409c024e57fdcdb9.woff2") format("woff2"), url("005dabb12cdb5c5deabd1782c3ff196d.woff") format("woff");
unicode-range: u+017f, u+01f0, u+01fa-01fb, u+01fe-01ff, u+1e00-1e01, u+1e3e-1e3f
}
@font-face {
font-display: swap;
font-family: Noto Sans Vietnamese;
font-style: normal;
font-weight: 400;
src: url("") format("woff2"), url("") format("woff");
unicode-range: u+0020-005f, u+0061-007a, u+007c, u+00a0, u+00a7, u+00a9, u+00c0-00c3, u+00c8-00ca, u+00cc-00cd, u+00d2-00d5, u+00d9-00da, u+00dd, u+00e0-00e3, u+00e8-00ea, u+00ec-00ed, u+00f2-00f5, u+00f9-00fa, u+00fd, u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0303, u+0306, u+0309, u+031b, u+0323, u+1ea0-1ef9, u+2010-2011, u+2013-2014, u+2018-2019, u+201c-201d, u+2020-2021, u+2026, u+2030, u+20ab
}
@font-face {
font-display: swap;
font-family: Noto Sans Vietnamese;
font-style: normal;
font-weight: 600;
src: url("") format("woff2"), url("") format("woff");
unicode-range: u+0020-005f, u+0061-007a, u+007c, u+00a0, u+00a7, u+00a9, u+00c0-00c3, u+00c8-00ca, u+00cc-00cd, u+00d2-00d5, u+00d9-00da, u+00dd, u+00e0-00e3, u+00e8-00ea, u+00ec-00ed, u+00f2-00f5, u+00f9-00fa, u+00fd, u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0303, u+0306, u+0309, u+031b, u+0323, u+1ea0-1ef9, u+2010-2011, u+2013-2014, u+2018-2019, u+201c-201d, u+2020-2021, u+2026, u+2030, u+20ab
}
@font-face {
font-display: swap;
font-family: Noto Sans Vietnamese;
font-style: normal;
font-weight: 700;
src: url("") format("woff2"), url("") format("woff");
unicode-range: u+0020-005f, u+0061-007a, u+007c, u+00a0, u+00a7, u+00a9, u+00c0-00c3, u+00c8-00ca, u+00cc-00cd, u+00d2-00d5, u+00d9-00da, u+00dd, u+00e0-00e3, u+00e8-00ea, u+00ec-00ed, u+00f2-00f5, u+00f9-00fa, u+00fd, u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0303, u+0306, u+0309, u+031b, u+0323, u+1ea0-1ef9, u+2010-2011, u+2013-2014, u+2018-2019, u+201c-201d, u+2020-2021, u+2026, u+2030, u+20ab
}
.fP4ZCw {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always
}
.l864gg {
word-wrap: break-word;
margin: 0;
overflow-wrap: break-word
}
.KZvVOQ {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.GHIRjw {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.upnMoA {
-webkit-user-select: text;
-ms-user-select: text;
user-select: text
}
._07xgLQ {
text-transform: uppercase
}
.Kq7YBg,
._5b_6kw,
._7jXbVQ,
.wp6_yg {
-webkit-font-feature-settings: "ss02", "ss03";
font-feature-settings: "ss02", "ss03";
font-variation-settings: "opsz" 100
}
._t3DlQ,
.dZ_cFg,
.lnCPoA {
font-variation-settings: "opsz" 0
}
.Kq7YBg,
._5b_6kw,
._7jXbVQ,
._t3DlQ,
.dZ_cFg,
.lnCPoA,
.wp6_yg {
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
font-family: Canva Sans, Noto Sans Variable, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
overflow-wrap: break-word
}
[lang|=vi] .CWAxhQ,
[lang|=vi] .Kq7YBg,
[lang|=vi] .WjysGQ,
[lang|=vi] ._5NHXTA,
[lang|=vi] ._5RSqIg,
[lang|=vi] ._5b_6kw,
[lang|=vi] ._7jXbVQ,
[lang|=vi] ._t3DlQ,
[lang|=vi] .dZ_cFg,
[lang|=vi] .fFOiLQ,
[lang|=vi] .fT3APQ,
[lang|=vi] .fXODMg,
[lang|=vi] .lnCPoA,
[lang|=vi] .ohuHrQ,
[lang|=vi] .rNuqRA,
[lang|=vi] .tYI0Vw,
[lang|=vi] .wp6_yg {
font-family: Noto Sans Vietnamese, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif
}
.Kq7YBg {
font-size: 6.4rem;
line-height: 8.4rem
}
._5b_6kw {
font-size: 4.8rem;
line-height: 6.4rem
}
._7jXbVQ {
font-size: 3.2rem;
line-height: 4.2rem
}
.wp6_yg {
font-size: 2.4rem;
line-height: 3.2rem
}
.lnCPoA {
font-size: 1.8rem;
line-height: 2.4rem
}
.dZ_cFg {
font-size: 1.4rem;
font-weight: 600;
line-height: 2rem
}
._t3DlQ {
font-size: 1.2rem;
font-weight: 600;
line-height: 1.8rem
}
.CWAxhQ,
.WjysGQ,
._5NHXTA,
._5RSqIg,
.fFOiLQ,
.fT3APQ,
.fXODMg,
.ohuHrQ,
.rNuqRA,
.tYI0Vw {
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
font-family: Canva Sans, Noto Sans Variable, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
font-variation-settings: "opsz" 0;
font-weight: 400;
margin: 0;
overflow-wrap: break-word
}
.ohuHrQ {
font-size: 2.4rem;
line-height: 3.6rem
}
.WjysGQ {
font-size: 2.1rem;
line-height: 3.2rem
}
.fT3APQ,
.rNuqRA {
font-size: 1.6rem;
line-height: 2.6rem
}
.fFOiLQ,
.tYI0Vw {
font-size: 1.4rem;
line-height: 2.2rem
}
._5NHXTA,
._5RSqIg {
font-size: 1.2rem;
line-height: 2rem
}
.CWAxhQ,
.fXODMg {
font-size: 1rem;
font-weight: 600;
line-height: 1.6rem
}
.fFOiLQ b,
.fFOiLQ strong,
.fT3APQ,
.rNuqRA b,
.rNuqRA strong,
.tYI0Vw {
font-weight: 600
}
.tYI0Vw b,
.tYI0Vw strong {
font-weight: 700
}
.CWAxhQ b,
.CWAxhQ strong,
._5NHXTA,
._5RSqIg b,
._5RSqIg strong,
.fXODMg {
font-weight: 600
}
@media (max-width:599px) {
.Kq7YBg {
font-size: 4.8rem;
line-height: 6.4rem
}
._5b_6kw {
font-size: 3.2rem;
line-height: 4.2rem
}
._7jXbVQ {
font-size: 2.4rem;
line-height: 3.2rem
}
.wp6_yg {
font-size: 2rem;
line-height: 2.6rem
}
.lnCPoA {
font-size: 1.6rem;
line-height: 2.4rem
}
.ohuHrQ {
font-size: 2.1rem;
line-height: 3.2rem
}
.WjysGQ {
font-size: 1.8rem;
line-height: 2.8rem
}
}
._2xcaIA:not(:last-child) {
margin-bottom: 8px
}
.IjX3ng {
text-align: inherit
}
._5Ob_nQ {
text-align: start
}
.ZSdr0w {
text-align: center
}
.IEHv4A {
text-align: end
}
.fM_HdA {
color: var(--pUV7hA)
}
.KzArew {
color: var(--FTyzZQ)
}
._bsk3w {
color: var(--fSfh3A)
}
._4BwarQ {
color: var(--05tvjQ)
}
.CCfw7w {
color: inherit
}
.light {
---2C5tw: rgba(64, 87, 109, .07)
}
.dark {
---2C5tw: hsla(0, 0%, 100%, .15)
}
.OnooSw {
direction: ltr;
display: inline-flex
}
.OnooSw .c_8JMw {
margin: 0 2px
}
.OnooSw .c_8JMw:first-child {
margin-left: 0
}
.OnooSw .c_8JMw:last-child {
margin-right: 0
}
.c_8JMw {
border-radius: 4px;
box-sizing: border-box;
display: inline-block
}
.c_8JMw.pYax_Q {
height: 16px;
line-height: 16px;
padding: 0 4px
}
.c_8JMw.fO2LDQ {
height: 24px;
line-height: 24px;
padding: 0 8px
}
.c_8JMw.v3ioMw {
padding: 0;
text-align: center
}
.c_8JMw.pYax_Q.v3ioMw {
width: 16px
}
.c_8JMw.fO2LDQ.v3ioMw {
width: 24px
}
.c_8JMw {
background-color: var(---2C5tw);
color: var(--pUV7hA)
}
._69rf1g {
background: var(--TlUudQ);
border-radius: 4px;
box-shadow: inset 0 0 0 1px var(--OHlWbw);
box-sizing: border-box;
display: flex;
flex-direction: row;
max-width: 256px;
min-height: 24px;
padding: 4px 8px
}
.pHFEwQ {
margin: 8px
}
._0WqV4g,
._4GM3oQ {
overflow-wrap: anywhere
}
.lgzgPw {
display: block
}
.eDd_fA {
fill: #252627
}
.U1qCZw {
fill: hsla(0, 0%, 100%, .15)
}
.eLup6g {
top: 0
}
.IgfIxw,
.PuJTSg {
margin: 4px 0
}
.light {
--1IVhPQ: 0 0 0 1px rgba(64, 87, 109, .07), 0 2px 8px rgba(57, 76, 96, .15);
--v_jISQ: 0 0 0 1px rgba(64, 87, 109, .07), 0 2px 12px rgba(53, 71, 90, .2);
--MPmRHA: 0 0 0 1px rgba(64, 87, 109, .07), 0 2px 18px rgba(43, 59, 74, .3)
}
.dark {
--1IVhPQ: 0 0 0 1px #464747, 0 2px 8px rgba(13, 18, 22, .15);
--v_jISQ: 0 0 0 1px #464747, 0 2px 12px rgba(13, 18, 22, .2);
--MPmRHA: 0 0 0 1px #464747, 0 2px 18px rgba(13, 18, 22, .25)
}
.Ut_ecQ {
box-shadow: var(--1IVhPQ)
}
.TfRV3Q {
box-shadow: var(--v_jISQ)
}
.OdX8fA {
box-shadow: var(--MPmRHA)
}
.CA2Rbg {
background: none;
border: none;
color: inherit;
cursor: pointer;
font: inherit;
height: 100%;
margin: 0;
padding: 0;
text-transform: inherit;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.Qkd66A {
align-items: center;
border: 2px solid transparent;
border-radius: 4px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
height: 40px;
max-width: 100%;
min-width: 80px;
padding: 0 6px;
vertical-align: middle
}
.uRvRjQ.Qkd66A {
transition: background-color .1s linear, border-color .1s linear, color .1s linear
}
.cAKTHA {
display: block;
height: -webkit-fit-content;
height: fit-content;
min-height: 44px;
min-width: 44px;
width: -webkit-fit-content;
width: fit-content
}
.o4TrkA {
outline: none
}
.cclg9A,
.q3o1Qw {
min-width: unset
}
.q3o1Qw {
height: 24px;
padding: 0
}
.IS_6ew {
width: 24px
}
.bpNGqA {
height: 28px;
min-width: unset;
padding: 0 2px
}
.L21ACg {
width: 28px
}
.HySjhA {
height: 32px;
min-width: unset;
padding: 0 2px
}
.pgaA2w {
width: 32px
}
.lsXp_w {
height: 40px;
padding: 0 6px
}
._3AH3gw {
width: 40px
}
.bo4Vsg {
height: 64px;
padding: 0 14px
}
._b_1Qw {
width: 64px
}
.Qkd66A::-moz-focus-inner {
border: 0;
padding: 0
}
.Z1EmlA {
min-width: 0
}
.ubW6qw {
display: flex;
width: 100%
}
.fgQwew {
justify-content: start
}
.cwOZMg {
justify-content: center
}
._dzQow {
justify-content: end
}
.ZivLog {
cursor: not-allowed
}
.Qkd66A>._38oWvQ {
display: inline-block;
max-width: 100%;
overflow: hidden;
padding: 0 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.q3o1Qw>._38oWvQ {
line-height: 1;
padding: 0
}
.HySjhA>._38oWvQ {
padding: 0 4px
}
.bo4Vsg>._38oWvQ {
padding: 0 10px
}
.cwOZMg>._38oWvQ {
margin: auto
}
.cwOZMg.Eph8Hg>._38oWvQ,
.cwOZMg.jQBr6A>._38oWvQ {
flex: initial;
margin-left: 0;
margin-right: 0
}
.ubW6qw>._38oWvQ {
flex: 1 1
}
.ubW6qw.fgQwew>._38oWvQ {
text-align: start
}
.ubW6qw._dzQow>._38oWvQ {
text-align: end
}
.TcNIhA {
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: center
}
._nVMrw {
background: var(--TlUudQ);
border-radius: 50%;
width: -webkit-fit-content;
width: fit-content
}
.vTpjSg {
cursor: wait;
position: relative
}
._1oCVHg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.vTpjSg>.TcNIhA:not(._1oCVHg),
.vTpjSg>._38oWvQ {
opacity: 0
}
.uRvRjQ>.TcNIhA:not(._1oCVHg),
.uRvRjQ>._38oWvQ {
transition: opacity .15s ease-in-out
}
.zKTE_w {
background-color: var(--_mHLrA);
color: var(--4Yobmg);
outline-offset: 4px
}
.zKTE_w.Di_DSA {
background-color: var(--t-i8hw)
}
.zKTE_w.zQlusQ:hover {
background-color: var(--s0dOYA)
}
.zKTE_w.zKTE_w:active {
background-color: var(--t-i8hw)
}
.zKTE_w.zKTE_w.vTpjSg {
background-color: var(--_mHLrA)
}
.zKTE_w.zKTE_w.ZivLog {
background-color: var(--6899sQ);
color: var(--9QR_hg)
}
.EQcUPw {
background-color: hsla(0, 0%, 100%, .9);
color: #0d1216
}
.EQcUPw.Di_DSA {
background-color: hsla(0, 0%, 100%, .8)
}
.EQcUPw.zQlusQ:hover {
background-color: #fff
}
.EQcUPw.EQcUPw:active {
background-color: hsla(0, 0%, 100%, .8)
}
.EQcUPw.vTpjSg.vTpjSg {
background-color: hsla(0, 0%, 100%, .9)
}
.EQcUPw.ZivLog.ZivLog {
background-color: hsla(0, 0%, 100%, .15);
color: hsla(0, 0%, 100%, .7)
}
.NT2yCg {
background-color: var(--K12xjw);
color: var(--_T63JA)
}
.NT2yCg.Di_DSA {
background-color: var(--QYA_-A)
}
.NT2yCg.zQlusQ:hover {
background-color: var(--B2THfg)
}
.NT2yCg.NT2yCg:active {
background-color: var(--QYA_-A)
}
.NT2yCg.NT2yCg.vTpjSg {
background-color: var(--K12xjw)
}
.NT2yCg.NT2yCg.ZivLog {
background-color: var(--ctGD3w);
color: var(--oXjekw)
}
.N5T7iw {
background-color: hsla(0, 0%, 100%, .15);
color: #fff
}
.N5T7iw.Di_DSA {
background-color: hsla(0, 0%, 100%, .2)
}
.N5T7iw.zQlusQ:hover {
background-color: hsla(0, 0%, 100%, .15)
}
.N5T7iw.N5T7iw:active {
background-color: hsla(0, 0%, 100%, .2)
}
.N5T7iw.ZivLog.ZivLog,
.N5T7iw.vTpjSg.vTpjSg {
background-color: hsla(0, 0%, 100%, .15)
}
.N5T7iw.ZivLog.ZivLog {
color: hsla(0, 0%, 100%, .7)
}
.YPTJew {
background-color: var(--sz5W9A);
color: var(--fgALUw)
}
.YPTJew.Di_DSA {
background-color: var(--H8nEqw)
}
.YPTJew.zQlusQ:hover {
background-color: var(--8ZR-UA)
}
.YPTJew.YPTJew:active {
background-color: var(--H8nEqw)
}
.YPTJew.YPTJew.vTpjSg {
background-color: var(--sz5W9A)
}
.YPTJew.YPTJew.ZivLog {
background-color: var(--zuehrg);
color: var(--n4L1sw)
}
.sdp_vQ {
background-color: transparent;
color: #fff
}
.sdp_vQ.Di_DSA {
background-color: hsla(0, 0%, 100%, .15)
}
.sdp_vQ.zQlusQ:hover {
background-color: hsla(0, 0%, 100%, .15)
}
.sdp_vQ.sdp_vQ:active {
background-color: hsla(0, 0%, 100%, .15)
}
.sdp_vQ.ZivLog.ZivLog,
.sdp_vQ.vTpjSg.vTpjSg {
background-color: transparent
}
.sdp_vQ.ZivLog.ZivLog {
color: hsla(0, 0%, 100%, .7)
}
.sdp_vQ.uxzGww:not(.ZivLog) {
color: #fff
}
.sdp_vQ.uxzGww:not(.ZivLog) ._38oWvQ {
color: #fff
}
.vwGvLA {
background-color: var(--S_zKBQ);
color: var(--QErhlg)
}
.vwGvLA.Di_DSA {
background-color: var(--voBvjA)
}
.vwGvLA.zQlusQ:hover {
background-color: var(--fPN_wg)
}
.vwGvLA.vwGvLA:active {
background-color: var(--voBvjA)
}
.vwGvLA.vwGvLA.vTpjSg {
background-color: var(--S_zKBQ)
}
.vwGvLA.vwGvLA.ZivLog {
background-color: var(--VGxehA);
color: var(--6kDNlA)
}
.JJl3MA {
background-color: var(--IKngdQ);
color: var(--6hn8OQ)
}
.JJl3MA.Di_DSA {
background-color: var(--9xoqAg)
}
.JJl3MA.zQlusQ:hover {
background-color: var(--IIHy3Q)
}
.JJl3MA.JJl3MA:active {
background-color: var(--9xoqAg)
}
.JJl3MA.JJl3MA.vTpjSg {
background-color: var(--IKngdQ)
}
.JJl3MA.JJl3MA.ZivLog {
background-color: var(--rxOvlQ);
color: var(--pEA5jw)
}
.Q_VY_g,
._8GAfQw {
background-color: transparent;
border-color: transparent;
min-width: 0
}
._8GAfQw {
border-color: transparent;
color: var(--tkbyNg);
padding: 0
}
._8GAfQw.zQlusQ:hover {
color: var(--elFFpw);
text-decoration: underline
}
._8GAfQw._8GAfQw:active {
color: var(--3zRlag)
}
._8GAfQw.ZivLog.ZivLog {
color: var(--fSfh3A);
text-decoration: none
}
._8GAfQw.vTpjSg.vTpjSg {
color: var(--tkbyNg)
}
.Q_VY_g {
color: var(--FTyzZQ);
padding: 0
}
.Q_VY_g.zQlusQ:active,
.Q_VY_g.zQlusQ:focus,
.Q_VY_g.zQlusQ:hover,
.Q_VY_g:active,
.Q_VY_g:focus {
color: var(--pUV7hA)
}
.Q_VY_g.ZivLog.ZivLog {
color: var(--fSfh3A)
}
.Q_VY_g.vTpjSg.vTpjSg {
color: var(--pUV7hA)
}
.Qkd66A.Q_VY_g>._38oWvQ {
padding: 0
}
.uxzGww {
border: none;
flex-direction: column;
height: auto;
max-width: 88px;
min-width: 64px;
padding: 8px
}
.uxzGww ._38oWvQ {
font-weight: 400;
max-width: 72px;
padding: 8px 0 0
}
.G97FoQ {
border-radius: 50%
}
.G97FoQ.bpNGqA {
max-height: 32px;
max-width: 32px;
min-height: 32px;
min-width: 32px
}
.G97FoQ.HySjhA {
max-height: 40px;
max-width: 40px;
min-height: 40px;
min-width: 40px
}
.G97FoQ.lsXp_w {
max-height: 48px;
max-width: 48px;
min-height: 48px;
min-width: 48px
}
.G97FoQ.bo4Vsg {
max-height: 56px;
max-width: 56px;
min-height: 56px;
min-width: 56px
}
.sqQRZQ {
align-items: center;
display: flex;
flex-direction: column
}
.cy_gNg {
width: 48px
}
.ukOaGA {
width: 56px
}
.R4mVEg {
width: 64px
}
.rPqAFA {
width: 72px
}
.RPdvnA {
margin-top: 12px;
overflow-wrap: break-word;
width: 100%
}
.DNpAZA,
.RPdvnA {
text-align: center
}
.DNpAZA {
box-sizing: border-box;
text-decoration: none
}
.DNpAZA:focus-visible {
outline-style: auto
}
.Z1EmlA .e5JRAg {
width: unset
}
.Pi_rpQ,
.T26_6Q,
._2AY7TA a,
._5JgSIQ a,
._6pE_dQ a,
.oCRJNQ,
.oUJMcQ,
.ovm4pQ,
.wL6vqQ a,
.z2oZFw a {
cursor: pointer;
text-decoration: underline
}
.T26_6Q,
.ovm4pQ,
.wL6vqQ a,
.z2oZFw a {
color: var(--tkbyNg)
}
.T26_6Q.qN_0PQ:not(.OhvLCw):hover,
._5JgSIQ a:hover,
.oUJMcQ.qN_0PQ:not(.OhvLCw):hover,
.ovm4pQ.qN_0PQ:not(.OhvLCw):hover,
.wL6vqQ a:hover,
.z2oZFw a:hover {
color: var(--elFFpw)
}
.T26_6Q:not(.OhvLCw):active,
.ovm4pQ:not(.OhvLCw):active,
.wL6vqQ a:active,
.z2oZFw a:active {
color: var(--3zRlag)
}
.Pi_rpQ,
._2AY7TA a {
color: var(--05tvjQ)
}
.Pi_rpQ:not(.OhvLCw):active,
._2AY7TA a:active {
color: var(--gIHunw)
}
.Pi_rpQ.qN_0PQ:not(.OhvLCw):hover,
._2AY7TA a:hover {
color: var(--U8IpiA)
}
._5JgSIQ a,
._6pE_dQ a,
.aiE6Dw,
.l__qeA a,
.oCRJNQ,
.oUJMcQ {
color: inherit
}
.T26_6Q,
.wL6vqQ a {
font-weight: 600
}
._6pE_dQ a,
.aiE6Dw,
.l__qeA a,
.oCRJNQ {
text-decoration: none
}
._6pE_dQ a:hover,
.oCRJNQ.qN_0PQ:not(.OhvLCw):hover {
text-decoration: underline
}
.aiE6Dw.qN_0PQ:not(.OhvLCw):hover,
.l__qeA a:hover {
text-decoration: none
}
.Ekl2FA .T26_6Q,
.Ekl2FA .T26_6Q.qN_0PQ:not(.OhvLCw):hover,
.Ekl2FA .T26_6Q:not(.OhvLCw):active,
.Ekl2FA .ovm4pQ,
.Ekl2FA .ovm4pQ.qN_0PQ:not(.OhvLCw):hover,
.Ekl2FA .ovm4pQ:not(.OhvLCw):active,
.Ekl2FA .wL6vqQ a,
.Ekl2FA .wL6vqQ a:active,
.Ekl2FA .wL6vqQ a:hover,
.Ekl2FA .z2oZFw a,
.Ekl2FA .z2oZFw a:active,
.Ekl2FA .z2oZFw a:hover {
color: inherit
}
.OhvLCw {
color: var(--fSfh3A);
cursor: not-allowed
}
.fwM8qA {
margin-left: 4px
}
._2E9Y8A {
color: inherit;
font-size: inherit;
margin: -4px;
max-width: unset;
vertical-align: baseline
}
._8vlbIg ._2E9Y8A {
margin: -8px
}
.WoE5Nw {
display: flex
}
.QnQnDA {
outline: none
}
.jj2gEQ {
border: none;
border-bottom: 1px solid var(--OHlWbw);
box-sizing: border-box;
height: 1px;
margin: 0
}
.jj2gEQ.KGTzhA {
border-bottom: unset;
border-right: 1px solid var(--OHlWbw);
display: inline-block;
height: 100%;
width: 1px
}
.LNeUZQ {
align-items: center;
color: var(--fSfh3A);
display: flex;
flex: 1 0;
justify-content: space-between;
margin: 8px 8px 4px;
min-width: 0
}
.nMpC2A {
margin: 0 8px;
overflow: hidden;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.nNXMPg {
list-style: none;
margin: 0;
overflow-wrap: normal;
padding: 0;
width: 100%
}
.K_vxYQ {
padding: 8px 0
}
.aUtjug {
padding: 4px 16px
}
.ncVBXQ {
height: 40px;
padding: 0 8px;
transition: background-color .1s linear
}
.nNXMPg ._9v_JUA {
margin: 7px 0
}
.RgBf3Q {
cursor: pointer;
text-decoration: none
}
.RgBf3Q._6VPbiQ:not(.M8orMA):hover {
background-color: var(--8ZR-UA)
}
.RgBf3Q:not(.M8orMA):active {
background-color: var(--H8nEqw)
}
.M8orMA {
color: var(--n4L1sw);
cursor: not-allowed
}
._58cEw {
outline: none
}
.zipTDg {
background: transparent;
border: 0;
border-radius: 0;
width: 100%
}
._4swBUg {
box-sizing: border-box;
display: inline-block;
width: 100%
}
.vH6Kyg {
align-items: center;
display: flex;
height: 100%;
line-height: 1.6;
min-width: 0;
padding: 0
}
.Sbf1Gw {
color: var(--fgALUw);
flex: 1;
margin: 0 8px;
max-width: 100%;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
transition: color .1s ease-in-out;
white-space: nowrap
}
.M8orMA .Sbf1Gw {
color: var(--n4L1sw)
}
._JbZKA {
color: var(--fgALUw);
display: inline-flex;
flex: 0;
justify-content: center;
margin-left: 4px;
min-width: 24px;
text-align: center;
white-space: nowrap
}
.M8orMA ._JbZKA {
color: var(--n4L1sw)
}
.Sbf1Gw~._JbZKA {
justify-content: flex-end;
margin-left: 0;
margin-right: 4px;
min-width: auto
}
.Sbf1Gw~._JbZKA.csopEQ,
.Sbf1Gw~._JbZKA.hrP4uw {
color: var(--fgALUw);
min-width: 24px
}
.kl8Zvw {
display: flex;
flex-direction: column
}
.NPMndw {
flex-grow: 1
}
.FRb09Q {
grid-gap: 8px;
display: inline-grid;
flex-shrink: 0;
grid-auto-flow: row;
margin: 16px 0 0
}
@media (min-width:600px) {
.kl8Zvw {
flex-direction: row
}
.FRb09Q {
grid-auto-flow: column;
margin: 0 0 0 16px
}
}
.wVbmsg {
background-repeat: repeat-y;
background-size: 100% auto;
box-sizing: border-box;
padding: 16px;
position: relative;
width: 100%
}
.sL4n6g {
background-repeat: repeat, repeat-y;
background-size: auto auto, 100% auto
}
.uPqCNw {
bottom: 0;
box-sizing: border-box;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%
}
._9Cwv2g {
font-size: 1.8rem;
line-height: 2.4rem;
text-align: center
}
._0rEAkg {
margin-top: -4px;
-webkit-transform: translate(4px, 2px);
transform: translate(4px, 2px)
}
.Hh4e9g {
color: var(--pUV7hA);
margin-left: 4px
}
@media (max-width:599px) {
._9Cwv2g {
font-size: 1.6rem;
line-height: 2.4rem
}
}
._JrOww {
display: grid;
height: 100%
}
.j1Zvgw {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
}
.f_S0rw {
overflow-y: auto;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text
}
.XDn20w {
display: flex;
flex-direction: column;
height: calc(100% - 64px);
margin: 32px
}
.fuW4gw {
margin: 24px
}
._1pVD2w {
height: 592px;
max-height: 90vh;
max-width: 95vw;
overflow-y: auto;
width: 384px
}
.ctzgyg {
width: 100%
}
@media (min-width:900px) {
._1pVD2w {
width: 768px
}
}
._682gpw {
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
html {
--safe-area-inset-top: 0px;
--safe-area-inset-bottom: 0px;
--safe-area-inset-left: 0px;
--safe-area-inset-right: 0px
}
@supports (height:env(safe-area-inset-top)) {
html {
--safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
--safe-area-inset-left: env(safe-area-inset-left);
--safe-area-inset-right: env(safe-area-inset-right)
}
}
.light {
--RvpKEw: hsla(0, 0%, 100%, .5)
}
.dark {
--RvpKEw: hsla(0, 0%, 100%, .4)
}
._2XGiLw {
height: 100%;
left: 0;
pointer-events: none;
position: fixed;
top: 0;
width: 100%
}
.gYui3w,
.nEJRyA {
pointer-events: auto
}
.nEJRyA {
position: absolute
}
.H0iAEg {
background-color: var(--TlUudQ);
box-sizing: border-box;
color: var(--pUV7hA);
display: flex;
flex-grow: 1;
height: 100%;
overflow: hidden
}
.U1rJpQ {
overflow: visible
}
.S_i1pg {
transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
transition: transform .25s cubic-bezier(0, 0, .2, 1);
transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}
.zkaqtg {
transition: -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
transition: transform .2s cubic-bezier(.4, 0, 1, 1);
transition: transform .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1)
}
.KNWKWQ._2plQfw {
border-radius: 0 0 4px 4px
}
.v8cOJw .H0iAEg._2plQfw,
.v8cOJw .H0iAEg._2plQfw:before,
.v8cOJw.H0iAEg._2plQfw,
.v8cOJw.H0iAEg._2plQfw:before {
border-radius: 4px 4px 0 0
}
.v8cOJw .H0iAEg.GtE9QQ,
.v8cOJw .H0iAEg.GtE9QQ:before,
.v8cOJw.H0iAEg.GtE9QQ,
.v8cOJw.H0iAEg.GtE9QQ:before {
border-radius: 24px 24px 0 0
}
.H0iAEg:before {
background-color: inherit;
content: " ";
height: 100vh;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.H0iAEg._8vzjAg:before {
top: 30px
}
.H0iAEg._DkWCw:before {
box-shadow: var(--1IVhPQ)
}
.KNWKWQ,
.v8cOJw {
height: 100%;
left: 0;
right: 0
}
.k1uShw {
align-items: flex-end;
display: flex;
flex-shrink: 0;
height: 30px;
justify-content: center
}
.k1uShw .KgOpXA {
border-radius: 8px;
box-shadow: 0 0 0 1px var(--OHlWbw);
height: 6px;
margin-bottom: 8px;
width: 40px
}
.k1uShw .KgOpXA,
.k1uShw .KgOpXA.QsOWCQ {
background-color: var(--RvpKEw)
}
.lM02mw,
.lQ45vw {
bottom: 0;
top: 0;
width: 100%
}
.KNWKWQ {
top: -100%
}
.v8cOJw {
top: 100%
}
.lQ45vw {
left: -100%
}
.lM02mw {
left: 100%
}
.BB_TDQ {
background-color: inherit;
border-radius: inherit;
display: flex;
outline: none;
transition: opacity .15s ease-in-out
}
.BB_TDQ,
.q_Mi8Q {
position: absolute
}
.q_Mi8Q {
overflow: hidden;
pointer-events: none
}
.q_Mi8Q>.BB_TDQ {
height: 100%;
width: 100%
}
.KNWKWQ>.BB_TDQ {
bottom: 0
}
.lQ45vw>.BB_TDQ {
right: 0
}
.lM02mw>.BB_TDQ {
left: 0
}
.lM02mw>.BB_TDQ,
.lQ45vw>.BB_TDQ {
bottom: 0;
flex-direction: row;
height: 100%;
top: 0
}
.KNWKWQ>.BB_TDQ,
.v8cOJw>.BB_TDQ {
flex-direction: column;
left: 0;
right: 0;
width: 100%
}
.EsF7tg {
opacity: 0;
pointer-events: none
}
.l7fLgw {
opacity: 1
}
.mLOe_Q {
height: 100%;
width: 100%
}
.AFEg4Q {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.vHVgfg,
.vHVgfg .BB_TDQ {
transition: none
}
.lM02mw.I4lX8Q,
.lQ45vw.I4lX8Q {
top: var(--safe-area-inset-top)
}
.KNWKWQ.I4lX8Q,
.v8cOJw.I4lX8Q {
height: calc(100% - var(--safe-area-inset-top))
}
.v8cOJw.I4lX8Q>.BB_TDQ {
box-sizing: border-box;
padding-bottom: var(--safe-area-inset-bottom)
}
.KNWKWQ.I4lX8Q.vHVgfg {
margin-top: var(--safe-area-inset-top)
}
.BpH0Jg {
height: var(--safe-area-inset-bottom);
left: -100vw;
pointer-events: none;
position: absolute
}
.v8cOJw.Zj6Pqg {
margin-top: var(--safe-area-inset-top)
}
.aXUJ1A {
background-color: rgba(28, 39, 48, .5);
bottom: 0;
left: 0;
pointer-events: auto;
position: fixed;
right: 0;
top: 0;
transition: none;
will-change: opacity
}
.nEyXsQ {
transition: opacity .3s ease-in-out
}
.hheo0g,
.mIaqZA {
opacity: 0;
pointer-events: none
}
.bSzq3g {
opacity: 1;
pointer-events: auto
}
.MxhaIQ,
.yVX3jg {
opacity: 0
}
.MxhaIQ {
align-items: center;
background-color: var(--bIodnw);
bottom: 0;
display: flex;
justify-content: center;
left: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 0
}
.MxhaIQ.R4vkCQ {
transition: opacity .25s ease-in-out
}
.MxhaIQ.V6lwGg {
position: absolute
}
.MxhaIQ.upxRvA {
background-color: rgba(13, 18, 22, .7)
}
.MxhaIQ.mvLZKw {
background-color: rgba(0, 0, 0, .9)
}
.MxhaIQ._5aUrJg {
opacity: 1
}
.IywfPg {
box-sizing: border-box;
display: flex;
margin: auto 0;
max-width: 100%;
padding: 16px 48px;
pointer-events: none;
-webkit-transform: scale(.8);
transform: scale(.8);
will-change: transform
}
.IywfPg._5aUrJg {
-webkit-transform: scale(1);
transform: scale(1)
}
.R4vkCQ .IywfPg {
transition: -webkit-transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}
.EYTKnA {
flex: 1;
max-width: 100%;
pointer-events: auto
}
.EYTKnA.y8vKyg {
flex: initial;
height: 100%
}
.EYTKnA.p6gJdA {
outline: none
}
.i7NByQ {
align-self: flex-start;
margin-right: -48px;
order: 1;
padding: 0 8px;
top: 16px
}
.dxeRgA,
.i7NByQ {
position: -webkit-sticky;
position: sticky
}
.dxeRgA {
bottom: calc(50vh - 24px);
padding: 8px;
pointer-events: auto;
top: calc(50vh - 24px);
width: 48px
}
.kMfzIA {
margin-left: -48px
}
.qquEjw {
margin-right: -48px
}
.Z2VWzw {
background-color: var(--TlUudQ);
width: 100%
}
.iUtNrw {
height: 100%
}
.HmLo5g {
position: relative
}
.MxkZUA {
position: absolute;
right: -40px;
top: 0
}
.T2s_Vg {
pointer-events: auto
}
.JFEjrQ {
border-radius: 8px;
isolation: isolate;
min-width: 160px;
overflow: hidden;
position: relative
}
.JFEjrQ.y8vKyg {
height: 100%
}
.Tr4BVQ {
-webkit-filter: blur(4px);
filter: blur(4px)
}
._8O9_Zg {
-webkit-filter: blur(14px);
filter: blur(14px)
}
.j55oqg {
min-height: 100vh
}
.light {
--cT3jbA: 0.07;
--HtChog: 0.025
}
.dark {
--cT3jbA: 0.15;
--HtChog: 0.10
}
@-webkit-keyframes HrpoWA {
0% {
opacity: var(--cT3jbA)
}
25% {
opacity: var(--HtChog)
}
50% {
opacity: var(--cT3jbA)
}
to {
opacity: var(--cT3jbA)
}
}
@keyframes HrpoWA {
0% {
opacity: var(--cT3jbA)
}
25% {
opacity: var(--HtChog)
}
50% {
opacity: var(--cT3jbA)
}
to {
opacity: var(--cT3jbA)
}
}
.n7vSfw {
background: var(--pUV7hA);
opacity: var(--cT3jbA)
}
.S_ZkxQ {
-webkit-animation: HrpoWA 1.4s infinite;
animation: HrpoWA 1.4s infinite
}
.abYU1Q {
border-radius: 50%
}
.abYU1Q,
.ccpanQ {
padding-top: 100%;
width: 100%
}
.UG13Dw,
.ccpanQ {
border-radius: 4px
}
.UG13Dw {
height: 100%;
width: 100%
}
._4RR_JA {
border-radius: 0
}
._2PfzsQ,
.uYOLFg {
border-radius: 10px
}
.uYOLFg {
height: 1rem
}
.KNA9cA {
border-radius: 10px;
height: 1.4rem
}
.FYV_Rw {
height: 280px;
margin: 16px 0
}
.h7eUeg {
height: 0;
position: relative;
width: 100%
}
._3FYLtg {
display: grid;
grid-template: minmax(0, 1fr) /minmax(0, 1fr);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
._3FYLtg>* {
grid-area: 1/1
}
.ZP8HvQ {
position: relative
}
.Szyxww {
opacity: 1;
position: absolute;
top: 0;
width: 100%
}
.CqPOew,
.afMSnQ {
opacity: 0
}
.JRm_PQ {
opacity: 1
}
.Szyxww,
.afMSnQ {
transition: opacity .1s ease-in-out
}
._2trolg .Szyxww,
._2trolg .afMSnQ {
transition: opacity .7s cubic-bezier(.4, 0, .2, 1)
}
.oDHgrA {
height: 100%;
width: 100%
}
.Ba_zvQ {
display: flex;
flex: 1;
min-height: 0;
min-width: 0;
width: 100%
}
.im1gjQ {
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.WE2ijA {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
width: 100%
}
._99fZsQ {
background: var(--COXgsg);
color: var(--05tvjQ)
}
.Sx2zcA {
opacity: 0;
position: absolute;
top: 0
}
.ww8pxw {
display: grid;
height: 100%;
width: 100%
}
.GCOogQ {
display: flex;
flex-direction: column
}
.GCOogQ,
.bSKFSA {
height: 100%;
width: 100%
}
.ghwpmg {
height: auto;
padding-top: calc(75% + 8px);
position: relative
}
.ghwpmg.E0UXFQ {
padding-top: calc(75% + 4px)
}
.LvdRkg {
position: relative
}
.LvdRkg:after {
bottom: 2px;
box-shadow: 0 0 0 2px var(--hmBz5w), inset 0 0 0 2px var(--bDblYw);
content: "";
left: 2px;
opacity: 0;
pointer-events: none;
position: absolute;
right: 2px;
top: 2px;
z-index: 0
}
.LvdRkg.wKiiLw:after {
transition: opacity .1s linear
}
._428beQ:hover:after,
.raefMw:hover ._428beQ:after {
opacity: 1
}
.LvdRkg._1wrsyA:after {
box-shadow: 0 0 0 2px var(--3j0O2w), inset 0 0 0 2px var(--bDblYw);
opacity: 1
}
.LvdRkg._1wrsyA .gwb2Ug:focus {
border-radius: 12px;
outline-offset: -5px
}
._6mbnHA._6mbnHA {
display: flex;
height: 100%;
overflow: hidden;
width: 100%
}
.ghwpmg ._6mbnHA {
align-content: center;
align-items: center;
box-sizing: border-box;
justify-content: center;
left: 0;
padding: 16px;
position: absolute;
top: 0
}
.ghwpmg.wKiiLw ._6mbnHA {
transition: background-color .15s ease-in-out
}
.ghwpmg.E0UXFQ ._6mbnHA {
padding: 8px
}
.saj1lA._6mbnHA:hover,
.saj1lA:hover ._6mbnHA {
background-color: var(--B2THfg)
}
.light {
--aVKIMQ: var(--S_zKBQ);
--rWJU7g: var(--fPN_wg);
--K_6wVA: var(--K12xjw);
--k0HN9A: var(--B2THfg)
}
.dark {
--aVKIMQ: var(--K12xjw);
--rWJU7g: var(--B2THfg);
--K_6wVA: hsla(0, 0%, 100%, .4);
--k0HN9A: hsla(0, 0%, 100%, .5)
}
.ZXOX8w ._6mbnHA {
background-color: var(--aVKIMQ)
}
.saj1lA:hover .ZXOX8w ._6mbnHA {
background-color: var(--rWJU7g)
}
.ORj_6A ._6mbnHA {
background-color: var(--K_6wVA)
}
.saj1lA:hover .ORj_6A ._6mbnHA {
background-color: var(--k0HN9A)
}
._0zhrGw ._6mbnHA {
background-color: var(--K12xjw)
}
.saj1lA:hover ._0zhrGw ._6mbnHA {
background-color: var(--B2THfg)
}
.ghwpmg .OlsuDA {
margin-top: -75%;
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
.jCmQMQ {
overflow: hidden;
position: relative
}
.jCmQMQ:after {
border: 1px solid var(--OHlWbw);
bottom: 0;
box-sizing: border-box;
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0
}
.gwb2Ug {
bottom: 0;
box-sizing: border-box;
height: 100%;
left: 0;
outline-offset: -3px;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0
}
._7YslCg {
outline: none
}
.e_NdpQ {
cursor: pointer
}
.ktRLCA {
opacity: .4
}
.ktRLCA .e_NdpQ {
cursor: not-allowed
}
._9Al4OQ,
.vgWuEg {
display: block;
height: auto;
max-height: 100%;
max-width: 100%;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
width: auto
}
.vgWuEg {
left: 0;
position: absolute;
top: 0
}
._7pOIWw,
._7pOIWw .gwb2Ug,
._7pOIWw .jCmQMQ,
._7pOIWw .jCmQMQ:after,
._7pOIWw.jCmQMQ:after {
border-radius: 8px;
overflow: hidden;
z-index: 0
}
._7pOIWw.LvdRkg:after {
border-radius: 10px
}
._7pOIWw._1wrsyA ._6mbnHA,
._7pOIWw._428beQ:hover ._6mbnHA,
.ghwpmg._7pOIWw._428beQ:hover {
border-radius: 12px
}
.wKiiLw ._9Al4OQ,
.wKiiLw .vgWuEg {
transition: -webkit-transform .1s linear;
transition: transform .1s linear;
transition: transform .1s linear, -webkit-transform .1s linear
}
.wX7lAQ:hover ._9Al4OQ,
.wX7lAQ:hover .vgWuEg {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.DqzY_g {
box-sizing: border-box;
width: 100%
}
.DqzY_g ._6mbnHA {
height: auto;
width: auto
}
.DqzY_g .GCOogQ {
align-items: center;
flex-direction: row
}
.DqzY_g ._7pOIWw,
.DqzY_g ._7pOIWw.jCmQMQ:after,
.DqzY_g.LvdRkg:after,
.DqzY_g._7pOIWw,
.DqzY_g._7pOIWw .gwb2Ug,
.DqzY_g._7pOIWw .jCmQMQ,
.DqzY_g._7pOIWw .jCmQMQ:after {
border-radius: 4px
}
.DqzY_g._7pOIWw._1wrsyA,
.DqzY_g._7pOIWw._1wrsyA .gwb2Ug {
border-radius: 6px
}
.DqzY_g .ooEQMQ {
align-items: center;
align-self: start;
display: flex;
flex-shrink: 0;
justify-content: center;
overflow: hidden;
position: relative
}
.DqzY_g.wKiiLw ._6mbnHA {
transition: background-color .15s ease-in-out
}
.DqzY_g.raefMw ._6mbnHA {
padding: 8px
}
.DqzY_g.x_kcKg {
margin-left: -8px;
margin-right: -8px;
width: calc(100% + 16px)
}
.DqzY_g.raefMw:hover ._6mbnHA {
background-color: var(--8ZR-UA)
}
.USE2Rg {
border-radius: 8px;
color: #fff;
display: inline-block;
font-weight: 700;
height: 16px;
letter-spacing: .6px;
line-height: 16px;
padding: 0 5.7px 0 6px;
position: relative;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap
}
.csXuXg {
background-color: var(--_mHLrA);
color: var(--4Yobmg)
}
.aPnZTg {
background-color: var(--pyoCYg);
color: var(--GZwQFw)
}
.light {
--T3U1-A: 0 0 0 1px rgba(64, 87, 109, .07)
}
.dark {
--T3U1-A: inset 0 0 0 1px hsla(0, 0%, 100%, .15)
}
._H6mgQ {
background-color: var(--S_zKBQ);
box-shadow: var(--T3U1-A);
color: var(--QErhlg)
}
.oB4juw {
background-color: var(--IKngdQ);
color: var(--6hn8OQ)
}
.fCvkaQ {
background-color: var(--DP6qqQ);
color: var(--TjZ4gg)
}
.HvECIA {
background-color: var(--cqkW_A);
color: var(--P3bemg)
}
.hoi_lQ {
background-color: var(--xQOmAw);
color: var(--XPPBAg)
}
.jYa8kg {
background-color: var(--COXgsg);
color: var(--Do4LcA)
}
._XLAIw {
background-color: var(--k8LaaQ);
color: var(--XRo-NQ)
}
.qCQ4DQ {
background-color: var(--axckVg);
color: var(--ypAvbQ)
}
._9JQmJw {
background-color: var(--1GR_Og);
color: var(--7Jsj3A)
}
.ndHP7A {
background-color: var(--wpHozg);
color: var(--a01w0A)
}
.b9wLqA {
margin-left: 2px
}
._8UfsNA {
margin-right: 2px
}
.ZQcUXA {
border: 0;
cursor: pointer;
margin: 0;
transition: background-color .15s ease-in-out
}
.xjABfw {
outline: none
}
@media (-moz-touch-enabled:1),
(pointer:coarse) {
.ZQcUXA:after {
border-radius: 50%;
content: "";
height: 40px;
left: calc(50% - 20px);
position: absolute;
top: calc(50% - 20px);
width: 40px
}
}
._3_6cwQ {
background-color: var(--S_zKBQ)
}
._3_6cwQ._1A_EVw:hover:not(.jwHgCQ) {
background-color: var(--s0dOYA)
}
._3_6cwQ.A_u04w {
background-color: var(--t-i8hw)
}
._3_6cwQ.jwHgCQ {
background-color: var(--VGxehA);
color: var(--6kDNlA)
}
.L0XojQ {
background-color: var(--K12xjw);
color: var(--_T63JA)
}
.L0XojQ._1A_EVw:hover:not(.jwHgCQ) {
background-color: var(--B2THfg)
}
.L0XojQ.A_u04w {
background-color: var(--QYA_-A)
}
.L0XojQ.jwHgCQ {
background-color: var(--ctGD3w);
color: var(--oXjekw)
}
.jwHgCQ {
cursor: not-allowed
}
.vCLpaw {
align-items: center;
border-radius: 12px;
box-sizing: border-box;
display: flex;
font-size: 1.2rem;
height: 24px;
justify-content: center;
min-width: 24px;
padding: 0 3px
}
.vCLpaw.AUzScw {
border-radius: 8px;
font-size: 1rem;
height: 16px;
min-width: 16px;
padding: 2px
}
._2ZzutA {
display: inline-flex;
position: relative
}
._2ZzutA .USE2Rg {
position: absolute;
top: -8px
}
._2ZzutA.AUzScw .USE2Rg {
left: 6px
}
._2ZzutA.JsFowg .USE2Rg {
left: 8px
}
._2ZzutA.rIbqKA .USE2Rg {
left: 12px
}
._2ZzutA.w2emFw .USE2Rg {
left: 16px
}
._2ZzutA.JsFowg ._4UgBoQ svg {
-webkit-mask-image: url("")
}
[dir=rtl] ._2ZzutA.JsFowg ._4UgBoQ svg {
-webkit-mask-image: url("")
}
._2ZzutA.rIbqKA ._4UgBoQ svg {
-webkit-mask-image: url("")
}
[dir=rtl] ._2ZzutA.rIbqKA ._4UgBoQ svg {
-webkit-mask-image: url("")
}
._2ZzutA.w2emFw ._4UgBoQ svg {
-webkit-mask-image: url("")
}
[dir=rtl] ._2ZzutA.w2emFw ._4UgBoQ svg {
-webkit-mask-image: url("")
}
.mh2TGQ {
position: relative
}
.T5OikA {
display: inline-flex;
line-height: 16px
}
.mh2TGQ .yAhYLw {
position: absolute
}
.mh2TGQ .yAhYLw.epg7uw {
top: 8px
}
.mh2TGQ .yAhYLw._9QQlWw {
bottom: 8px
}
.mh2TGQ .yAhYLw.VThHDA {
left: 8px
}
.mh2TGQ .yAhYLw._45rcUQ {
right: 8px
}
.mh2TGQ .yAhYLw.GYUu_A {
width: calc(100% - 16px)
}
.mh2TGQ .yAhYLw._3C4XUA {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.mh2TGQ.wZ_zoQ .yAhYLw.epg7uw {
top: 4px
}
.mh2TGQ.wZ_zoQ .yAhYLw._9QQlWw {
bottom: 4px
}
.mh2TGQ.wZ_zoQ .yAhYLw.VThHDA {
left: 4px
}
.mh2TGQ.wZ_zoQ .yAhYLw._45rcUQ {
right: 4px
}
.mh2TGQ.wZ_zoQ .yAhYLw.GYUu_A {
width: calc(100% - 8px)
}
.JA7pfA.ceY7zQ,
.JA7pfA.zW7EkQ,
.zW7EkQ .JA7pfA:not(.ZakHgA):not(.gyYlCg) {
opacity: 0;
transition: opacity .15s ease-in-out
}
.CAFSwg._0YG5ng:focus-within .JA7pfA.ceY7zQ,
.CAFSwg._0YG5ng:focus-within .JA7pfA.zW7EkQ,
.CAFSwg._0YG5ng:focus-within .zW7EkQ .JA7pfA:not(.ZakHgA):not(.gyYlCg),
.CAFSwg:hover .JA7pfA.ceY7zQ,
.CAFSwg:hover .JA7pfA.zW7EkQ,
.CAFSwg:hover .zW7EkQ .JA7pfA:not(.ZakHgA):not(.gyYlCg) {
opacity: 1
}
.JA7pfA.gyYlCg,
.gyYlCg .JA7pfA:not(.zW7EkQ):not(.ZakHgA) {
transition: none;
visibility: hidden
}
.CAFSwg._0YG5ng:focus-within .JA7pfA.gyYlCg,
.CAFSwg._0YG5ng:focus-within .gyYlCg .JA7pfA:not(.zW7EkQ):not(.ZakHgA),
.CAFSwg:hover .JA7pfA.gyYlCg,
.CAFSwg:hover .gyYlCg .JA7pfA:not(.zW7EkQ):not(.ZakHgA) {
visibility: visible
}
.JA7pfA.ZakHgA.VThHDA,
.VThHDA .JA7pfA.ZakHgA,
.ZakHgA.VThHDA .JA7pfA:not(.zW7EkQ):not(.gyYlCg) {
opacity: 0;
-webkit-transform: translate3d(-16px, -50%, 0);
transform: translate3d(-16px, -50%, 0);
transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}
.JA7pfA.ZakHgA._45rcUQ,
.ZakHgA._45rcUQ .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
._45rcUQ .JA7pfA.ZakHgA {
opacity: 0;
-webkit-transform: translate3d(16px, -50%, 0);
transform: translate3d(16px, -50%, 0);
transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}
.CAFSwg._0YG5ng:focus-within .JA7pfA.ZakHgA.VThHDA,
.CAFSwg._0YG5ng:focus-within .JA7pfA.ZakHgA._45rcUQ,
.CAFSwg._0YG5ng:focus-within .VThHDA .JA7pfA.ZakHgA,
.CAFSwg._0YG5ng:focus-within .ZakHgA.VThHDA .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg._0YG5ng:focus-within .ZakHgA._45rcUQ .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg._0YG5ng:focus-within ._45rcUQ .JA7pfA.ZakHgA,
.CAFSwg:hover .JA7pfA.ZakHgA.VThHDA,
.CAFSwg:hover .JA7pfA.ZakHgA._45rcUQ,
.CAFSwg:hover .VThHDA .JA7pfA.ZakHgA,
.CAFSwg:hover .ZakHgA.VThHDA .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg:hover .ZakHgA._45rcUQ .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg:hover ._45rcUQ .JA7pfA.ZakHgA {
opacity: 1;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.JA7pfA.ZakHgA.epg7uw,
.ZakHgA.epg7uw .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.epg7uw .JA7pfA.ZakHgA {
opacity: 0;
-webkit-transform: translateY(-16px);
transform: translateY(-16px);
transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}
.JA7pfA.ZakHgA._9QQlWw,
.ZakHgA._9QQlWw .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
._9QQlWw .JA7pfA.ZakHgA {
opacity: 0;
-webkit-transform: translateY(16px);
transform: translateY(16px);
transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out;
transition: opacity .15s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out
}
.CAFSwg._0YG5ng:focus-within .JA7pfA.ZakHgA._9QQlWw,
.CAFSwg._0YG5ng:focus-within .JA7pfA.ZakHgA.epg7uw,
.CAFSwg._0YG5ng:focus-within .ZakHgA._9QQlWw .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg._0YG5ng:focus-within .ZakHgA.epg7uw .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg._0YG5ng:focus-within ._9QQlWw .JA7pfA.ZakHgA,
.CAFSwg._0YG5ng:focus-within .epg7uw .JA7pfA.ZakHgA,
.CAFSwg:hover .JA7pfA.ZakHgA._9QQlWw,
.CAFSwg:hover .JA7pfA.ZakHgA.epg7uw,
.CAFSwg:hover .ZakHgA._9QQlWw .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg:hover .ZakHgA.epg7uw .JA7pfA:not(.zW7EkQ):not(.gyYlCg),
.CAFSwg:hover ._9QQlWw .JA7pfA.ZakHgA,
.CAFSwg:hover .epg7uw .JA7pfA.ZakHgA {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.alJDIQ {
display: inline-flex;
min-width: 0
}
.CAFSwg._0YG5ng:focus-within .MSQthA,
.CAFSwg:hover .MSQthA,
.dz5Gsw {
height: 0;
opacity: 0;
overflow: hidden;
width: 0
}
.CAFSwg._0YG5ng:focus-within .dz5Gsw,
.CAFSwg:hover .dz5Gsw,
.MSQthA {
height: auto;
opacity: 1;
overflow: visible;
width: auto
}
._3AUl8A {
display: flex
}
._MVQAw {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: 1px
}
.rTniJg {
border-radius: 0;
margin-left: 1px
}
.iDxrhg {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.BOORbA {
background-color: var(--TlUudQ);
border-radius: 4px;
margin: 8px 0;
overflow: hidden;
padding: 0
}
.na9pxA {
width: 256px
}
.rO2wYg {
min-width: 256px;
width: -webkit-min-content;
width: min-content
}
.LJxGDg {
padding: 8px
}
.IknS7A {
padding: 16px
}
._7jffaw {
padding: 0
}
.r51uOw {
margin-top: 0
}
.SOhPrw {
overflow-y: auto
}
._2XyF0A {
display: flex
}
.fbXtUA,
.kvjQMQ {
height: 100%
}
.kvjQMQ {
-webkit-overflow-scrolling: touch;
background-color: var(--TlUudQ);
overflow-y: auto;
overscroll-behavior-y: contain
}
.VjXFQw {
box-sizing: border-box;
padding-bottom: var(--safe-area-inset-bottom)
}
._1I5x5g {
cursor: pointer;
display: flex
}
.bV4U1g {
align-items: center;
padding: 4px 0
}
.XsQNVg {
cursor: not-allowed
}
.SPXzig {
-webkit-appearance: none;
appearance: none;
margin: 0;
opacity: 0;
width: 0
}
.ZJon7Q {
align-self: flex-start
}
.ZJon7Q,
.tdZD9A {
display: inline-flex
}
.tdZD9A {
align-items: center;
background: var(--bDblYw);
border-radius: 4px;
box-shadow: inset 0 0 0 1px var(--6TS0wQ);
flex: 0 0;
justify-content: center;
margin: 4px;
transition: box-shadow .1s ease-in-out
}
.tdZD9A:before {
content: "\00200B";
width: 0
}
.tdZD9A {
height: 16px;
width: 16px
}
.tdZD9A.nv35GQ {
height: 24px;
width: 24px
}
.VqRjiQ.tdZD9A {
color: var(--_mHLrA)
}
.s905NQ.tdZD9A {
color: inherit
}
.AqfZZQ,
.IbvMRg {
color: var(--4Yobmg);
opacity: 0
}
.tdZD9A.EPEuzg,
.tdZD9A.te6xBw {
box-shadow: inset 0 0 0 8px
}
.tdZD9A.nv35GQ.EPEuzg,
.tdZD9A.nv35GQ.te6xBw {
box-shadow: inset 0 0 0 16px
}
.tdZD9A.EPEuzg .IbvMRg,
.tdZD9A.te6xBw .AqfZZQ {
opacity: 1
}
.tdZD9A.XsQNVg,
.tdZD9A.nv35GQ.XsQNVg {
background: var(--6899sQ);
box-shadow: inset 0 0 0 1px var(--6qQCNQ)
}
.XsQNVg .AqfZZQ,
.XsQNVg .IbvMRg {
color: var(--9QR_hg)
}
._1I5x5g.na3Vpw:not(.XsQNVg):hover .SPXzig:not(:active)+.tdZD9A:not(.EPEuzg, .te6xBw) {
box-shadow: inset 0 0 0 1px var(--hmBz5w)
}
._1I5x5g.na3Vpw:not(.XsQNVg):hover .SPXzig:not(:active)+.tdZD9A:not(.EPEuzg, .te6xBw)>.AqfZZQ,
._1I5x5g.na3Vpw:not(.XsQNVg):hover .SPXzig:not(:active)+.tdZD9A:not(.EPEuzg, .te6xBw)>.IbvMRg {
color: var(--sXgitQ);
opacity: 1
}
._1I5x5g.na3Vpw:not(.XsQNVg):hover .SPXzig:not(:active)+.tdZD9A.VqRjiQ.EPEuzg,
._1I5x5g.na3Vpw:not(.XsQNVg):hover .SPXzig:not(:active)+.tdZD9A.VqRjiQ.te6xBw {
box-shadow: inset 0 0 0 8px var(--s0dOYA)
}
._1I5x5g.na3Vpw:not(.XsQNVg):hover .SPXzig:not(:active)+.tdZD9A.nv35GQ.VqRjiQ.EPEuzg,
._1I5x5g.na3Vpw:not(.XsQNVg):hover .SPXzig:not(:active)+.tdZD9A.nv35GQ.VqRjiQ.te6xBw {
box-shadow: inset 0 0 0 16px var(--s0dOYA)
}
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.VqRjiQ:not(.EPEuzg, .te6xBw) {
color: var(--hmBz5w)
}
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A:not(.EPEuzg, .te6xBw) {
box-shadow: inset 0 0 0 1px, 0 0 0 4px var(--H8nEqw)
}
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.VqRjiQ:not(.EPEuzg, .te6xBw)>.AqfZZQ,
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.VqRjiQ:not(.EPEuzg, .te6xBw)>.IbvMRg {
color: var(--sXgitQ);
opacity: 1
}
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A:not(.EPEuzg, .te6xBw, .VqRjiQ)>.AqfZZQ,
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A:not(.EPEuzg, .te6xBw, .VqRjiQ)>.IbvMRg {
color: inherit;
opacity: 1
}
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.VqRjiQ.EPEuzg,
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.VqRjiQ.te6xBw {
color: var(--t-i8hw)
}
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.EPEuzg,
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.te6xBw {
box-shadow: inset 0 0 0 16px, 0 0 0 4px var(--H8nEqw)
}
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.EPEuzg>.AqfZZQ,
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.EPEuzg>.IbvMRg,
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.te6xBw>.AqfZZQ,
._1I5x5g:not(.XsQNVg) .SPXzig:active+.tdZD9A.te6xBw>.IbvMRg {
color: var(--4Yobmg);
opacity: 1
}
._1I5x5g:not(.XsQNVg) .SPXzig:focus+.tdZD9A {
outline: 1px auto Highlight;
outline: 1px auto -webkit-focus-ring-color;
outline-offset: 2px
}
._1I5x5g:not(.XsQNVg) .SPXzig:focus+.tdZD9A.ioka9Q {
outline: none
}
._rklkw {
margin-right: 4px
}
.dUDxGw {
display: flex;
flex-direction: column;
flex-grow: 1
}
.s8Ntvw {
display: block;
height: 100%;
overflow: hidden;
width: 100%
}
.light {
--t1dJPA: var(--S_zKBQ);
--w3Mwhw: var(--K12xjw)
}
.dark {
--t1dJPA: var(--K12xjw);
--w3Mwhw: hsla(0, 0%, 100%, .4)
}
.JJ7yDA {
background-color: var(--K12xjw)
}
.Q0RKEA {
background-color: var(--t1dJPA)
}
.zwdyrw {
background-color: var(--w3Mwhw)
}
._54lkBQ {
overflow: hidden;
position: relative
}
._54lkBQ:after {
border: 1px solid var(--OHlWbw);
bottom: 0;
box-sizing: border-box;
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0
}
.FiFvWQ {
border-radius: 4px
}
.LHwzCw {
border-radius: 8px
}
.FiFvWQ._54lkBQ:after {
border-radius: 4px
}
.LHwzCw._54lkBQ:after {
border-radius: 8px
}
.cn4QwA {
padding: 8px
}
.cn4QwA,
.hyb_5g {
box-sizing: border-box
}
.hyb_5g {
padding: 16px
}
.s4k4vw {
align-items: center;
display: flex;
justify-content: center
}
.m5_lYg,
.s4k4vw {
height: 100%;
width: 100%
}
.m5_lYg {
display: block
}
@supports (-webkit-touch-callout:none) {
.m5_lYg {
-webkit-touch-callout: none
}
}
._0U5Jfg {
opacity: 0
}
.rYrv7g {
-o-object-fit: cover;
object-fit: cover
}
.pNvvEg {
align-items: center;
display: flex;
justify-content: center
}
.AplFbQ,
.pNvvEg {
height: 100%;
width: 100%
}
.oQd0eA {
margin-top: -75%;
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
.ktRRgQ {
-webkit-touch-callout: none;
display: block;
height: 100%;
margin-left: auto;
margin-right: auto;
width: auto
}
.ZGpsMQ {
height: 100%;
width: 100%
}
._6E7bxA {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.FmtbLQ {
clip: rect(1px, 1px, 1px, 1px);
background: var(--TlUudQ);
border-radius: 4px;
display: block;
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
z-index: 100
}
.FmtbLQ.Zjuzfg {
top: 0
}
.FmtbLQ.jAXz3w {
bottom: 0
}
._252raA:active,
._252raA:focus,
._252raA:focus-within,
._6GCHow {
clip: auto;
height: auto;
margin: initial;
overflow: initial;
white-space: normal;
width: auto
}
.N00Reg {
display: block;
padding: 16px
}
.ObBgBw {
left: calc(8px + var(--safe-area-inset-left));
top: calc(8px + var(--safe-area-inset-top))
}
._Ap_nw {
scrollbar-width: none
}
._Ap_nw::-webkit-scrollbar {
display: none
}
.wOTC_g {
scroll-snap-align: start
}
._jC31Q {
scroll-snap-align: none
}
.Sn2Zbw {
min-width: 0;
position: relative
}
.Sn2Zbw,
.biBQjw {
display: flex;
flex-flow: row
}
.biBQjw {
overflow-x: auto;
overflow-y: hidden;
z-index: 0
}
.j8el8w {
display: block
}
.Q1eo8w,
.j8el8w {
flex: none
}
.oSwifg:last-of-type {
padding-right: 0
}
.Icpd8A {
padding-right: 8px
}
.eWkhtA {
padding-right: 16px
}
.qTWpbw {
padding-right: 24px
}
.J9DVnQ {
margin: 0 -8px
}
.J9DVnQ .biBQjw {
scroll-padding-left: 8px
}
.J9DVnQ .oSwifg:first-of-type {
padding-left: 8px
}
.J9DVnQ .oSwifg:last-of-type {
padding-right: 8px
}
.BghxPw {
margin: 0 -16px
}
.BghxPw .biBQjw {
scroll-padding-left: 16px
}
.BghxPw .oSwifg:first-of-type {
padding-left: 16px
}
.BghxPw .oSwifg:last-of-type {
padding-right: 16px
}
.NY6_bQ {
margin: 0 -24px
}
.NY6_bQ .biBQjw {
scroll-padding-left: 24px
}
.NY6_bQ .oSwifg:first-of-type {
padding-left: 24px
}
.NY6_bQ .oSwifg:last-of-type {
padding-right: 24px
}
.VT64Ng {
position: relative
}
.B2M_bQ {
align-items: center;
cursor: pointer;
display: flex;
margin: 0;
padding: 0;
position: absolute;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 1
}
.B2M_bQ.vw34Mw {
background: var(--TlUudQ);
border: 1px solid var(--7hnsIg);
border-radius: 50%;
box-shadow: 0 0 12px 0 rgba(64, 87, 109, .07);
color: var(--pUV7hA);
height: 40px;
justify-content: center;
line-height: 40px;
text-align: center;
top: 50%;
-webkit-transform: translateX(calc(var(--horizontal-offset, 0px))) translateY(calc(-50% - var(--vertical-offset, 0px)));
transform: translateX(calc(var(--horizontal-offset, 0px))) translateY(calc(-50% - var(--vertical-offset, 0px)));
transition-duration: .2s;
transition-property: border-color, color;
width: 40px
}
.B2M_bQ.vw34Mw.JSiJJw:hover {
border: 1px solid var(--hmBz5w)
}
.B2M_bQ.vw34Mw.z74Qyw,
.B2M_bQ.vw34Mw:active {
border: 1px solid var(--3j0O2w)
}
.B2M_bQ.vw34Mw._4OH6w {
right: -20px
}
.B2M_bQ.vw34Mw._4aHkYA {
left: -20px
}
.B2M_bQ.VMaH7A {
background-color: transparent;
border: 0;
bottom: -1px;
color: var(--pUV7hA);
padding: 0;
top: -1px;
width: 24px
}
.B2M_bQ.VMaH7A:before {
content: "";
height: 100%;
pointer-events: none;
position: absolute;
width: 24px
}
.B2M_bQ.VMaH7A._4OH6w {
justify-content: flex-end;
right: -1px
}
.B2M_bQ.VMaH7A._4OH6w:before {
background: linear-gradient(to right, var(--4Svp9Q), var(--TlUudQ));
right: 0
}
.B2M_bQ.VMaH7A._4OH6w .VT64Ng {
right: -7px
}
.B2M_bQ.VMaH7A._4aHkYA {
justify-content: flex-start;
left: -1px
}
.B2M_bQ.VMaH7A._4aHkYA:before {
background: linear-gradient(to left, var(--4Svp9Q), var(--TlUudQ));
left: 0
}
.B2M_bQ.VMaH7A._4aHkYA .VT64Ng {
left: -7px
}
.CpKyeg {
margin: 0 auto 24px;
max-width: 800px
}
.FkzwJg {
width: 280px
}
._3B7FXg {
height: 210px;
width: 100%
}
._6JefeA {
margin-bottom: 8px
}
@media (min-width:600px) {
.CpKyeg {
margin-bottom: 32px
}
.FkzwJg {
width: 304px
}
._3B7FXg {
height: 228px
}
}
.vxUixw {
grid-row-gap: 24px;
display: grid;
margin: 0 auto 24px;
max-width: 872px
}
.oYtQRQ {
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px -16px
}
.SrLH1Q,
.oYtQRQ {
display: flex;
flex-direction: column
}
.SrLH1Q {
margin: 0 12px 16px
}
.E_yagg,
.nenI7w {
position: relative
}
.nenI7w {
margin: 0 auto;
max-width: 800px
}
.nenI7w.FEIaHw {
max-width: 1000px
}
.nY76Eg {
left: 1%;
max-width: 13%;
top: -14%;
width: 150px
}
.nY76Eg,
.u5Rq8g {
position: absolute
}
.u5Rq8g {
bottom: 3%;
left: 2%;
max-width: 17%;
width: 227px
}
.uuSY5g {
max-width: 13%;
right: 1%;
top: 0;
width: 153px
}
._5OK3ew,
.uuSY5g {
position: absolute
}
._5OK3ew {
bottom: -6%;
max-width: 14%;
right: 2%;
width: 170px
}
@media (min-width:600px) {
.oYtQRQ {
flex-direction: row
}
.vxUixw {
margin: 0 auto 64px
}
}
.e5CO3g {
display: grid;
margin: 0 auto 32px;
max-width: 872px;
padding: 0 16px
}
.Tnb7zQ {
grid-row-gap: 8px;
display: grid;
margin-bottom: 24px
}
._3Xr_5Q {
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px -16px
}
._3Xr_5Q,
.jV0Xtw {
display: flex;
flex-direction: column
}
.jV0Xtw {
margin: 0 12px 16px
}
.GHVc0Q {
height: 184px;
position: relative;
width: 100%
}
.ovbk_A {
transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out
}
._8RKGUQ {
margin: -20px 0
}
.H1SQXA {
background-color: rgba(64, 87, 109, .07);
border-radius: 8px;
margin: 20px 0;
overflow: hidden;
width: 144px
}
.ED5lbw:hover {
-webkit-transform: scale(1.09);
transform: scale(1.09)
}
.ED5lbw:hover .GHVc0Q,
.ED5lbw:hover .VCbSng {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.UN_pPA {
border: 1px solid var(--OHlWbw);
border-radius: 8px;
height: 100%
}
.UN_pPA,
.VCbSng {
box-sizing: border-box;
position: absolute;
width: 100%
}
.VCbSng {
align-items: center;
display: flex;
height: 56px;
justify-content: center;
padding: 0 12px;
top: 0;
-webkit-transform-origin: 50% 150%;
transform-origin: 50% 150%
}
.LsmtpQ {
font-weight: 700;
line-height: 1.2
}
._8LkqtA .LsmtpQ {
color: #fff
}
.Auc89w {
scroll-snap-align: center
}
.pEIITQ {
-webkit-animation: pEIITQ .1s forwards;
animation: pEIITQ .1s forwards
}
@-webkit-keyframes pEIITQ {
to {
scroll-snap-align: none
}
}
@keyframes pEIITQ {
to {
scroll-snap-align: none
}
}
.zBWJ7A {
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(90deg, #00c4cc, #7d2ae8);
color: transparent;
font-style: normal
}
@media (min-width:600px) {
._3Xr_5Q {
flex-direction: row
}
.Tnb7zQ {
grid-row-gap: 24px
}
.e5CO3g {
padding: 0 32px
}
.GHVc0Q {
height: 240px
}
.H1SQXA {
width: 176px
}
.H1SQXA,
.UN_pPA {
border-radius: 12px
}
.VCbSng {
height: 64px
}
}
.yoO6Ww {
position: relative;
-webkit-transform: translateX(var(--card-offset));
transform: translateX(var(--card-offset));
will-change: transform
}
.y0r3LA {
width: 100000px
}
@media (min-width:600px) {
}
@media (min-width:976px) {
}
@media (min-width:1376px) {
}
@media (min-width:1464px) {
}
._5tY0qA {
position: relative
}
.KXa15A {
background-color: var(--COXgsg);
margin: 0;
padding: 16px 32px
}
.XigVYw {
position: relative
}
.VDSonA {
overflow: scroll;
scrollbar-width: none
}
.VDSonA::-webkit-scrollbar {
display: none
}
.phFLJA {
align-items: center;
display: flex;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
width: 100%
}
._RmUmw {
flex: 1 0 96px
}
@media (max-width:599px) {
.wtVIsg {
display: none
}
}
@media (max-width:899px) {
.Ms4pyA {
display: none
}
}
@media (max-width:1199px) {
.x7te_g {
display: none
}
}
@media (min-width:600px) {
.k4b3hQ {
display: none
}
}
@media (min-width:900px) {
.mB4ipw {
display: none
}
}
@media (min-width:1200px) {
._1zP_AA {
display: none
}
}
.gEH0AA {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.yiU4lw {
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0
}
.SPIcog,
.yiU4lw {
display: flex;
justify-content: center
}
.SPIcog {
align-items: center;
box-sizing: border-box;
height: 80px;
min-width: 50%;
padding: 16px
}
._4UWLcg {
max-height: 48px;
max-width: 100%
}
@media (min-width:600px) {
.P_0IsA {
min-height: 48px
}
.gEH0AA {
display: flex;
flex-wrap: nowrap;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
overflow: hidden
}
.gEH0AA .yiU4lw {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.gEH0AA.u_ayEQ .yiU4lw {
-webkit-animation-play-state: running;
animation-play-state: running
}
.gEH0AA:hover .yiU4lw {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.yiU4lw {
-webkit-animation: _3O8byg 30s linear infinite;
animation: _3O8byg 30s linear infinite;
flex-shrink: 0;
justify-content: space-around;
min-width: 100%
}
@-webkit-keyframes _3O8byg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
}
@keyframes _3O8byg {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
}
.SPIcog {
height: 48px;
min-width: auto;
padding: 0 24px
}
}
._oPMVg {
flex-grow: 1
}
.I1UKGw {
color: #fbbe28
}
._MF9bw {
height: 40px
}
.Yqwnkg {
margin-bottom: 32px
}
.z9XbBg {
display: flex;
justify-content: center;
margin-top: 32px
}
@media (min-width:600px) {
.Yqwnkg {
margin-bottom: 48px
}
.z9XbBg {
margin-top: 48px
}
}
.O8yWKw {
list-style: none;
margin: 0 0 32px;
padding: 0
}
._7AkXvg {
border: 1px solid var(--OHlWbw);
border-radius: 16px;
box-sizing: border-box;
flex: 1 1 0;
margin-bottom: 32px;
padding: 24px
}
@media (min-width:900px) {
.O8yWKw {
display: flex;
justify-content: center;
margin-bottom: 0
}
._7AkXvg {
margin: 0 12px;
min-width: 176px;
padding: 32px 24px
}
}
.pBfE8g {
margin: 0 auto 24px;
max-width: 600px
}
.x8Yzkg {
margin-top: 16px
}
._9OGEEQ {
align-items: center;
display: flex;
flex-grow: 1;
margin-bottom: 32px
}
.c0MmLw {
padding: 0 16px
}
.xZDIjw {
display: flex
}
.mCErzA {
align-self: baseline;
flex: 0 0 auto;
margin-right: 16px
}
.jfcFmg {
align-items: stretch;
display: flex;
flex-direction: column;
margin-top: 48px
}
@media (min-width:600px) {
.pBfE8g {
align-items: center;
margin-bottom: 32px
}
.IkmoGA,
.x8Yzkg {
text-align: center
}
.Z3or0A {
grid-column-gap: 32px;
align-items: center;
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-around
}
._9OGEEQ {
margin-bottom: 0;
order: 1
}
.c0MmLw {
justify-self: center;
max-width: 400px;
padding: 0
}
.mCErzA {
margin-left: 0
}
.jfcFmg {
align-items: center
}
}
.QyW_aA {
display: grid;
grid-template-columns: repeat(3, 1fr)
}
._6WahTQ {
overflow: hidden
}
.H9E3IQ {
position: relative
}
.B6EleQ {
height: 100%;
position: absolute;
width: 100%
}
.E_WFiA {
display: flex;
gap: 4px
}
.zJJGcg {
display: flex;
height: 100%;
width: 100%
}
._9Pz_Fg {
align-items: center;
justify-content: center;
overflow: hidden;
position: relative
}
._51n8Zg {
height: 100%;
position: absolute;
width: 100%
}
.z883JA {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.hW6Lvw .z883JA {
-webkit-transform: translate(-100%);
transform: translate(-100%)
}
.qZkKVA,
.w1tiAw,
.z883JA.PrNlpQ {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.E17HfQ,
.PrNlpQ {
transition-duration: inherit;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.WU7bhQ,
.w1tiAw.E17HfQ {
-webkit-transform: translate(-100%);
transform: translate(-100%)
}
.hW6Lvw .WU7bhQ,
.hW6Lvw .w1tiAw.E17HfQ {
-webkit-transform: translate(100%);
transform: translate(100%)
}
._51n8Zg:last-child:nth-child(3) {
transition: none
}
._3nO0qw {
align-items: center;
display: flex;
height: 100%
}
.YPL3RA {
display: flex;
gap: 4px
}
.Z8iVIQ {
-webkit-transform: scale(.8);
transform: scale(.8)
}
.OxDn5g {
align-items: center;
display: flex;
margin-left: -2px;
margin-right: -2px
}
.OxDn5g.bMzELQ {
background: #fff;
border-radius: 8px;
color: #000;
height: 12px;
margin: 2px 0;
mix-blend-mode: screen;
padding: 0 3px 0 4px
}
.OxDn5g.IGTAtw {
color: #fbbe28
}
.rrWmIQ {
margin-bottom: 16px
}
.ONGY_A {
margin-bottom: 40px
}
.BtrntQ {
margin-top: 24px
}
.BtrntQ,
.vk3_iQ {
width: 100%
}
@media (min-width:600px) {
.ONGY_A,
.rrWmIQ {
text-align: center
}
.kASinA {
align-items: center;
display: flex;
flex-direction: column
}
.BtrntQ {
margin-top: 58px;
width: -webkit-fit-content;
width: fit-content
}
}
._2LfrSA {
text-decoration: none;
transition: color .2s
}
.I_9PuQ,
._2LfrSA {
color: var(--pUV7hA)
}
.I_9PuQ {
background-color: currentColor;
height: 16px;
width: 1px
}
._2LfrSA:hover {
color: var(--elFFpw)
}
.HQPhMQ {
grid-gap: 8px;
align-items: center;
display: grid;
grid-auto-flow: column;
justify-content: center;
text-align: center
}
.HQPhMQ._8xKUMw {
grid-auto-flow: row
}
.HQPhMQ._8xKUMw .I_9PuQ {
display: none
}
.QsFqmA {
background: var(--bDblYw);
box-sizing: border-box;
width: 100%
}
.tu_neg {
margin: 0 auto
}
.oZDgBA {
border-top: 1px solid var(--7hnsIg);
display: flex;
flex-direction: column;
padding: 16px 0
}
.kI8AOg {
flex-basis: 0;
flex-grow: 1
}
.lQshfQ {
align-items: center;
background: none;
border: none;
cursor: pointer;
display: flex;
justify-content: space-between;
padding: 16px;
width: 100%
}
.slKuYA {
left: 16px;
position: absolute;
right: 16px
}
.OV7FZg {
transition: visibility .5s step-end;
visibility: hidden
}
._36wRw {
transition: -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}
.nUFTyQ {
background-color: var(--bDblYw)
}
.nr6A9g {
align-items: center;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px 0
}
.nr6A9g.IqDI1w {
border-top: 1px solid var(--7hnsIg)
}
.lr2JSw:not(:first-child) {
margin-top: 16px
}
.HFtdmQ {
display: flex;
justify-content: flex-end
}
._7JNYyg {
order: 10
}
.P2KX6g {
align-items: center;
display: grid;
grid-auto-flow: row;
justify-items: center
}
.nr6A9g.kkLD2A {
flex-direction: row
}
.nr6A9g.kkLD2A .lr2JSw {
flex-basis: 0;
flex-grow: 1;
margin: 0
}
.nr6A9g.kkLD2A ._7JNYyg {
order: 0
}
.nr6A9g.kkLD2A .P2KX6g {
grid-gap: 8px;
grid-auto-flow: column;
justify-content: flex-start;
white-space: nowrap
}
.nr6A9g.kkLD2A .lr2JSw.Pqb6Qg {
flex-grow: 3
}
.nr6A9g .lr2JSw.Pqb6Qg {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center
}
._5ZD_KA:not(:last-child) {
margin-right: 8px
}
._90xTUQ {
display: flex;
justify-content: center;
position: relative
}
.d_TCmw {
bottom: 100%;
display: none;
margin-bottom: 8px;
position: absolute
}
._90xTUQ:hover .d_TCmw {
display: block
}
.GbHUNg {
display: block;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0 0 8px
}
._M4uTQ:not(:last-child) {
margin-bottom: 16px
}
.cR5uwg {
cursor: pointer
}
.cR5uwg:hover {
color: var(--elFFpw)
}
.C05T9Q {
transition: color .2s
}
.GbHUNg.lPdMmQ {
margin: 16px 0;
padding-bottom: 0;
padding-right: 16px
}
.GbHUNg.lPdMmQ ._M4uTQ:not(:last-child) {
margin-bottom: 8px
}
.JPEong {
display: block
}
.C2ahAg {
display: none
}
@media (min-width:900px) {
.JPEong {
display: none
}
.C2ahAg {
display: block
}
}
.UKx_fw {
background: var(--bDblYw);
border-top: 1px solid var(--7hnsIg);
box-sizing: border-box;
width: 100%
}
.wc0cmA {
margin: 0 auto;
padding: 0 32px
}
.TKvjMQ {
display: flex;
flex-direction: row;
margin-bottom: 48px
}
.HMPMYQ {
border-top: none;
flex-basis: 0;
flex-grow: 1;
margin: 0
}
.wPFAJw {
display: flex;
justify-content: space-between;
padding: 48px 0 0
}
.ARxUVg {
color: var(--pUV7hA);
text-decoration: none;
transition: color .2s
}
.light {
--QjoAaQ: #f4f4f6
}
.dark {
--QjoAaQ: #252627
}
.Wrk03w {
align-items: stretch;
background-color: var(--bDblYw);
border: 1px solid;
border-color: var(--7hnsIg);
border-radius: 4px;
box-sizing: border-box;
color: var(--pUV7hA);
cursor: text;
display: flex;
height: 40px;
overflow: hidden;
padding: 0 12px;
position: relative;
width: 100%
}
._7r5TJw {
padding-left: 0
}
.s5hqTw {
padding-right: 0
}
.c7zhBg:not(.U8_pEg, .HMkvaQ, .xThZKg, .hz9dow):hover {
border-color: var(--hmBz5w)
}
.U8_pEg {
border-color: var(--3j0O2w)
}
.DHY8xg {
outline: 2px solid Highlight;
outline: 2px solid -webkit-focus-ring-color;
outline-offset: -2px
}
.xThZKg {
border-color: var(--CgOmqg)
}
.HMkvaQ {
background-color: var(--QjoAaQ);
border-color: var(--6qQCNQ);
color: var(--fSfh3A);
cursor: not-allowed
}
.hz9dow:not(.xThZKg) {
background-color: transparent;
border-color: transparent
}
.s_JGcg {
-webkit-appearance: none;
appearance: none;
background: inherit;
border: 0;
box-sizing: border-box;
color: inherit;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
min-width: 8px;
outline: none;
padding: 0 0 1px;
width: 100%
}
.s_JGcg::-ms-clear {
display: none
}
.CmLV0g::-webkit-contacts-auto-fill-button {
position: absolute;
right: 0;
visibility: hidden
}
[dir=rtl] .s_JGcg:placeholder-shown {
direction: rtl
}
.s_JGcg::-webkit-input-placeholder {
color: var(--Ya2EDg)
}
.s_JGcg::-ms-input-placeholder {
color: var(--Ya2EDg)
}
.s_JGcg::placeholder {
color: var(--Ya2EDg)
}
.s_JGcg:disabled {
color: var(--fSfh3A);
cursor: not-allowed
}
.rr8GjQ {
align-items: center;
display: flex;
flex: 1 0 32px;
justify-content: center;
padding: 0 4px
}
.rr8GjQ:first-child {
padding-left: 3px
}
.rr8GjQ:last-child {
padding-right: 3px
}
.CwDNuQ {
pointer-events: none
}
.uy70kA {
pointer-events: all
}
.ZWn__w {
position: relative
}
.hweYKQ {
position: absolute;
right: 0;
top: 0
}
.CItIxQ {
text-align: center
}
.s_JGcg[type=number]::-webkit-inner-spin-button,
.s_JGcg[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.s_JGcg[type=number] {
-moz-appearance: textfield
}
.s_JGcg[type=search]::-webkit-search-cancel-button,
.s_JGcg[type=search]::-webkit-search-decoration,
.s_JGcg[type=search]::-webkit-search-results-button,
.s_JGcg[type=search]::-webkit-search-results-decoration {
display: none
}
.YxrMgA {
display: grid
}
.YxrMgA.BdEung,
.YxrMgA.uansVw {
grid-gap: 8px
}
.YxrMgA.uansVw {
grid-gap: 8px;
grid-auto-columns: -webkit-max-content;
grid-auto-columns: max-content;
grid-auto-flow: column
}
.IgYDIg {
margin-left: -16px;
margin-right: -16px
}
.oGPTlw {
border: 0;
border-radius: 0;
display: grid;
grid-auto-columns: minmax(0, 1fr);
height: auto;
min-height: 40px;
padding: 8px 16px;
text-align: start
}
.uansVw .oGPTlw {
min-width: 40px;
text-align: center
}
.EiK6Eg .oGPTlw {
border-radius: 4px
}
.oGPTlw:focus {
outline: 2px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.oGPTlw.vCeYsQ {
outline: none
}
.Ccp0_A {
align-items: center;
display: grid;
min-height: 16px
}
.uansVw .Ccp0_A {
min-height: 100%
}
.IgYDIg .Ccp0_A {
margin-left: 16px;
margin-right: 16px
}
:first-child>.Ccp0_A {
display: none
}
.JVMjdg {
align-items: center;
display: flex;
min-height: 32px;
padding: 0 16px
}
.asrFfw .k__oiw .oGPTlw {
padding-left: 32px
}
._18nt_A {
position: relative
}
._18nt_A .YxrMgA {
padding-left: 16px
}
.YxrMgA ._18nt_A .YxrMgA.BdEung {
padding-top: 8px
}
.x2rT6Q {
display: block;
height: 16px;
position: relative
}
.Ke_P_w {
left: -8px
}
.Ke_P_w,
.hL867w {
position: absolute
}
.hL867w {
left: 4px;
top: 4px;
width: 24px
}
.hL867w:before {
content: "";
height: calc(100% + 8px);
position: absolute;
width: 32px
}
.pZYHAg.pZYHAg {
background-color: unset
}
.HDQq8g {
--configured-width: auto;
background: var(--TlUudQ);
border-radius: 4px;
max-height: calc(100vh - 32px);
opacity: 0;
overflow-y: auto;
overscroll-behavior: contain;
width: var(--configured-width)
}
.HDQq8g.TqHVKw {
--configured-width: 128px
}
.HDQq8g.hBil5A {
--configured-width: 256px
}
.HDQq8g.LKfrmQ {
--configured-width: 320px
}
.HDQq8g.L_e6DA {
--configured-width: 360px
}
.HDQq8g.VvrmMw {
--configured-width: 416px
}
.HDQq8g.Lm3N7g {
--configured-width: var(--reference-width)
}
.HDQq8g.eA689g {
max-width: var(--configured-width);
width: auto
}
._HhHhQ .HDQq8g {
opacity: 1
}
.SYvJfQ .HDQq8g {
transition: opacity .15s ease-in-out
}
[x-placement^=top] .HDQq8g {
margin-bottom: var(--standard-offset)
}
[x-placement^=right] .HDQq8g {
margin-left: var(--standard-offset)
}
[x-placement^=bottom] .HDQq8g {
margin-top: var(--standard-offset)
}
[x-placement^=left] .HDQq8g {
margin-right: var(--standard-offset)
}
.HDQq8g.SsJGJw {
margin-left: var(--standard-offset)
}
.ctxLGw {
bottom: var(--virtual-keyboard-height, 0);
height: 100%;
left: 0;
position: fixed;
width: 100%
}
.ctxLGw.ADVbAQ {
transition: bottom .2s ease
}
@supports (top:100svh) {
.ctxLGw {
height: 100vh
}
}
.ctxLGw:not(.ssJEHQ) {
pointer-events: none
}
.ssJEHQ {
background-color: rgba(13, 18, 22, 0);
touch-action: none
}
.Fe1rvQ .ssJEHQ {
transition: background-color .2s ease-in-out
}
.kGB9eg .ssJEHQ {
background-color: var(--bIodnw)
}
.YGxEZw {
bottom: var(--safe-area-inset-bottom);
left: 0;
right: 0;
top: calc(var(--safe-area-inset-top) + var(--viewport-difference-height, 0px))
}
.B30HKg,
.YGxEZw {
position: absolute
}
.B30HKg {
bottom: calc(var(--safe-area-inset-bottom)*-1);
display: flex;
flex-direction: column;
height: calc(var(--sheet-snap-height, 100%) + var(--safe-area-inset-bottom));
height: min(calc(var(--sheet-snap-height, 100%) + var(--safe-area-inset-bottom)), var(--visual-viewport-height, 100%));
pointer-events: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%);
width: 100%
}
.Fe1rvQ .B30HKg {
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
.kGB9eg .B30HKg {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.B30HKg._40fPCA:not(._5n8VMg) {
height: auto;
max-height: calc(var(--sheet-snap-height, 100%) + var(--safe-area-inset-bottom));
max-height: min(calc(var(--sheet-snap-height, 100%) + var(--safe-area-inset-bottom)), var(--visual-viewport-height, 100%))
}
.B30HKg._5n8VMg {
bottom: unset;
height: calc(100% + var(--safe-area-inset-bottom));
height: min(calc(100% + var(--safe-area-inset-bottom)), var(--visual-viewport-height, 100%));
top: calc(100% - var(--sheet-snap-height, 100%));
top: max(calc(100% - var(--sheet-snap-height, 100%)), calc(100% - var(--visual-viewport-height, 100%) + var(--safe-area-inset-bottom)))
}
.B30HKg._5n8VMg.I3I7wQ {
will-change: transform
}
.B30HKg._5n8VMg .c6W7lg {
overflow-y: hidden
}
.ADVbAQ .B30HKg {
transition: height .2s ease
}
._tn8KQ {
bottom: 100%;
height: 100vh;
position: absolute;
width: 100%
}
.EAUKnw {
display: flex;
flex-shrink: 0;
justify-content: center;
padding-bottom: 8px;
padding-top: 10px
}
.s9x63g {
border-radius: 3px;
height: 6px;
width: 32px
}
.c6W7lg,
.s9x63g {
background: var(--TlUudQ)
}
.c6W7lg {
border-radius: 12px 12px 0 0;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
overflow-y: auto;
overscroll-behavior: contain
}
.c6W7lg.mfFpRQ {
padding-bottom: var(--safe-area-inset-bottom)
}
.GS0mPA {
touch-action: none
}
._40fPCA .c6W7lg {
flex-basis: auto;
flex-shrink: 1
}
.GurL_Q {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1
}
.TG4iEw {
z-index: 0
}
.Zj_k9Q {
bottom: 0;
position: -webkit-sticky;
position: sticky
}
.pvMVEg {
display: inline-block;
max-width: 100%
}
.RsZ59Q {
display: block
}
._618DsA {
padding: 8px 0
}
._618DsA.CeoDuA {
max-height: 220px;
overflow: auto;
position: relative
}
._22JLgA {
border-color: var(--7hnsIg);
border-radius: 4px;
border-width: 1px;
padding: 0 12px
}
._27TLPA {
flex: 1;
padding-right: 8px
}
.VjuBng {
color: var(--Ya2EDg)
}
._22JLgA._22JLgA._22JLgA {
background-color: var(--bDblYw)
}
._22JLgA.JtrZ3g:hover {
border-color: var(--hmBz5w)
}
._22JLgA._22JLgA:active {
border-color: var(--3j0O2w)
}
._22JLgA.bPreJg {
border-color: var(--3j0O2w)
}
._22JLgA.aVwKtQ {
border-color: var(--CgOmqg)
}
._22JLgA._22JLgA[aria-disabled=true] {
background-color: var(--QjoAaQ);
border-color: var(--6qQCNQ)
}
.nMpDaQ,
.nMpDaQ.Tp_Zgg.Tp_Zgg {
background-color: var(--H8nEqw)
}
.nMpDaQ.Tp_Zgg.Tp_Zgg:hover {
background-color: var(--8ZR-UA)
}
._0ps_ow {
align-items: center;
display: grid;
min-height: 16px
}
._5XRpNA,
._FX8aQ {
background: var(--TlUudQ);
padding: 12px;
position: -webkit-sticky;
position: sticky
}
._5XRpNA {
border-bottom: 1px solid var(--7hnsIg);
top: 0
}
._FX8aQ {
border-top: 1px solid var(--7hnsIg);
bottom: 0
}
.kV7DUQ {
display: inline-block
}
.EQL8Lg {
width: 100%
}
.FJSIWg {
grid-column-gap: 8px;
align-items: center;
display: grid;
grid-template-columns: auto 1fr auto;
justify-items: left
}
.JvAaug {
display: none
}
.QAI3Kw {
background-color: var(--H8nEqw)
}
._7ofBvA {
color-scheme: light;
position: fixed
}
.a4QjSA {
flex: 1
}
._SfaXw {
box-sizing: border-box;
width: 100%
}
.YeAAog,
._SfaXw {
max-width: 272px
}
._8aslVA {
display: block
}
._8aslVA>img,
._8aslVA>svg {
display: block;
height: 100%;
width: 100%
}
._VxbfQ {
align-items: center;
box-sizing: border-box;
display: flex;
justify-content: space-between;
min-height: 72px;
padding: 16px 0
}
.JRrpxg,
.SV0IxQ {
flex-shrink: 0;
margin-left: -12px;
margin-right: 4px
}
._0TczQQ {
flex-shrink: 0;
position: unset
}
.pvf_dg {
align-items: center;
display: flex
}
.IDdBMg {
margin-right: 8px;
width: 64px
}
.IDdBMg.eC7GsQ {
width: 111.2px
}
.IDdBMg.yAYMKQ {
width: 128px
}
.QMv3wA {
flex-shrink: 0;
margin-left: 8px
}
.PYoGFg,
.R3lH9w {
flex-shrink: 0;
margin-left: 16px
}
.Kfef0g {
margin-left: 8px
}
.B74wyQ {
display: flex;
flex: 1 1 auto;
margin-left: 16px;
max-width: -webkit-max-content;
max-width: max-content;
min-width: 0;
width: 100%
}
.PYoGFg {
grid-column-gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr
}
.X0Bbog {
contain: size layout;
flex: 1 2 auto;
height: 40px;
position: relative;
width: 100%;
z-index: 1
}
.X0Bbog:empty {
width: 0
}
.tE9ByQ {
opacity: 0
}
.Dqw6ZQ,
.KKuxIw {
opacity: 1
}
.YHbk6Q {
opacity: 0
}
.jekGnQ {
margin-left: 8px
}
@media (min-width:600px) {
._VxbfQ {
padding: 8px 0
}
.JRrpxg,
.SV0IxQ {
margin-left: 0;
margin-right: 16px
}
.pvf_dg {
margin-left: 8px
}
._0TczQQ {
position: unset
}
.IDdBMg {
min-width: 80px;
width: 80px
}
.IDdBMg.eC7GsQ {
width: 139px
}
.IDdBMg.yAYMKQ {
width: 160px
}
.X0Bbog {
margin-left: 16px;
margin-right: auto
}
.SGk7jg {
height: 40px;
left: 0;
min-width: 100%;
position: absolute;
right: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
._0ukAdA .SGk7jg {
transition: min-width .15s ease-in-out, opacity .3s ease
}
.Jde1zw {
min-width: 368px
}
}
@media (min-width:900px) {
._VxbfQ {
padding: 8px 0
}
.B74wyQ {
margin-right: 48px;
position: relative
}
.X0Bbog {
margin-left: auto;
min-width: 240px
}
.X0Bbog._6E6IoA {
margin-right: 0;
max-width: 600px
}
.X0Bbog:empty {
min-width: 0
}
.SGk7jg {
left: auto;
right: 0
}
}
@media (max-width:599px) {
.DwB3TQ {
display: none
}
}
@media (min-width:600px) and (max-width:899px) {
.mRLVxw {
display: none
}
}
@media (min-width:900px) {
.Y2kvUA {
display: none
}
}
.light {
--Q6ntOQ: 0 2px 4px -1px rgba(57, 76, 96, .15)
}
.dark {
--Q6ntOQ: 0 1px 0 0 var(--OHlWbw)
}
.a6f7yQ {
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}
._2pukyg {
position: relative
}
.Ft_8Cg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.Ft_8Cg.e2L4zw {
background-color: var(--TlUudQ)
}
.Ft_8Cg.N6xJaA {
box-shadow: var(--Q6ntOQ)
}
.IMy50w {
box-sizing: border-box;
padding: 0 16px;
position: relative;
width: 100%
}
@media (min-width:600px) {
.IMy50w {
padding: 0 32px
}
}
@media (min-width:900px) {
.IMy50w.EOPyDg {
padding-left: 16px
}
}
.Oiyi6A {
display: block
}
.U074LQ {
display: none
}
@media (min-width:600px) {
.Oiyi6A {
display: none
}
.U074LQ {
display: block
}
}
.H5IbuQ {
background: var(--IKngdQ);
border-radius: 50%;
height: 8px;
width: 8px
}
.Rj11Bw {
box-shadow: 0 0 0 2px var(--bDblYw)
}
.SyjkLQ {
-webkit-animation: T8oJNQ 1s infinite alternate;
animation: T8oJNQ 1s infinite alternate;
will-change: transform
}
@-webkit-keyframes T8oJNQ {
0% {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg)
}
to {
-webkit-transform: scale(1.2) rotate(1deg);
transform: scale(1.2) rotate(1deg)
}
}
@keyframes T8oJNQ {
0% {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg)
}
to {
-webkit-transform: scale(1.2) rotate(1deg);
transform: scale(1.2) rotate(1deg)
}
}
.vOOF6Q {
box-sizing: border-box;
contain: size layout;
height: 64px;
justify-content: space-between;
margin: 0 -16px;
min-height: 0;
padding: 12px 16px;
position: relative
}
.NIwzyQ,
.vOOF6Q {
align-items: center;
display: flex
}
.NIwzyQ {
height: 100%;
opacity: 1;
width: 40px
}
.tEOcLw .NIwzyQ {
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}
.hnk69g {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.x_ThNw {
flex: 0 0 auto;
height: 40px;
margin-left: -4px;
margin-right: auto;
position: relative;
width: 40px
}
.x_ThNw.AK00SQ {
margin-left: 0;
width: 0
}
.M9lriQ {
background-color: var(--TlUudQ);
border-radius: 4px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%
}
.AA_NOA {
left: 24px;
pointer-events: none;
position: absolute;
top: 9px;
white-space: nowrap
}
._2zt_bQ {
align-self: stretch;
flex: 1;
min-width: 0;
position: relative
}
._2zt_bQ._2vDVfQ,
._2zt_bQ.gLMZrw {
padding-right: 16px
}
._2zt_bQ.aS_9Kg {
padding-left: 16px
}
._2zt_bQ._57OBXw.aS_9Kg {
padding-left: 4px;
padding-right: 40px
}
._2zt_bQ._57OBXw._2vDVfQ.aS_9Kg {
padding-left: 4px;
padding-right: 4px
}
._2zt_bQ._57OBXw._2vDVfQ:not(.aS_9Kg) {
padding-left: 40px;
padding-right: 4px
}
._2zt_bQ._57OBXw.gLMZrw.aS_9Kg {
padding-left: 44px;
padding-right: 4px
}
._2zt_bQ._57OBXw.gLMZrw:not(.aS_9Kg) {
padding-left: 80px;
padding-right: 4px
}
.hLDBfw {
color: var(--pUV7hA)
}
.kgXnpw {
align-items: center;
display: flex;
flex: 0 0 auto;
height: 40px;
margin-left: auto;
margin-right: -4px;
position: relative
}
.kgXnpw.AK00SQ {
margin-right: 0;
width: 0
}
.kgXnpw.AVVPNA {
width: 40px
}
.kgXnpw.pUb9wA {
width: 80px
}
.njQiXg {
position: absolute
}
.njQiXg.MBb3JQ {
right: 0
}
.njQiXg.kkuBRw {
right: 40px
}
.eiEZIg {
display: none
}
._8g2tgQ,
.hLDBfw {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
text-decoration: none
}
.crX_DQ {
flex-shrink: 0
}
.evEDMw {
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%
}
.evEDMw.IlwW6A {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
.tEOcLw .evEDMw.IlwW6A {
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}
.evEDMw.MpAYfg,
.evEDMw.gYXtfA {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.evEDMw.gYXtfA {
padding: inherit
}
.tEOcLw .evEDMw.gYXtfA {
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease;
transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease
}
.evEDMw.YRlVuA {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
.IlwW6A {
opacity: 0
}
.tEOcLw .IlwW6A {
transition: opacity .3s ease
}
.MpAYfg,
.gYXtfA {
opacity: 1
}
.gYXtfA {
left: 0;
position: absolute;
top: 0
}
.tEOcLw .gYXtfA {
transition: opacity .3s ease
}
.YRlVuA {
opacity: 0
}
.tJvQbA {
width: 100%
}
.njQiXg.gYXtfA {
left: auto
}
._1YN4dw {
display: flex;
flex-direction: column
}
._1YN4dw._7OfZ5w {
height: 100%;
overflow-y: auto
}
._1YN4dw:after {
content: "";
padding-bottom: 24px
}
.MMKAXQ {
height: auto;
padding: 56px
}
.MMKAXQ:hover {
background: inherit
}
.MMKAXQ ._0gJsgQ {
display: block;
margin: 0 auto;
max-width: 100%
}
.Yk4t9w {
background-color: var(--sz5W9A);
margin-bottom: 4px;
padding-left: 20px;
padding-right: 20px
}
.Yk4t9w:not(.oY9gLA):focus,
.Yk4t9w:not(.oY9gLA):hover {
background-color: var(--8ZR-UA)
}
.Yk4t9w:not(.oY9gLA):active {
background-color: var(--H8nEqw)
}
.VbYXdg,
.VbYXdg .NRSigg {
color: var(--FTyzZQ)
}
._9aVwfw {
align-items: center;
display: flex;
padding: 16px 24px
}
._76GNsw {
margin-left: 8px
}
.RlfVpg {
border-bottom: 1px solid var(--OHlWbw)
}
.lRoHLg {
padding-bottom: 8px;
padding-top: 8px
}
.Bsgx1w {
height: auto;
padding-left: 0
}
.P2oVfg {
margin: 12px 8px
}
._5aI0pg {
--x-offset: 40px;
--y-offset: 0px;
--x-offset-neg: calc(var(--x-offset)*-1);
--y-offset-neg: calc(var(--y-offset)*-1);
--duration: 250ms;
--duration-delay: 50ms
}
._5aI0pg>.UNS9Xg,
._5aI0pg>.YcMl9w {
transition: opacity var(--duration) ease-in-out, -webkit-transform var(--duration) ease-in-out;
transition: opacity var(--duration) ease-in-out, transform var(--duration) ease-in-out;
transition: opacity var(--duration) ease-in-out, transform var(--duration) ease-in-out, -webkit-transform var(--duration) ease-in-out
}
._5aI0pg>.UNS9Xg {
transition-delay: var(--duration-delay)
}
.U50iPg,
.YcMl9w {
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.zdRd5w>.oFTRzg {
display: none
}
.AkHFfg>.oFTRzg {
visibility: hidden
}
.UNS9Xg {
opacity: 1
}
.VlOegQ>.YcMl9w,
.axqc0g>.U50iPg {
-webkit-transform: translate3d(var(--x-offset), var(--y-offset), 0);
transform: translate3d(var(--x-offset), var(--y-offset), 0)
}
.FE5aXA>.U50iPg,
.FE5aXA>.YcMl9w,
.VlOegQ>.U50iPg,
.axqc0g>.YcMl9w {
-webkit-transform: translate3d(var(--x-offset-neg), var(--y-offset-neg), 0);
transform: translate3d(var(--x-offset-neg), var(--y-offset-neg), 0)
}
.FE5aXA>.UNS9Xg,
.VlOegQ>.UNS9Xg,
.axqc0g>.UNS9Xg {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.epgNPA {
width: 100%
}
.NvaaRg {
overflow: hidden
}
.epgNPA._3pVd7A {
display: flex
}
.KhPLRA {
display: grid;
grid-template-areas: "content";
grid-template-columns: 1fr;
grid-template-rows: 1fr;
position: relative
}
.DiwaPA,
.DiwaPA>.KhPLRA {
height: 100%;
max-height: 100%
}
._3pVd7A,
._3pVd7A>.KhPLRA {
flex: 1
}
.T3uz5Q {
grid-area: content
}
._8StnQ {
display: flex;
flex-direction: column
}
._8StnQ,
.w1HfGA {
box-sizing: border-box;
height: 100%
}
.w1HfGA {
overflow: scroll;
overscroll-behavior: contain;
padding-bottom: var(--safe-area-inset-bottom);
padding-top: max(var(--safe-area-inset-top), 8px);
scrollbar-width: none;
width: 80vw
}
.w1HfGA>._8StnQ {
min-height: calc(100% + 1px)
}
.w1HfGA::-webkit-scrollbar {
height: 0;
width: 0
}
.UzYBpg {
position: fixed;
width: 20vw;
z-index: 2
}
.UzYBpg,
.wEn6fA {
height: 100%;
right: 0;
top: 0
}
.wEn6fA {
overflow: scroll;
overscroll-behavior: none;
position: absolute;
scrollbar-width: none;
width: 100%
}
.wEn6fA::-webkit-scrollbar {
height: 0;
width: 0
}
.wEn6fA:after {
bottom: -1px;
content: "";
display: block;
height: 1px;
position: absolute;
width: 1px
}
@media (min-width:600px) {
.w1HfGA {
width: 280px
}
.wEn6fA {
width: calc(100vw - 280px)
}
}
.light {
--gwrM2g: 0 2px 4px -1px rgba(57, 76, 96, .15)
}
.dark {
--gwrM2g: 0 1px 0 0 var(--OHlWbw)
}
.KcI2eA {
box-shadow: var(--gwrM2g);
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
position: -webkit-sticky;
position: sticky
}
.KcI2eA,
.oi_MyQ {
align-items: center;
display: flex
}
.oi_MyQ {
margin-left: auto
}
._3FfiRg {
flex-grow: 1;
overflow: scroll;
overscroll-behavior: contain
}
._3FfiRg:last-child {
margin-bottom: -16px
}
._31PiBA {
padding-left: 4px;
padding-right: 12px;
padding-top: 16px
}
@media (min-width:600px) {
._31PiBA {
display: none
}
}
.ZBLcpQ {
margin-bottom: 16px;
margin-left: -10px
}
.ZBLcpQ~._2RjIg {
margin-top: -16px
}
.KgPGBw {
margin-bottom: 16px;
margin-top: -16px;
padding-left: 0;
padding-right: 0
}
._2RjIg {
margin-top: 0
}
.mgJvzQ {
display: flex;
flex-direction: column;
padding: 0 24px
}
.mgJvzQ,
.mgJvzQ .S3XyHg,
.mgJvzQ .lEmf6Q {
margin-top: 16px
}
.rL6obw:focus .vp7rhA,
.rL6obw:hover .vp7rhA {
text-decoration: underline
}
.xC0ZZQ {
display: block;
padding: 8px;
width: 256px
}
._4WL2Sg {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
will-change: transform
}
._4WL2Sg,
.xC0ZZQ ._4WL2Sg {
transition: -webkit-transform .1s linear;
transition: transform .1s linear;
transition: transform .1s linear, -webkit-transform .1s linear
}
.xC0ZZQ:focus ._4WL2Sg,
.xC0ZZQ:hover ._4WL2Sg {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
._3N_tLw {
align-items: center;
border-radius: 4px;
display: flex;
min-height: 64px;
padding: 8px;
transition: background-color .15s ease-in-out;
width: 320px
}
._3N_tLw:focus,
._3N_tLw:hover {
background-color: var(--8ZR-UA)
}
.RR1BJw {
border-radius: 8px;
overflow: hidden
}
._3N_tLw .RR1BJw {
flex-shrink: 0;
height: 64px;
width: 64px
}
.xC0ZZQ .RR1BJw {
padding-bottom: 75%;
position: relative
}
.xC0ZZQ ._4WL2Sg {
position: absolute
}
._3N_tLw .P6lZKw {
margin-left: 16px
}
.xC0ZZQ .P6lZKw {
margin-top: 16px
}
.ewR5rQ {
height: auto;
padding: 16px 24px;
text-align: center
}
.kykSCw {
min-height: 32px
}
.Rl0h1Q {
max-height: 80vh;
overflow-y: auto;
width: 256px
}
.bb6R6Q {
display: flex;
padding: 8px
}
.bb6R6Q.VxhppQ {
min-height: 400px;
padding: 0
}
.bb6R6Q.NKh7mw {
flex-direction: column;
min-height: auto;
padding: 16px
}
.oQW2eA {
margin: 0 0 0 8px;
width: 168px
}
.oQW2eA:first-child {
margin-left: 0
}
.oQW2eA:last-child {
margin-right: 8px
}
.Vuyc0A {
border-left: 1px solid var(--OHlWbw);
display: flex;
flex-direction: column;
justify-content: space-between
}
.Vuyc0A:first-child {
border-left: none;
flex-grow: 1
}
.mUF4mg {
padding: 16px;
width: auto
}
.mUF4mg,
.n1Eo8Q {
align-self: flex-start
}
.n1Eo8Q {
padding: 0
}
._7g6uVg {
grid-column-gap: 48px;
align-self: auto
}
.FgpbpQ,
._7g6uVg {
display: flex
}
._8i_uxQ,
._8i_uxQ .XlJIZw {
display: grid;
grid-auto-flow: column;
width: auto
}
._8i_uxQ .XlJIZw {
grid-column-gap: 48px;
align-self: auto
}
._8i_uxQ .XlJIZw,
._u0mlQ {
grid-template-rows: repeat(var(--maxListLength), auto)
}
._4vOcBA._8i_uxQ {
grid-column-gap: 16px
}
.xe5OCQ {
white-space: nowrap
}
.wBCXaA {
font-size: 0
}
.zJQZNQ {
vertical-align: -1px
}
.V_7VTQ {
align-items: center;
border-top: 1px solid var(--OHlWbw);
display: inline-flex;
height: 64px;
padding-left: 24px
}
.J6T2aw {
border-radius: 4px;
font-weight: 700;
height: 32px;
text-decoration: none
}
.DGyY7Q {
font-size: 1.6rem;
height: auto;
padding: 8px 8px 0
}
.J6T2aw.DGyY7Q {
display: block
}
.gw6oIw {
align-items: center;
display: flex
}
.LS_fHA,
.gw6oIw {
white-space: nowrap
}
._7g6uVg .yiFfvw {
padding-left: 80px
}
.oFJuWg {
margin: 0
}
.QAo5vQ {
border-radius: 4px;
line-height: 24px;
margin: 8px 0 0;
padding: 4px 8px;
transition: background-color .1s linear
}
.J6T2aw {
color: var(--pUV7hA)
}
.zx0uGA {
margin-top: -8px
}
.eBjsEg {
border-radius: 8px;
box-shadow: inset 0 0 0 1px var(--OHlWbw);
box-sizing: border-box;
margin-left: 8px;
overflow: hidden
}
.eBjsEg,
.k5ptOg {
height: 96px;
width: 160px
}
.k5ptOg {
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
will-change: transform
}
._5GJVXg:focus .k5ptOg,
._5GJVXg:hover .k5ptOg {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
._5GJVXg:focus .QAo5vQ,
._5GJVXg:hover .QAo5vQ {
background-color: var(--8ZR-UA)
}
._5GJVXg:focus .J6T2aw,
._5GJVXg:hover .J6T2aw {
color: var(--elFFpw)
}
._5GJVXg:active .QAo5vQ {
background-color: var(--H8nEqw)
}
._5GJVXg:focus,
._5GJVXg:hover {
color: inherit
}
._5GJVXg {
height: auto;
text-decoration: none
}
.uoPFVw {
width: 168px
}
._1vIuVg {
margin-left: 8px
}
._9QSL7Q {
display: inline-block;
height: 16px;
margin-right: 6px;
vertical-align: text-top;
width: 16px
}
.sU9jOQ {
border-radius: 4px;
height: 32px
}
.Chclsg {
display: flex;
padding: 0 8px;
white-space: nowrap
}
.Chclsg .CP1jQw {
align-items: center;
display: flex;
height: 100%;
justify-content: flex-start
}
._2f_7cQ {
display: flex;
padding: 0 8px
}
._2f_7cQ:hover {
background-color: var(--8ZR-UA)
}
._2f_7cQ._6ER5zA {
height: 40px
}
._2f_7cQ .CP1jQw {
align-items: center;
display: flex;
height: 100%;
justify-content: flex-start
}
._6ER5zA,
.sU9jOQ {
font-size: 1.4rem
}
.CP1jQw {
color: var(--pUV7hA);
display: block;
flex: 1;
margin: 0;
max-width: 100%;
text-align: start
}
._6ER5zA .CP1jQw {
margin: 0 8px
}
.sU9jOQ .CP1jQw {
margin: 0
}
.ZU4_lw.CP1jQw {
color: var(--FTyzZQ);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
._0vZpyA.CP1jQw {
color: var(--fSfh3A);
font-weight: 600
}
.A6r7zw {
overflow: hidden;
position: relative
}
.f77EhQ {
height: 100%;
position: absolute;
top: 0;
width: 100%
}
.C_0nUQ {
align-items: center;
background: var(--pyoCYg);
display: flex;
justify-content: center;
text-align: center
}
.YEVYBA {
display: block;
height: 100%;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
width: 100%
}
.YEVYBA._5euYjg {
opacity: 0
}
.YEVYBA.ouRtEA {
transition: opacity .1s ease-in-out
}
.SxTWIQ {
list-style: none;
overflow-wrap: normal
}
.hd9s5Q {
padding: 8px 0
}
.PB0rzw {
position: absolute
}
.l4EOAw {
display: flex;
overflow-x: auto
}
.l4EOAw:after {
content: "";
visibility: hidden
}
._0XjUZQ {
right: 0
}
._23epYA,
._36HuxQ {
position: relative
}
._23epYA {
pointer-events: all
}
.So8yNA {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
pointer-events: none;
position: absolute;
visibility: hidden
}
._93f70w {
z-index: 4
}
.bcEsMQ {
max-height: 80vh;
overflow-y: auto;
width: 256px
}
.rJmUqg {
margin-bottom: -16px;
margin-top: 8px
}
.XPqG4Q {
overflow-x: visible;
position: relative;
width: 100%
}
.an_NAA {
display: flex;
margin: 0;
padding: 0
}
._0dchRA {
display: flex;
flex-direction: column;
justify-content: center;
list-style: none;
margin-right: 4px;
position: relative
}
.R0xE_Q {
visibility: hidden
}
.q9deCg {
bottom: -8px;
height: 8px;
left: 0;
position: absolute;
width: 100%
}
.OFMgtA {
right: -4px
}
.OFMgtA,
.Z0IYwg {
height: calc(100% + 8px);
position: absolute;
top: 0;
width: 4px
}
.Z0IYwg {
left: -4px
}
.TKO9Uw {
align-items: center;
display: flex;
min-width: auto;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
transition: color .2s;
word-break: keep-all
}
.vAyh0g {
display: none;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.SpRUEw {
display: block
}
.KmsGTg .k4UEew {
font-weight: 700
}
.ufgsJg {
height: 38px;
width: 38px
}
.TKO9Uw._7_JWsw,
.ufgsJg._7_JWsw {
background-color: var(--8ZR-UA)
}
.TKO9Uw.KmsGTg,
.ufgsJg.KmsGTg {
background-color: var(--H8nEqw)
}
.TKO9Uw:not(._2p3Dbw):after,
.ufgsJg:after {
content: "";
height: calc(100% + 32px);
left: 0;
position: absolute;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
width: 100%
}
.Jc5apQ {
display: flex
}
.Jc5apQ,
.k4UEew {
align-items: center
}
.k4UEew {
display: inline-flex;
flex-direction: column;
justify-content: space-between
}
.wgsMSA {
margin-left: 2px
}
.hdz69w {
font-weight: 700;
height: 0;
overflow: hidden;
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
visibility: hidden
}
._JBdsg {
height: 40px;
min-width: unset;
position: relative;
width: 40px
}
._JBdsg.o9etNQ {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
._JBdsg:focus {
background-color: unset
}
._0BdL5w {
border-radius: 8px;
max-height: 800px;
max-width: 736px;
overflow: hidden
}
.PB_QFg {
background: linear-gradient(90deg, rgba(0, 196, 204, .2), rgba(125, 42, 232, .2));
display: flex;
height: 400px;
justify-content: center
}
.TdjF1Q {
align-items: center;
display: flex;
flex-direction: column;
padding: 48px
}
.vsAl4Q {
min-width: 440px
}
.K7OpCw {
padding: 24px 40px;
width: 440px
}
.YkV_xA {
align-items: center;
display: flex;
flex-direction: column;
width: 320px
}
.RgWtOQ {
margin: 8px 0;
width: 100%
}
html {
font-size: 62.5%
}
#root,
.ZHPl4Q,
body,
html {
margin: 0;
padding: 0;
width: 100%
}
.EHoceA #root,
.EHoceA .ZHPl4Q,
.EHoceA body,
html.EHoceA {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
#root,
.ZHPl4Q {
position: relative;
z-index: 0
}
:root:lang(ko) {
word-break: keep-all
}
body {
-webkit-overflow-scrolling: touch
}
.yIDCqA {
-webkit-tap-highlight-color: transparent;
height: 100%;
position: relative;
width: 100%
}
[tabindex],
button {
-webkit-tap-highlight-color: transparent
}
.o9Kseg {
background-color: var(--bDblYw);
display: flex;
flex-direction: column;
min-height: 100vh
}
.M6yXdA {
top: 0
}
.M6yXdA,
._PMCyA {
position: -webkit-sticky;
position: sticky
}
._PMCyA {
bottom: 0;
pointer-events: none
}
.k4pGfw {
box-sizing: border-box;
flex-grow: 1;
margin: 0 0 32px;
max-width: 2560px;
padding: 0 16px;
width: 100%
}
.cUPK7A {
margin: 0 -16px
}
.k4pGfw._2XCJMg {
margin-top: 24px
}
.k4pGfw._540W6w {
margin-top: 48px
}
.AfxQAA {
margin-bottom: 48px
}
.uEQilg {
margin: auto;
max-width: 1464px
}
.R7yFSw,
.cWNinA,
.uEQilg,
.xOEd1Q {
margin-bottom: 64px
}
.mRFx9A {
margin-bottom: 96px
}
.CU_JsA {
margin-bottom: 32px
}
.nv6FFQ {
margin-bottom: 24px
}
.LkC0ZQ {
margin-bottom: 48px
}
@media (min-width:600px) {
.k4pGfw {
margin: 32px auto 64px;
padding: 0 32px
}
.cUPK7A {
margin: 0 -32px
}
.k4pGfw._2XCJMg {
margin-top: 48px
}
.k4pGfw._540W6w {
margin-top: 64px
}
.AfxQAA,
.R7yFSw,
.uEQilg,
.xOEd1Q {
margin-bottom: 96px
}
.mRFx9A {
margin-bottom: 160px
}
.LkC0ZQ,
.nv6FFQ {
margin-bottom: 96px
}
}
.M6yXdA.hkW4sQ {
background-color: var(--bDblYw);
padding-top: var(--safe-area-inset-top)
}
.mzR8xw {
left: 0;
position: -webkit-sticky;
position: sticky;
top: 0;
-webkit-transform: translate(0);
transform: translate(0)
}
.IvsKZw {
bottom: 24px;
position: fixed;
right: 24px
}
.FCEYbA {
min-width: 1px
}
.sg0_HA {
opacity: 0;
pointer-events: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: transform .3s ease-in-out, box-shadow .3s step-end, opacity .3s step-end
}
.sg0_HA.Y9N6vw {
box-shadow: 0 -16px 20px rgba(14, 19, 24, .04);
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: transform .3s ease-in-out
}
.e6nTMQ {
background: var(--TlUudQ);
display: flex;
justify-content: space-around;
padding: 12px;
padding-bottom: calc(var(--safe-area-inset-bottom) + 12px);
position: relative
}
@media (min-width:600px) {
.e6nTMQ {
padding: 16px
}
}
.LUXF3A {
display: flex;
flex-wrap: wrap;
margin: -4px
}
.a3kjqw {
flex-grow: 1;
margin: 4px
}
.RGVfMg {
align-items: center;
display: none;
margin-right: 8px;
max-width: 520px
}
@media (min-width:900px) {
.RGVfMg {
display: flex
}
.LUXF3A {
margin: -8px
}
.a3kjqw {
margin: 8px
}
}
.Rk9SSw {
align-items: stretch;
display: flex;
height: 592px;
max-height: 100%;
max-width: 100%;
width: 938px
}
.Rk9SSw>._nDs6w {
max-width: 100%;
width: 384px
}
.Rk9SSw>.LbCINQ {
flex-grow: 1
}
.NR53kQ:not(:last-child) {
margin-bottom: 8px
}
.WKQDUQ {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center
}
.d0N_5A {
margin-bottom: 4px
}
.d0N_5A:last-child {
margin-bottom: 0
}
.RBXiRQ {
align-items: center;
display: flex
}
.Ix_CWQ {
height: 24px;
margin-right: 8px;
width: 24px
}
.aKbOeg {
flex: 1
}
.light {
--NyaZXw: rgba(28, 39, 48, .5)
}
.dark {
--NyaZXw: hsla(0, 0%, 100%, .5)
}
.Tp3h4Q {
color: var(--NyaZXw)
}
._3GF_gA {
background-color: var(--bDblYw);
border-radius: 4px;
position: relative
}
.rLrpnQ {
background-color: transparent;
z-index: 2
}
._3HkV_g {
margin-left: 4px;
margin-right: 4px
}
._0jkskA {
background-color: var(--TlUudQ);
border-radius: 4px;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
.MNBggQ {
padding-top: 40px;
top: 0
}
._3_uoZg {
top: 48px
}
.sLcofw {
border-top: 1px solid var(--OHlWbw);
position: relative
}
.rupygQ {
box-shadow: inset 0 0 0 1px var(--7hnsIg)
}
@media (hover:hover) {
._3GF_gA:hover .rupygQ {
box-shadow: inset 0 0 0 1px var(--hmBz5w)
}
}
.KcRwIw,
._3GF_gA:hover .KcRwIw {
box-shadow: inset 0 0 0 1px var(--CgOmqg)
}
._3GF_gA:focus-within .rupygQ {
box-shadow: inset 0 0 0 1px var(--3j0O2w)
}
.b0lMCA {
box-sizing: border-box;
display: flex;
justify-content: space-between;
padding-left: 16px;
padding-top: 16px
}
.dhbuPQ {
bottom: 0;
display: flex;
flex-direction: column;
height: 100vh;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%
}
.dhbuPQ._6btZVw {
transition: background-color .25s cubic-bezier(0, 0, .2, 1)
}
.dhbuPQ._8IfzIQ {
background-color: var(--TlUudQ)
}
.dhbuPQ.OcvmKQ {
background-color: transparent
}
._6btZVw.SFjxjA .ZodSXw {
transition: width .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
transition: width .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1);
transition: width .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}
._6btZVw.G4kq0w.ooRoVQ {
caret-color: transparent
}
._6btZVw.G4kq0w .ZodSXw {
opacity: 0;
transition: opacity .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
transition: opacity .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1);
transition: opacity .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}
._6btZVw.G4kq0w.OcvmKQ .ZodSXw,
._6btZVw.G4kq0w._8IfzIQ .ZodSXw {
opacity: 1
}
.UTo9cg {
position: absolute;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
._6btZVw .UTo9cg {
transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
transition: transform .25s cubic-bezier(0, 0, .2, 1);
transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}
._8IfzIQ .UTo9cg {
-webkit-transform: translateX(0);
transform: translateX(0)
}
._6btZVw ._5YJiWA {
transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}
._5YJiWA {
box-sizing: border-box;
opacity: 0;
overflow: auto;
padding-bottom: 8px;
padding-top: 8px
}
._8IfzIQ ._5YJiWA {
opacity: 1
}
.OcvmKQ ._5YJiWA {
opacity: 0
}
.dhbuPQ.rHBAJw {
box-sizing: border-box;
padding-top: var(--safe-area-inset-top);
-webkit-transform: translateY(calc(-16px - var(--safe-area-inset-top)));
transform: translateY(calc(-16px - var(--safe-area-inset-top)))
}
.fOlvfA {
max-width: 240px
}
._3U7J9A {
max-width: 144px
}
._8tXMJQ {
max-width: 192px
}
.nxpN3A {
height: 24px;
width: 24px
}
.Ypv_5w {
min-width: 48px;
z-index: 0
}
.KsU7bg {
display: flex;
justify-content: flex-end;
position: absolute;
right: 0;
top: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
width: 100%
}
.KsU7bg.ZxMg0g {
min-width: 60vw;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.KsU7bg.YdB8vw {
pointer-events: none;
-webkit-transform: translateX(calc(-100% + 40px));
transform: translateX(calc(-100% + 40px));
z-index: 1
}
.KsU7bg.ZmVEiQ.ZxMg0g {
-webkit-animation: ZxMg0g .3s forwards;
animation: ZxMg0g .3s forwards
}
.KsU7bg.ZmVEiQ.YdB8vw {
animation: ZxMg0g .3s reverse backwards
}
@-webkit-keyframes ZxMg0g {
0% {
-webkit-transform: translateX(calc(-100% + 40px));
transform: translateX(calc(-100% + 40px))
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes ZxMg0g {
0% {
-webkit-transform: translateX(calc(-100% + 40px));
transform: translateX(calc(-100% + 40px))
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.e7PzsQ {
margin: 0 auto;
padding: 8px
}
.fDjl7A {
max-height: 306px;
overflow: auto
}
._0XsG9w {
max-height: none
}
._07gPHg {
padding: 8px
}
.l_TTVA {
display: none
}
.rhZP2w {
opacity: 0;
visibility: hidden
}
.jDZfHA._0kXwfg {
transition: opacity .15s ease-in-out
}
.aEPlNQ {
padding: 0 8px
}