.flag-icon-ad {background-image: url(/static/images/svg/flags/4x3/ad.svg);}
.flag-icon-ae {background-image: url(/static/images/svg/flags/4x3/ae.svg);}
.flag-icon-af {background-image: url(/static/images/svg/flags/4x3/af.svg);}
.flag-icon-ag {background-image: url(/static/images/svg/flags/4x3/ag.svg);}
.flag-icon-ai {background-image: url(/static/images/svg/flags/4x3/ai.svg);}
.flag-icon-al {background-image: url(/static/images/svg/flags/4x3/al.svg);}
.flag-icon-am {background-image: url(/static/images/svg/flags/4x3/am.svg);}
.flag-icon-ao {background-image: url(/static/images/svg/flags/4x3/ao.svg);}
.flag-icon-aq {background-image: url(/static/images/svg/flags/4x3/aq.svg);}
.flag-icon-ar {background-image: url(/static/images/svg/flags/4x3/ar.svg);}
.flag-icon-as {background-image: url(/static/images/svg/flags/4x3/as.svg);}
.flag-icon-at {background-image: url(/static/images/svg/flags/4x3/at.svg);}
.flag-icon-au {background-image: url(/static/images/svg/flags/4x3/au.svg);}
.flag-icon-aw {background-image: url(/static/images/svg/flags/4x3/aw.svg);}
.flag-icon-ax {background-image: url(/static/images/svg/flags/4x3/ax.svg);}
.flag-icon-az {background-image: url(/static/images/svg/flags/4x3/az.svg);}
.flag-icon-ba {background-image: url(/static/images/svg/flags/4x3/ba.svg);}
.flag-icon-bb {background-image: url(/static/images/svg/flags/4x3/bb.svg);}
.flag-icon-bd {background-image: url(/static/images/svg/flags/4x3/bd.svg);}
.flag-icon-be {background-image: url(/static/images/svg/flags/4x3/be.svg);}
.flag-icon-bf {background-image: url(/static/images/svg/flags/4x3/bf.svg);}
.flag-icon-bg {background-image: url(/static/images/svg/flags/4x3/bg.svg);}
.flag-icon-bh {background-image: url(/static/images/svg/flags/4x3/bh.svg);}
.flag-icon-bi {background-image: url(/static/images/svg/flags/4x3/bi.svg);}
.flag-icon-bj {background-image: url(/static/images/svg/flags/4x3/bj.svg);}
.flag-icon-bl {background-image: url(/static/images/svg/flags/4x3/bl.svg);}
.flag-icon-bm {background-image: url(/static/images/svg/flags/4x3/bm.svg);}
.flag-icon-bn {background-image: url(/static/images/svg/flags/4x3/bn.svg);}
.flag-icon-bo {background-image: url(/static/images/svg/flags/4x3/bo.svg);}
.flag-icon-bq {background-image: url(/static/images/svg/flags/4x3/bq.svg);}
.flag-icon-br {background-image: url(/static/images/svg/flags/4x3/br.svg);}
.flag-icon-bs {background-image: url(/static/images/svg/flags/4x3/bs.svg);}
.flag-icon-bt {background-image: url(/static/images/svg/flags/4x3/bt.svg);}
.flag-icon-bv {background-image: url(/static/images/svg/flags/4x3/bv.svg);}
.flag-icon-bw {background-image: url(/static/images/svg/flags/4x3/bw.svg);}
.flag-icon-by {background-image: url(/static/images/svg/flags/4x3/by.svg);}
.flag-icon-bz {background-image: url(/static/images/svg/flags/4x3/bz.svg);}
.flag-icon-ca {background-image: url(/static/images/svg/flags/4x3/ca.svg);}
.flag-icon-cc {background-image: url(/static/images/svg/flags/4x3/cc.svg);}
.flag-icon-cd {background-image: url(/static/images/svg/flags/4x3/cd.svg);}
.flag-icon-cf {background-image: url(/static/images/svg/flags/4x3/cf.svg);}
.flag-icon-cg {background-image: url(/static/images/svg/flags/4x3/cg.svg);}
.flag-icon-ch {background-image: url(/static/images/svg/flags/4x3/ch.svg);}
.flag-icon-ci {background-image: url(/static/images/svg/flags/4x3/ci.svg);}
.flag-icon-ck {background-image: url(/static/images/svg/flags/4x3/ck.svg);}
.flag-icon-cl {background-image: url(/static/images/svg/flags/4x3/cl.svg);}
.flag-icon-cm {background-image: url(/static/images/svg/flags/4x3/cm.svg);}
.flag-icon-cn {background-image: url(/static/images/svg/flags/4x3/cn.svg);}
.flag-icon-co {background-image: url(/static/images/svg/flags/4x3/co.svg);}
.flag-icon-cr {background-image: url(/static/images/svg/flags/4x3/cr.svg);}
.flag-icon-cu {background-image: url(/static/images/svg/flags/4x3/cu.svg);}
.flag-icon-cv {background-image: url(/static/images/svg/flags/4x3/cv.svg);}
.flag-icon-cw {background-image: url(/static/images/svg/flags/4x3/cw.svg);}
.flag-icon-cx {background-image: url(/static/images/svg/flags/4x3/cx.svg);}
.flag-icon-cy {background-image: url(/static/images/svg/flags/4x3/cy.svg);}
.flag-icon-cz {background-image: url(/static/images/svg/flags/4x3/cz.svg);}
.flag-icon-de {background-image: url(/static/images/svg/flags/4x3/de.svg);}
.flag-icon-dj {background-image: url(/static/images/svg/flags/4x3/dj.svg);}
.flag-icon-dk {background-image: url(/static/images/svg/flags/4x3/dk.svg);}
.flag-icon-dm {background-image: url(/static/images/svg/flags/4x3/dm.svg);}
.flag-icon-do {background-image: url(/static/images/svg/flags/4x3/do.svg);}
.flag-icon-dz {background-image: url(/static/images/svg/flags/4x3/dz.svg);}
.flag-icon-ec {background-image: url(/static/images/svg/flags/4x3/ec.svg);}
.flag-icon-ee {background-image: url(/static/images/svg/flags/4x3/ee.svg);}
.flag-icon-eg {background-image: url(/static/images/svg/flags/4x3/eg.svg);}
.flag-icon-eh {background-image: url(/static/images/svg/flags/4x3/eh.svg);}
.flag-icon-er {background-image: url(/static/images/svg/flags/4x3/er.svg);}
.flag-icon-es {background-image: url(/static/images/svg/flags/4x3/es.svg);}
.flag-icon-et {background-image: url(/static/images/svg/flags/4x3/et.svg);}
.flag-icon-fi {background-image: url(/static/images/svg/flags/4x3/fi.svg);}
.flag-icon-fj {background-image: url(/static/images/svg/flags/4x3/fj.svg);}
.flag-icon-fk {background-image: url(/static/images/svg/flags/4x3/fk.svg);}
.flag-icon-fm {background-image: url(/static/images/svg/flags/4x3/fm.svg);}
.flag-icon-fo {background-image: url(/static/images/svg/flags/4x3/fo.svg);}
.flag-icon-fr {background-image: url(/static/images/svg/flags/4x3/fr.svg);}
.flag-icon-ga {background-image: url(/static/images/svg/flags/4x3/ga.svg);}
.flag-icon-gb {background-image: url(/static/images/svg/flags/4x3/gb.svg);}
.flag-icon-gd {background-image: url(/static/images/svg/flags/4x3/gd.svg);}
.flag-icon-ge {background-image: url(/static/images/svg/flags/4x3/ge.svg);}
.flag-icon-gf {background-image: url(/static/images/svg/flags/4x3/gf.svg);}
.flag-icon-gg {background-image: url(/static/images/svg/flags/4x3/gg.svg);}
.flag-icon-gh {background-image: url(/static/images/svg/flags/4x3/gh.svg);}
.flag-icon-gi {background-image: url(/static/images/svg/flags/4x3/gi.svg);}
.flag-icon-gl {background-image: url(/static/images/svg/flags/4x3/gl.svg);}
.flag-icon-gm {background-image: url(/static/images/svg/flags/4x3/gm.svg);}
.flag-icon-gn {background-image: url(/static/images/svg/flags/4x3/gn.svg);}
.flag-icon-gp {background-image: url(/static/images/svg/flags/4x3/gp.svg);}
.flag-icon-gq {background-image: url(/static/images/svg/flags/4x3/gq.svg);}
.flag-icon-gr {background-image: url(/static/images/svg/flags/4x3/gr.svg);}
.flag-icon-gs {background-image: url(/static/images/svg/flags/4x3/gs.svg);}
.flag-icon-gt {background-image: url(/static/images/svg/flags/4x3/gt.svg);}
.flag-icon-gu {background-image: url(/static/images/svg/flags/4x3/gu.svg);}
.flag-icon-gw {background-image: url(/static/images/svg/flags/4x3/gw.svg);}
.flag-icon-gy {background-image: url(/static/images/svg/flags/4x3/gy.svg);}
.flag-icon-hk {background-image: url(/static/images/svg/flags/4x3/hk.svg);}
.flag-icon-hm {background-image: url(/static/images/svg/flags/4x3/hm.svg);}
.flag-icon-hn {background-image: url(/static/images/svg/flags/4x3/hn.svg);}
.flag-icon-hr {background-image: url(/static/images/svg/flags/4x3/hr.svg);}
.flag-icon-ht {background-image: url(/static/images/svg/flags/4x3/ht.svg);}
.flag-icon-hu {background-image: url(/static/images/svg/flags/4x3/hu.svg);}
.flag-icon-id {background-image: url(/static/images/svg/flags/4x3/id.svg);}
.flag-icon-ie {background-image: url(/static/images/svg/flags/4x3/ie.svg);}
.flag-icon-il {background-image: url(/static/images/svg/flags/4x3/il.svg);}
.flag-icon-im {background-image: url(/static/images/svg/flags/4x3/im.svg);}
.flag-icon-in {background-image: url(/static/images/svg/flags/4x3/in.svg);}
.flag-icon-io {background-image: url(/static/images/svg/flags/4x3/io.svg);}
.flag-icon-iq {background-image: url(/static/images/svg/flags/4x3/iq.svg);}
.flag-icon-ir {background-image: url(/static/images/svg/flags/4x3/ir.svg);}
.flag-icon-is {background-image: url(/static/images/svg/flags/4x3/is.svg);}
.flag-icon-it {background-image: url(/static/images/svg/flags/4x3/it.svg);}
.flag-icon-je {background-image: url(/static/images/svg/flags/4x3/je.svg);}
.flag-icon-jm {background-image: url(/static/images/svg/flags/4x3/jm.svg);}
.flag-icon-jo {background-image: url(/static/images/svg/flags/4x3/jo.svg);}
.flag-icon-jp {background-image: url(/static/images/svg/flags/4x3/jp.svg);}
.flag-icon-ke {background-image: url(/static/images/svg/flags/4x3/ke.svg);}
.flag-icon-kg {background-image: url(/static/images/svg/flags/4x3/kg.svg);}
.flag-icon-kh {background-image: url(/static/images/svg/flags/4x3/kh.svg);}
.flag-icon-ki {background-image: url(/static/images/svg/flags/4x3/ki.svg);}
.flag-icon-km {background-image: url(/static/images/svg/flags/4x3/km.svg);}
.flag-icon-kn {background-image: url(/static/images/svg/flags/4x3/kn.svg);}
.flag-icon-kp {background-image: url(/static/images/svg/flags/4x3/kp.svg);}
.flag-icon-kr {background-image: url(/static/images/svg/flags/4x3/kr.svg);}
.flag-icon-kw {background-image: url(/static/images/svg/flags/4x3/kw.svg);}
.flag-icon-ky {background-image: url(/static/images/svg/flags/4x3/ky.svg);}
.flag-icon-kz {background-image: url(/static/images/svg/flags/4x3/kz.svg);}
.flag-icon-la {background-image: url(/static/images/svg/flags/4x3/la.svg);}
.flag-icon-lb {background-image: url(/static/images/svg/flags/4x3/lb.svg);}
.flag-icon-lc {background-image: url(/static/images/svg/flags/4x3/lc.svg);}
.flag-icon-li {background-image: url(/static/images/svg/flags/4x3/li.svg);}
.flag-icon-lk {background-image: url(/static/images/svg/flags/4x3/lk.svg);}
.flag-icon-lr {background-image: url(/static/images/svg/flags/4x3/lr.svg);}
.flag-icon-ls {background-image: url(/static/images/svg/flags/4x3/ls.svg);}
.flag-icon-lt {background-image: url(/static/images/svg/flags/4x3/lt.svg);}
.flag-icon-lu {background-image: url(/static/images/svg/flags/4x3/lu.svg);}
.flag-icon-lv {background-image: url(/static/images/svg/flags/4x3/lv.svg);}
.flag-icon-ly {background-image: url(/static/images/svg/flags/4x3/ly.svg);}
.flag-icon-ma {background-image: url(/static/images/svg/flags/4x3/ma.svg);}
.flag-icon-mc {background-image: url(/static/images/svg/flags/4x3/mc.svg);}
.flag-icon-md {background-image: url(/static/images/svg/flags/4x3/md.svg);}
.flag-icon-me {background-image: url(/static/images/svg/flags/4x3/me.svg);}
.flag-icon-mf {background-image: url(/static/images/svg/flags/4x3/mf.svg);}
.flag-icon-mg {background-image: url(/static/images/svg/flags/4x3/mg.svg);}
.flag-icon-mh {background-image: url(/static/images/svg/flags/4x3/mh.svg);}
.flag-icon-mk {background-image: url(/static/images/svg/flags/4x3/mk.svg);}
.flag-icon-ml {background-image: url(/static/images/svg/flags/4x3/ml.svg);}
.flag-icon-mm {background-image: url(/static/images/svg/flags/4x3/mm.svg);}
.flag-icon-mn {background-image: url(/static/images/svg/flags/4x3/mn.svg);}
.flag-icon-mo {background-image: url(/static/images/svg/flags/4x3/mo.svg);}
.flag-icon-mp {background-image: url(/static/images/svg/flags/4x3/mp.svg);}
.flag-icon-mq {background-image: url(/static/images/svg/flags/4x3/mq.svg);}
.flag-icon-mr {background-image: url(/static/images/svg/flags/4x3/mr.svg);}
.flag-icon-ms {background-image: url(/static/images/svg/flags/4x3/ms.svg);}
.flag-icon-mt {background-image: url(/static/images/svg/flags/4x3/mt.svg);}
.flag-icon-mu {background-image: url(/static/images/svg/flags/4x3/mu.svg);}
.flag-icon-mv {background-image: url(/static/images/svg/flags/4x3/mv.svg);}
.flag-icon-mw {background-image: url(/static/images/svg/flags/4x3/mw.svg);}
.flag-icon-mx {background-image: url(/static/images/svg/flags/4x3/mx.svg);}
.flag-icon-my {background-image: url(/static/images/svg/flags/4x3/my.svg);}
.flag-icon-mz {background-image: url(/static/images/svg/flags/4x3/mz.svg);}
.flag-icon-na {background-image: url(/static/images/svg/flags/4x3/na.svg);}
.flag-icon-nc {background-image: url(/static/images/svg/flags/4x3/nc.svg);}
.flag-icon-ne {background-image: url(/static/images/svg/flags/4x3/ne.svg);}
.flag-icon-nf {background-image: url(/static/images/svg/flags/4x3/nf.svg);}
.flag-icon-ng {background-image: url(/static/images/svg/flags/4x3/ng.svg);}
.flag-icon-ni {background-image: url(/static/images/svg/flags/4x3/ni.svg);}
.flag-icon-nl {background-image: url(/static/images/svg/flags/4x3/nl.svg);}
.flag-icon-no {background-image: url(/static/images/svg/flags/4x3/no.svg);}
.flag-icon-np {background-image: url(/static/images/svg/flags/4x3/np.svg);}
.flag-icon-nr {background-image: url(/static/images/svg/flags/4x3/nr.svg);}
.flag-icon-nu {background-image: url(/static/images/svg/flags/4x3/nu.svg);}
.flag-icon-nz {background-image: url(/static/images/svg/flags/4x3/nz.svg);}
.flag-icon-om {background-image: url(/static/images/svg/flags/4x3/om.svg);}
.flag-icon-pa {background-image: url(/static/images/svg/flags/4x3/pa.svg);}
.flag-icon-pe {background-image: url(/static/images/svg/flags/4x3/pe.svg);}
.flag-icon-pf {background-image: url(/static/images/svg/flags/4x3/pf.svg);}
.flag-icon-pg {background-image: url(/static/images/svg/flags/4x3/pg.svg);}
.flag-icon-ph {background-image: url(/static/images/svg/flags/4x3/ph.svg);}
.flag-icon-pk {background-image: url(/static/images/svg/flags/4x3/pk.svg);}
.flag-icon-pl {background-image: url(/static/images/svg/flags/4x3/pl.svg);}
.flag-icon-pm {background-image: url(/static/images/svg/flags/4x3/pm.svg);}
.flag-icon-pn {background-image: url(/static/images/svg/flags/4x3/pn.svg);}
.flag-icon-pr {background-image: url(/static/images/svg/flags/4x3/pr.svg);}
.flag-icon-ps {background-image: url(/static/images/svg/flags/4x3/ps.svg);}
.flag-icon-pt {background-image: url(/static/images/svg/flags/4x3/pt.svg);}
.flag-icon-pw {background-image: url(/static/images/svg/flags/4x3/pw.svg);}
.flag-icon-py {background-image: url(/static/images/svg/flags/4x3/py.svg);}
.flag-icon-qa {background-image: url(/static/images/svg/flags/4x3/qa.svg);}
.flag-icon-re {background-image: url(/static/images/svg/flags/4x3/re.svg);}
.flag-icon-ro {background-image: url(/static/images/svg/flags/4x3/ro.svg);}
.flag-icon-rs {background-image: url(/static/images/svg/flags/4x3/rs.svg);}
.flag-icon-ru {background-image: url(/static/images/svg/flags/4x3/ru.svg);}
.flag-icon-rw {background-image: url(/static/images/svg/flags/4x3/rw.svg);}
.flag-icon-sa {background-image: url(/static/images/svg/flags/4x3/sa.svg);}
.flag-icon-sb {background-image: url(/static/images/svg/flags/4x3/sb.svg);}
.flag-icon-sc {background-image: url(/static/images/svg/flags/4x3/sc.svg);}
.flag-icon-sd {background-image: url(/static/images/svg/flags/4x3/sd.svg);}
.flag-icon-se {background-image: url(/static/images/svg/flags/4x3/se.svg);}
.flag-icon-sg {background-image: url(/static/images/svg/flags/4x3/sg.svg);}
.flag-icon-sh {background-image: url(/static/images/svg/flags/4x3/sh.svg);}
.flag-icon-si {background-image: url(/static/images/svg/flags/4x3/si.svg);}
.flag-icon-sj {background-image: url(/static/images/svg/flags/4x3/sj.svg);}
.flag-icon-sk {background-image: url(/static/images/svg/flags/4x3/sk.svg);}
.flag-icon-sl {background-image: url(/static/images/svg/flags/4x3/sl.svg);}
.flag-icon-sm {background-image: url(/static/images/svg/flags/4x3/sm.svg);}
.flag-icon-sn {background-image: url(/static/images/svg/flags/4x3/sn.svg);}
.flag-icon-so {background-image: url(/static/images/svg/flags/4x3/so.svg);}
.flag-icon-sr {background-image: url(/static/images/svg/flags/4x3/sr.svg);}
.flag-icon-ss {background-image: url(/static/images/svg/flags/4x3/ss.svg);}
.flag-icon-st {background-image: url(/static/images/svg/flags/4x3/st.svg);}
.flag-icon-sv {background-image: url(/static/images/svg/flags/4x3/sv.svg);}
.flag-icon-sx {background-image: url(/static/images/svg/flags/4x3/sx.svg);}
.flag-icon-sy {background-image: url(/static/images/svg/flags/4x3/sy.svg);}
.flag-icon-sz {background-image: url(/static/images/svg/flags/4x3/sz.svg);}
.flag-icon-tc {background-image: url(/static/images/svg/flags/4x3/tc.svg);}
.flag-icon-td {background-image: url(/static/images/svg/flags/4x3/td.svg);}
.flag-icon-tf {background-image: url(/static/images/svg/flags/4x3/tf.svg);}
.flag-icon-tg {background-image: url(/static/images/svg/flags/4x3/tg.svg);}
.flag-icon-th {background-image: url(/static/images/svg/flags/4x3/th.svg);}
.flag-icon-tj {background-image: url(/static/images/svg/flags/4x3/tj.svg);}
.flag-icon-tk {background-image: url(/static/images/svg/flags/4x3/tk.svg);}
.flag-icon-tl {background-image: url(/static/images/svg/flags/4x3/tl.svg);}
.flag-icon-tm {background-image: url(/static/images/svg/flags/4x3/tm.svg);}
.flag-icon-tn {background-image: url(/static/images/svg/flags/4x3/tn.svg);}
.flag-icon-to {background-image: url(/static/images/svg/flags/4x3/to.svg);}
.flag-icon-tr {background-image: url(/static/images/svg/flags/4x3/tr.svg);}
.flag-icon-tt {background-image: url(/static/images/svg/flags/4x3/tt.svg);}
.flag-icon-tv {background-image: url(/static/images/svg/flags/4x3/tv.svg);}
.flag-icon-tw {background-image: url(/static/images/svg/flags/4x3/tw.svg);}
.flag-icon-tz {background-image: url(/static/images/svg/flags/4x3/tz.svg);}
.flag-icon-ua {background-image: url(/static/images/svg/flags/4x3/ua.svg);}
.flag-icon-ug {background-image: url(/static/images/svg/flags/4x3/ug.svg);}
.flag-icon-um {background-image: url(/static/images/svg/flags/4x3/um.svg);}
.flag-icon-us {background-image: url(/static/images/svg/flags/4x3/us.svg);}
.flag-icon-uy {background-image: url(/static/images/svg/flags/4x3/uy.svg);}
.flag-icon-uz {background-image: url(/static/images/svg/flags/4x3/uz.svg);}
.flag-icon-va {background-image: url(/static/images/svg/flags/4x3/va.svg);}
.flag-icon-vc {background-image: url(/static/images/svg/flags/4x3/vc.svg);}
.flag-icon-ve {background-image: url(/static/images/svg/flags/4x3/ve.svg);}
.flag-icon-vg {background-image: url(/static/images/svg/flags/4x3/vg.svg);}
.flag-icon-vi {background-image: url(/static/images/svg/flags/4x3/vi.svg);}
.flag-icon-vn {background-image: url(/static/images/svg/flags/4x3/vn.svg);}
.flag-icon-vu {background-image: url(/static/images/svg/flags/4x3/vu.svg);}
.flag-icon-wf {background-image: url(/static/images/svg/flags/4x3/wf.svg);}
.flag-icon-ws {background-image: url(/static/images/svg/flags/4x3/ws.svg);}
.flag-icon-ye {background-image: url(/static/images/svg/flags/4x3/ye.svg);}
.flag-icon-yt {background-image: url(/static/images/svg/flags/4x3/yt.svg);}
.flag-icon-za {background-image: url(/static/images/svg/flags/4x3/za.svg);}
.flag-icon-zm {background-image: url(/static/images/svg/flags/4x3/zm.svg);}
.flag-icon-zw {background-image: url(/static/images/svg/flags/4x3/zw.svg);}
.flag-icon-es-ct {background-image: url(/static/images/svg/flags/4x3/es-ct.svg);}
.flag-icon-es-ga {background-image: url(/static/images/svg/flags/4x3/es-ga.svg);}
.flag-icon-eu {background-image: url(/static/images/svg/flags/4x3/eu.svg);}
.flag-icon-gb-eng {background-image: url(/static/images/svg/flags/4x3/gb-eng.svg);}
.flag-icon-gb-nir {background-image: url(/static/images/svg/flags/4x3/gb-nir.svg);}
.flag-icon-gb-sct {background-image: url(/static/images/svg/flags/4x3/gb-sct.svg);}
.flag-icon-gb-wls {background-image: url(/static/images/svg/flags/4x3/gb-wls.svg);}
.flag-icon-un {background-image: url(/static/images/svg/flags/4x3/un.svg);}
.flag-icon-xk {background-image: url(/static/images/svg/flags/4x3/xk.svg);}
@font-face {
    font-family: 'Alegreya';
    src: url('/static/fonts/alegreya/alegreya-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Catamaran';
    src: url('/static/fonts/catamaran/catamaran-variable-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/open-sans/opensans-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Petrona';
    src: url('/static/fonts/petrona/petrona-variable-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.btn {white-space: nowrap;border-radius: 0.5rem;padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0.75rem;padding-bottom: 0.75rem;text-align: center;font-size: 1rem;line-height: 1.5rem;font-weight: 600;line-height: 1.375;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-duration: 300ms;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.btn:hover {cursor: pointer;}
.btn-xs {padding-left: 0.5rem;padding-right: 0.5rem;padding-top: 0.25rem;padding-bottom: 0.25rem;font-size: 0.75rem;line-height: 1rem;}
.btn-sm {padding-left: 1rem;padding-right: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-size: 0.875rem;line-height: 1.25rem;}
.btn-base {padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0.75rem;padding-bottom: 0.75rem;font-size: 1rem;line-height: 1.5rem;}
.btn-lg {padding-left: 2rem;padding-right: 2rem;padding-top: 1rem;padding-bottom: 1rem;font-size: 1.125rem;line-height: 1.75rem;}
.btn-outline {border-width: 1px;}
.btn-a, [type=submit].btn-a {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: oklch(50% 0.03 240 / var(--tw-bg-opacity));}
.btn-a:hover, [type=submit].btn-a:hover {--tw-bg-opacity: 1;background-color: oklch(45% 0.03 240 / var(--tw-bg-opacity));}
.btn-a.btn-outline, [type=submit].btn-a.btn-outline {--tw-border-opacity: 1;border-color: oklch(50% 0.03 240 / var(--tw-border-opacity));background-color: transparent;--tw-text-opacity: 1;color: oklch(45% 0.03 240 / var(--tw-text-opacity));}
.btn-a.btn-outline:hover, [type=submit].btn-a.btn-outline:hover {--tw-bg-opacity: 1;background-color: oklch(80% 0.03 240 / var(--tw-bg-opacity));}
.btn-a.btn-outline.btn-active, [type=submit].btn-a.btn-outline.btn-active {--tw-bg-opacity: 1;background-color: oklch(80% 0.03 240 / var(--tw-bg-opacity));}
.btn-a.btn-outline.btn-active:hover, [type=submit].btn-a.btn-outline.btn-active:hover {--tw-bg-opacity: 1;background-color: oklch(80% 0.03 240 / var(--tw-bg-opacity));}
.btn-b, [type=submit].btn-b {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: oklch(0.5 0.1 40 / var(--tw-bg-opacity));}
.btn-b:hover, [type=submit].btn-b:hover {--tw-bg-opacity: 1;background-color: oklch(0.4 0.1 40 / var(--tw-bg-opacity));}
.btn-b.btn-outline, [type=submit].btn-b.btn-outline {--tw-border-opacity: 1;border-color: oklch(0.5 0.1 40 / var(--tw-border-opacity));background-color: transparent;--tw-text-opacity: 1;color: oklch(0.4 0.1 40 / var(--tw-text-opacity));}
.btn-b.btn-outline:hover, [type=submit].btn-b.btn-outline:hover {--tw-bg-opacity: 1;background-color: oklch(0.7 0.1 40 / var(--tw-bg-opacity));}
.btn-b.btn-outline.btn-active, [type=submit].btn-b.btn-outline.btn-active {--tw-bg-opacity: 1;background-color: oklch(0.7 0.1 40 / var(--tw-bg-opacity));}
.btn-b.btn-outline.btn-active:hover, [type=submit].btn-b.btn-outline.btn-active:hover {--tw-bg-opacity: 1;background-color: oklch(0.7 0.1 40 / var(--tw-bg-opacity));}
.btn-c, [type=submit].btn-c {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(64 64 64 / var(--tw-bg-opacity));}
.btn-c:hover, [type=submit].btn-c:hover {--tw-bg-opacity: 1;background-color: rgb(23 23 23 / var(--tw-bg-opacity));}
.btn-c.btn-outline, [type=submit].btn-c.btn-outline {--tw-border-opacity: 1;border-color: rgb(64 64 64 / var(--tw-border-opacity));background-color: transparent;--tw-text-opacity: 1;color: rgb(23 23 23 / var(--tw-text-opacity));}
.btn-c.btn-outline:hover, [type=submit].btn-c.btn-outline:hover {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-c.btn-outline.btn-active, [type=submit].btn-c.btn-outline.btn-active {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-c.btn-outline.btn-active:hover, [type=submit].btn-c.btn-outline.btn-active:hover {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-d, [type=submit].btn-d {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(64 64 64 / var(--tw-bg-opacity));}
.btn-d:hover, [type=submit].btn-d:hover {--tw-bg-opacity: 1;background-color: rgb(23 23 23 / var(--tw-bg-opacity));}
.btn-d.btn-outline, [type=submit].btn-d.btn-outline {--tw-border-opacity: 1;border-color: rgb(64 64 64 / var(--tw-border-opacity));background-color: transparent;--tw-text-opacity: 1;color: rgb(23 23 23 / var(--tw-text-opacity));}
.btn-d.btn-outline:hover, [type=submit].btn-d.btn-outline:hover {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-c.btn-outline.btn-active, [type=submit].btn-c.btn-outline.btn-active {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-c.btn-outline.btn-active:hover, [type=submit].btn-c.btn-outline.btn-active:hover {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-neutral {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(64 64 64 / var(--tw-bg-opacity));}
.btn-neutral:hover {--tw-bg-opacity: 1;background-color: rgb(115 115 115 / var(--tw-bg-opacity));}
.btn-neutral.btn-disabled {--tw-text-opacity: 1;color: rgb(212 212 212 / var(--tw-text-opacity));cursor: default;--tw-bg-opacity: 1;background-color: rgb(115 115 115 / var(--tw-bg-opacity));}
.btn-neutral.btn-disabled:hover {--tw-bg-opacity: 1;background-color: rgb(115 115 115 / var(--tw-bg-opacity));}
.btn-neutral.btn-outline {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-border-opacity: 1;border-color: rgb(115 115 115 / var(--tw-border-opacity));background-color: transparent;}
.btn-neutral.btn-outline:hover {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-neutral.btn-outline.btn-active {--tw-bg-opacity: 1;background-color: rgb(229 229 229 / var(--tw-bg-opacity));}
.btn-neutral.btn-outline.btn-active:hover {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-light {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.btn-light:hover {--tw-bg-opacity: 1;background-color: rgb(163 163 163 / var(--tw-bg-opacity));}
.btn-light.btn-outline {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));--tw-border-opacity: 1;border-color: rgb(250 250 250 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color: rgb(64 64 64 / var(--tw-bg-opacity));}
.btn-light.btn-outline:hover {--tw-bg-opacity: 1;background-color: rgb(115 115 115 / var(--tw-bg-opacity));}
.btn-light.btn-outline.btn-active {--tw-bg-opacity: 1;background-color: rgb(163 163 163 / var(--tw-bg-opacity));}
.btn-light.btn-outline.btn-active:hover {--tw-bg-opacity: 1;background-color: rgb(115 115 115 / var(--tw-bg-opacity));}
/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}
#CybotCookiebotDialogHeader {
    display: none;
}
/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}
#fc .fc-container {width: 100% !important;}
#fc #fc-cart--fixed-width .fc-cart__main__content, #fc #fc-cart--fixed-width .fc-sidebar--cart {padding-left: 0px !important;padding-right: 0px !important;}
#fc #fc-cart--fixed-width .fc-sidebar--cart {background-color: transparent !important;}
#fc .fc-sidebar {margin-bottom: 0px !important;padding-bottom: 0px !important;}
#fc .fc-cart__item__name,
#fc .fc-cart__item__total p,
#fc .fc-cart__item__price p,
#fc .fc-cart__item__option__label,
#fc .fc-cart__item__option__value,
#fc h1,
#fc h2,
#fc h3,
#fc h4,
#fc h5,
#fc h6,
#fc .fc-transaction__total .fc-subtotal__label,
#fc .fc-transaction__total .fc-subtotal__value,
#fc .fc-subtotal__label,
#fc .fc-subtotal__value {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));}
#fc .fc-sidebar--cart .fc-address-entry, #fc .fc-sidebar--cart .fc-actions--payment {--tw-border-opacity: 1;border-color: rgb(64 64 64 / var(--tw-border-opacity));border-top-width: 1px !important;}
.obc-blog {font-size: 1rem;line-height: 1.5rem;}
.obc-blog img {margin-bottom: 1rem;border-radius: 0.5rem;}
.obc-blog a {text-decoration-line: underline;}
.obc-blog a:hover {--tw-text-opacity: 1;color: rgb(115 115 115 / var(--tw-text-opacity));}
.obc-blog h2 {font-size: 1.875rem;line-height: 2.25rem;}
.paragraphs .obc-blog h2 {padding-top: 1.5rem;padding-bottom: 0.75rem;}
.obc-blog h2 {padding-top: 1.5rem;padding-bottom: 0.75rem;}
.obc-blog h3 {font-size: 1.5rem;line-height: 2rem;}
.paragraphs .obc-blog h3 {padding-top: 1rem;padding-bottom: 0.5rem;}
.obc-blog h3 {padding-top: 1rem;padding-bottom: 0.5rem;}
.obc-blog .wp-block-image {display: flex;justify-content: center;text-align: center;}
.obc-blog .wp-block-list {margin-bottom: 1rem;}
.obc-blog ul {margin-bottom: 1rem;list-style-type: disc;}
/* taken from http://codyhouse.co/gem/css-slide-in-panel */
.obc-panel {
    position: fixed;
    top: 0;
    right:0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s 0.6s;
    z-index: 9000;
}
.obc-panel.obc-panel-open {
    visibility: visible;
    transition: visibility 0s 0s;
}
.obc-panel-container {
    position: absolute;
    height: 100%;
    top: 0;
    overflow: hidden;

    padding-left: 0px;
    padding-right: 0px;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-delay: 0.3s;
}
.from-right .obc-panel-container {
    right: 0;
    transform: translate3d(100%, 0, 0);
    border-left: 1px solid $gray-500;
}
.from-left .obc-panel-container {
    left: 0;
    transform: translate3d(-100%, 0, 0);
    border-right: 1px solid $gray-500;
}
.obc-panel-open .obc-panel-container {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
}
/* all the looks go here */
.obc-panel-container {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}
/* PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license
// Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
// pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
.pswp * {
    box-sizing: border-box; }
.pswp img {
    max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
  display: block; }
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }
.pswp__bg {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none; }
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank {
  background: #FFFFFF;
  opacity: 0;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    transition: opacity 0.2s;
    box-shadow: none; }
.pswp__button:focus, .pswp__button:hover {
      opacity: 1; }
.pswp__button:active {
      outline: none;
      opacity: 0.9; }
.pswp__button::-moz-focus-inner {
      padding: 0;
      border: 0; }
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
    opacity: 1; }
.pswp__button,
  .pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
    background: url(default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
      background-image: url(default-skin.svg); }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
      background: none; } }
.pswp__button--close {
    background-position: 0 -44px; }
.pswp__button--share {
    background-position: -44px -44px; }
.pswp__button--fs {
    display: none; }
.pswp--supports-fs .pswp__button--fs {
    display: block; }
.pswp--fs .pswp__button--fs {
    background-position: -44px 0; }
.pswp__button--zoom {
    display: none;
    background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
    display: block; }
.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0; }
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
  .pswp--touch .pswp__button--arrow--right {
    visibility: hidden; }
/*
      Arrow buttons hit area
      (icon is added to :before pseudo-element)
  */
.pswp__button--arrow--left,
  .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute; }
.pswp__button--arrow--left {
    left: 0; }
.pswp__button--arrow--right {
    right: 0; }
.pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute; }
.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px; }
.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px; }
/*
  
      2. Share modal/popup and links
  
   */
.pswp__counter,
  .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
        user-select: none; }
.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity; }
.pswp__share-modal--hidden {
    display: none; }
.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    transform: translateY(6px);
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform; }
.pswp__share-tooltip a {
      display: block;
      padding: 8px 12px;
      color: #000;
      text-decoration: none;
      font-size: 14px;
      line-height: 18px; }
.pswp__share-tooltip a:hover {
        text-decoration: none;
        color: #000; }
.pswp__share-tooltip a:first-child {
        /* round corners on the first/last list item */
        border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
        border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
    opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
      transform: translateY(0); }
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px; }
a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none; }
a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF; }
a.pswp__share--facebook:hover:before {
      border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF; }
a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D; }
a.pswp__share--download:hover {
    background: #DDD; }
/*
  
      3. Index indicator ("1 of X" counter)
  
   */
.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px; }
/*
      
      4. Caption
  
   */
.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px; }
.pswp__caption small {
      font-size: 11px;
      color: #BBB; }
.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC; }
.pswp__caption--empty {
    display: none; }
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
    visibility: hidden; }
/*
  
      5. Loading indicator (preloader)
  
      You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
  
   */
.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr; }
.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px; }
.pswp__preloader--active {
    opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {
      /* We use .gif in browsers that don't support CSS animation */
      background: url(preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
    opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
      animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
      animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
    /* 
              The idea of animating inner circle is based on Polymer ("material") loading indicator 
               by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
          */
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0; }
@media screen and (max-width: 1024px) {
    .pswp__preloader {
      position: relative;
      left: auto;
      top: auto;
      margin: 0;
      float: right; } }
@keyframes clockwise {
    0% {
      transform: rotate(0deg); }
    100% {
      transform: rotate(360deg); } }
@keyframes donut-rotate {
    0% {
      transform: rotate(0); }
    50% {
      transform: rotate(-140deg); }
    100% {
      transform: rotate(0); } }
/*
      
      6. Additional styles
  
   */
/* root element of UI */
.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550; }
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%; }
.pswp__caption,
  .pswp__top-bar,
  .pswp--has_mouse .pswp__button--arrow--left,
  .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
  .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible; }
.pswp__top-bar,
  .pswp__caption {
    background-color: rgba(0, 0, 0, 0.5); }
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
  .pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3); }
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
    opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left,
  .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0; }
/*
      pswp__ui--hidden class is added when controls are hidden
      e.g. when user taps to toggle visibility of controls
  */
.pswp__ui--hidden .pswp__top-bar,
  .pswp__ui--hidden .pswp__caption,
  .pswp__ui--hidden .pswp__button--arrow--left,
  .pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
  .pswp__ui--one-slide .pswp__button--arrow--right,
  .pswp__ui--one-slide .pswp__counter {
    display: none; }
.pswp__element--disabled {
    display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
    background: none; }
#carousel-product-indicators .swiper-slide-thumb-active {--tw-border-opacity: 1;border-color: rgb(64 64 64 / var(--tw-border-opacity));}
#showroom-map-g {height: 440px;}
@media (min-width: 768px) {
#showroom-map-g {height: 600px;}}
.slick-arrow::before {--tw-text-opacity: 1 !important;color: rgb(23 23 23 / var(--tw-text-opacity)) !important;}
#carousel-product-indicators .slick-list {margin-left: 25px !important;margin-right: 25px !important;}
#carousel-product-indicators .slick-prev {left: 0px !important;}
#carousel-product-indicators .slick-next {right: 0px !important;}
#carousel-product-indicators .swiper-slide {
    height: auto;
    cursor: pointer;
}
/* Fallback layout for the thumbnails before Swiper initialises (or if its JS
   never loads). Without this the slides have no width constraint and each
   thumbnail balloons to full container width. Mirrors the loaded slidesPerView
   (4 / 6 / 8) and 8px spaceBetween so the size is roughly the same. */
#carousel-product-indicators:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
#carousel-product-indicators:not(.swiper-initialized) .swiper-slide {
    width: calc(25% - 6px);
}
@media (min-width: 768px) {
    #carousel-product-indicators:not(.swiper-initialized) .swiper-slide {
        width: calc(16.6667% - 7px);
    }
}
@media (min-width: 1024px) {
    #carousel-product-indicators:not(.swiper-initialized) .swiper-slide {
        width: calc(12.5% - 7px);
    }
}
#carousel-product .swiper-button-next::after,
#carousel-product .swiper-button-prev::after {font-size: 0.875rem;line-height: 1.25rem;--tw-text-opacity: 1 !important;color: rgb(23 23 23 / var(--tw-text-opacity)) !important;}
#carousel-product .swiper-button-next,
#carousel-product .swiper-button-prev {top: 50%;margin-top: 0px;height: 2rem;width: 2rem;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius: 9999px;border-width: 1px;--tw-border-opacity: 1;border-color: oklch(50% 0.03 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}
#carousel-product .swiper-button-next:hover,
#carousel-product .swiper-button-prev:hover {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: oklch(95% 0.015 240 / var(--tw-bg-opacity));}
#carousel-product-indicators .swiper-button-next::after,
#carousel-product-indicators .swiper-button-prev::after {font-size: 0.75rem;line-height: 1rem;--tw-text-opacity: 1 !important;color: rgb(23 23 23 / var(--tw-text-opacity)) !important;}
#carousel-product-indicators .swiper-button-next,
#carousel-product-indicators .swiper-button-prev {top: 50%;margin-top: 0px;height: 1.5rem;width: 1.5rem;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius: 9999px;border-width: 1px;--tw-border-opacity: 1;border-color: oklch(50% 0.03 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}
#carousel-product-indicators .swiper-button-next:hover,
#carousel-product-indicators .swiper-button-prev:hover {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: oklch(95% 0.015 240 / var(--tw-bg-opacity));}
.swiper-slide-obc-height {max-height: 592px;}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
.intrinsic-container-70 {
  padding-bottom: 70%;
}
.intrinsic-container-100 {
  padding-bottom: 100%;
}
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.animate-marquee {
    animation: scroll 30s linear infinite;
    animation-play-state: inherit;
}
.animate-duration-10 { animation-duration: 10s; }
.animate-duration-20 { animation-duration: 20s; }
.animate-duration-30 { animation-duration: 30s; }
.animate-duration-40 { animation-duration: 40s; }
.animate-duration-50 { animation-duration: 50s; }
.animate-duration-60 { animation-duration: 60s; }
.animate-duration-70 { animation-duration: 70s; }
.animate-duration-80 { animation-duration: 80s; }
.animate-duration-90 { animation-duration: 90s; }
.animate-duration-100 { animation-duration: 100s; }
@keyframes scroll {
	from {
		transform: translateX( 0% );
	}
	to {
		transform: translateX( -100% );
	}
}
.text-decoration-inherit {
    text-decoration: inherit;
}
/* ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Open Sans, Helvetica, Arial, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;border-color: #6b7280;border-width: 1px;border-radius: 0px;padding-top: 0.5rem;padding-right: 0.75rem;padding-bottom: 0.5rem;padding-left: 0.75rem;font-size: 1rem;line-height: 1.5rem;--tw-shadow: 0 0 #0000;}
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {outline: 2px solid transparent;outline-offset: 2px;--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color: #2563eb;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #6b7280;opacity: 1;}
input::placeholder,textarea::placeholder {color: #6b7280;opacity: 1;}
::-webkit-datetime-edit-fields-wrapper {padding: 0;}
::-webkit-date-and-time-value {min-height: 1.5em;}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {padding-top: 0;padding-bottom: 0;}
select {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position: right 0.5rem center;background-repeat: no-repeat;background-size: 1.5em 1.5em;padding-right: 2.5rem;-webkit-print-color-adjust: exact;print-color-adjust: exact;}
[multiple] {background-image: initial;background-position: initial;background-repeat: unset;background-size: initial;padding-right: 0.75rem;-webkit-print-color-adjust: unset;print-color-adjust: unset;}
[type='checkbox'],[type='radio'] {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0;-webkit-print-color-adjust: exact;print-color-adjust: exact;display: inline-block;vertical-align: middle;background-origin: border-box;-webkit-user-select: none;-moz-user-select: none;user-select: none;flex-shrink: 0;height: 1rem;width: 1rem;color: #2563eb;background-color: #fff;border-color: #6b7280;border-width: 1px;--tw-shadow: 0 0 #0000;}
[type='checkbox'] {border-radius: 0px;}
[type='radio'] {border-radius: 100%;}
[type='checkbox']:focus,[type='radio']:focus {outline: 2px solid transparent;outline-offset: 2px;--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
[type='checkbox']:checked,[type='radio']:checked {border-color: transparent;background-color: currentColor;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
[type='checkbox']:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");}
[type='radio']:checked {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {border-color: transparent;background-color: currentColor;}
[type='checkbox']:indeterminate {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color: transparent;background-color: currentColor;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {border-color: transparent;background-color: currentColor;}
[type='file'] {background: unset;border-color: inherit;border-width: 0;border-radius: 0;padding: 0;font-size: unset;line-height: inherit;}
[type='file']:focus {outline: 1px solid ButtonText;outline: 1px auto -webkit-focus-ring-color;}
.bg-obc-base {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}
.bg-obc-neutral {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(245 245 245 / var(--tw-bg-opacity));}
.bg-obc-elements {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: oklch(95% 0.015 240 / var(--tw-bg-opacity));}
.bg-obc-elements-dark {--tw-bg-opacity: 1;background-color: oklch(50% 0.03 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color: oklch(95% 0.015 240 / var(--tw-text-opacity));fill: #fafafa;stroke: #fafafa;}
.bg-obc-neutral-dark {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(74 74 74 / var(--tw-bg-opacity));fill: #fafafa;stroke: #fafafa;}
.bg-alert {--tw-bg-opacity: 1;background-color: rgb(254 226 226 / var(--tw-bg-opacity));}
.text-primary {--tw-text-opacity: 1;color: oklch(0.4 0.1 40 / var(--tw-text-opacity));}
.text-dark {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));}
.text-light {--tw-text-opacity: 1;color: rgb(250 250 250 / var(--tw-text-opacity));}
.text-alert {--tw-text-opacity: 1;color: rgb(248 113 113 / var(--tw-text-opacity));}
.text-a-light {--tw-text-opacity: 1;color: oklch(80% 0.03 240 / var(--tw-text-opacity));}
.fill-primary {fill: oklch(0.4 0.1 40 / 1);}
.fill-dark {fill: #171717;}
.fill-light {fill: #fafafa;}
.fill-alert {fill: #fca5a5;}
.stroke-primary {stroke: oklch(0.4 0.1 40 / 1);}
.stroke-dark {stroke: #171717;}
.stroke-light {stroke: #fafafa;}
.border-dark {--tw-border-opacity: 1;border-color: rgb(64 64 64 / var(--tw-border-opacity));}
.border-light {--tw-border-opacity: 1;border-color: rgb(212 212 212 / var(--tw-border-opacity));}
.decoration-alert {text-decoration-color: #f87171;}
.obc-header-colour {--tw-bg-opacity: 1;background-color: rgb(245 245 245 / var(--tw-bg-opacity));}
.obc-menu-colour {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.obc-menu-colour .obc-menu:hover {--tw-border-opacity: 1;border-color: rgb(64 64 64 / var(--tw-border-opacity));}
.obc-menu-colour .obc-menu-submenu {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));border-bottom-width: 1px;--tw-border-opacity: 1;border-color: rgb(212 212 212 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color: rgb(245 245 245 / var(--tw-bg-opacity));}
.logo-colour {fill: #4A4A4A;}
.logo-colour .logo-stroke {stroke: #fafafa;}
.logo-colour .logo-fill-text {fill: #fafafa;}
.logo-colour-outline {stroke: #4A4A4A;}
.logo-colour-outline .logo-fill-text {fill: #4A4A4A;}
.obc-cart-colour {--tw-bg-opacity: 1;background-color: oklch(0.8 0.1 40 / var(--tw-bg-opacity));}
.h1 {font-size: 4.5rem;line-height: 1;}
.h2 {font-size: 3.75rem;line-height: 1;}
.h3 {font-size: 3rem;line-height: 1;}
.h4 {font-size: 2.25rem;line-height: 2.5rem;}
.h5 {font-size: 1.875rem;line-height: 2.25rem;}
.h6 {font-size: 1.5rem;line-height: 2rem;}
.h7 {font-size: 1.25rem;line-height: 1.75rem;}
.paragraphs p {margin-bottom: 1rem;}
.paragraphs .h1 {padding-top: 3.5rem;padding-bottom: 2.5rem;}
.paragraphs .h2 {padding-top: 3rem;padding-bottom: 2rem;}
.paragraphs .h3 {padding-top: 2.5rem;padding-bottom: 1.5rem;}
.paragraphs .h4 {padding-top: 2rem;padding-bottom: 1rem;}
.paragraphs .h5 {padding-top: 1.5rem;padding-bottom: 0.75rem;}
.paragraphs .h6 {padding-top: 1rem;padding-bottom: 0.5rem;}
.paragraphs .h7 {padding-top: 0.5rem;padding-bottom: 0.25rem;}
*, ::before, ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  ;}
::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  ;}
.container {width: 100%;}
@media (min-width: 640px) {
.container {max-width: 640px;}}
@media (min-width: 768px) {
.container {max-width: 768px;}}
@media (min-width: 1024px) {
.container {max-width: 1024px;}}
@media (min-width: 1280px) {
.container {max-width: 1280px;}}
@media (min-width: 1536px) {
.container {max-width: 1536px;}}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}
.pointer-events-none {pointer-events: none;}
.visible {visibility: visible;}
.invisible {visibility: hidden;}
.static {position: static;}
.fixed {position: fixed;}
.absolute {position: absolute;}
.relative {position: relative;}
.sticky {position: sticky;}
.inset-0 {inset: 0px;}
.\!left-0 {left: 0px !important;}
.\!right-0 {right: 0px !important;}
.bottom-0 {bottom: 0px;}
.bottom-28 {bottom: 7rem;}
.bottom-3 {bottom: 0.75rem;}
.left-0 {left: 0px;}
.left-12 {left: 3rem;}
.right-0 {right: 0px;}
.right-3 {right: 0.75rem;}
.top-0 {top: 0px;}
.top-12 {top: 3rem;}
.top-3 {top: 0.75rem;}
.top-\[7rem\] {top: 7rem;}
.z-10 {z-index: 10;}
.z-20 {z-index: 20;}
.z-50 {z-index: 50;}
.z-\[1000\] {z-index: 1000;}
.z-\[1\] {z-index: 1;}
.col-span-10 {grid-column: span 10 / span 10;}
.col-span-12 {grid-column: span 12 / span 12;}
.col-span-2 {grid-column: span 2 / span 2;}
.col-span-3 {grid-column: span 3 / span 3;}
.col-span-4 {grid-column: span 4 / span 4;}
.float-start {float: inline-start;}
.float-end {float: inline-end;}
.m-1 {margin: 0.25rem;}
.m-6 {margin: 1.5rem;}
.m-auto {margin: auto;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.mx-4 {margin-left: 1rem;margin-right: 1rem;}
.mx-auto {margin-left: auto;margin-right: auto;}
.my-0 {margin-top: 0px;margin-bottom: 0px;}
.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.my-10 {margin-top: 2.5rem;margin-bottom: 2.5rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}
.my-8 {margin-top: 2rem;margin-bottom: 2rem;}
.mb-1 {margin-bottom: 0.25rem;}
.mb-10 {margin-bottom: 2.5rem;}
.mb-12 {margin-bottom: 3rem;}
.mb-14 {margin-bottom: 3.5rem;}
.mb-16 {margin-bottom: 4rem;}
.mb-2 {margin-bottom: 0.5rem;}
.mb-20 {margin-bottom: 5rem;}
.mb-3 {margin-bottom: 0.75rem;}
.mb-32 {margin-bottom: 8rem;}
.mb-4 {margin-bottom: 1rem;}
.mb-5 {margin-bottom: 1.25rem;}
.mb-6 {margin-bottom: 1.5rem;}
.mb-8 {margin-bottom: 2rem;}
.ml-1 {margin-left: 0.25rem;}
.ml-2 {margin-left: 0.5rem;}
.ml-3 {margin-left: 0.75rem;}
.ml-4 {margin-left: 1rem;}
.ml-auto {margin-left: auto;}
.mr-1 {margin-right: 0.25rem;}
.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 0.75rem;}
.ms-0 {margin-inline-start: 0px;}
.mt-1 {margin-top: 0.25rem;}
.mt-10 {margin-top: 2.5rem;}
.mt-2 {margin-top: 0.5rem;}
.mt-4 {margin-top: 1rem;}
.mt-6 {margin-top: 1.5rem;}
.mt-8 {margin-top: 2rem;}
.mt-auto {margin-top: auto;}
.line-clamp-\[8\] {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
.block {display: block;}
.inline-block {display: inline-block;}
.inline {display: inline;}
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.table {display: table;}
.grid {display: grid;}
.contents {display: contents;}
.hidden {display: none;}
.aspect-\[4\/5\] {aspect-ratio: 4/5;}
.aspect-square {aspect-ratio: 1 / 1;}
.size-2 {width: 0.5rem;height: 0.5rem;}
.size-full {width: 100%;height: 100%;}
.h-1 {height: 0.25rem;}
.h-10 {height: 2.5rem;}
.h-11 {height: 2.75rem;}
.h-12 {height: 3rem;}
.h-16 {height: 4rem;}
.h-2 {height: 0.5rem;}
.h-2\.5 {height: 0.625rem;}
.h-3\.5 {height: 0.875rem;}
.h-4 {height: 1rem;}
.h-5 {height: 1.25rem;}
.h-6 {height: 1.5rem;}
.h-8 {height: 2rem;}
.h-\[350px\] {height: 350px;}
.h-auto {height: auto;}
.h-fit {height: -moz-fit-content;height: fit-content;}
.h-full {height: 100%;}
.h-min {height: -moz-min-content;height: min-content;}
.max-h-\[70vh\] {max-height: 70vh;}
.min-h-11 {min-height: 2.75rem;}
.min-h-60 {min-height: 15rem;}
.min-h-96 {min-height: 24rem;}
.min-h-full {min-height: 100%;}
.min-h-screen {min-height: 100vh;}
.w-1\/2 {width: 50%;}
.w-1\/3 {width: 33.333333%;}
.w-1\/4 {width: 25%;}
.w-1\/6 {width: 16.666667%;}
.w-12 {width: 3rem;}
.w-2 {width: 0.5rem;}
.w-2\.5 {width: 0.625rem;}
.w-2\/12 {width: 16.666667%;}
.w-2\/3 {width: 66.666667%;}
.w-20 {width: 5rem;}
.w-3\.5 {width: 0.875rem;}
.w-4 {width: 1rem;}
.w-4\/5 {width: 80%;}
.w-5 {width: 1.25rem;}
.w-8 {width: 2rem;}
.w-8\/12 {width: 66.666667%;}
.w-auto {width: auto;}
.w-fit {width: -moz-fit-content;width: fit-content;}
.w-full {width: 100%;}
.min-w-\[360px\] {min-width: 360px;}
.min-w-full {min-width: 100%;}
.max-w-2xl {max-width: 42rem;}
.max-w-3xl {max-width: 48rem;}
.max-w-\[600px\] {max-width: 600px;}
.max-w-full {max-width: 100%;}
.max-w-xl {max-width: 36rem;}
.max-w-xs {max-width: 20rem;}
.flex-shrink-0 {flex-shrink: 0;}
.shrink-0 {flex-shrink: 0;}
.flex-grow {flex-grow: 1;}
.grow {flex-grow: 1;}
.rotate-45 {--tw-rotate: 45deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.transform {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.cursor-pointer {cursor: pointer;}
.resize {resize: both;}
.list-inside {list-style-position: inside;}
.list-disc {list-style-type: disc;}
.list-none {list-style-type: none;}
.columns-2 {-moz-columns: 2;columns: 2;}
.break-inside-avoid {-moz-column-break-inside: avoid;break-inside: avoid;}
.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}
.grid-cols-10 {grid-template-columns: repeat(10, minmax(0, 1fr));}
.grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}
.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.flex-row {flex-direction: row;}
.flex-col {flex-direction: column;}
.flex-wrap {flex-wrap: wrap;}
.items-start {align-items: flex-start;}
.items-end {align-items: flex-end;}
.items-center {align-items: center;}
.items-baseline {align-items: baseline;}
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-items-center {justify-items: center;}
.gap-1 {gap: 0.25rem;}
.gap-1\.5 {gap: 0.375rem;}
.gap-2 {gap: 0.5rem;}
.gap-3 {gap: 0.75rem;}
.gap-4 {gap: 1rem;}
.gap-6 {gap: 1.5rem;}
.gap-8 {gap: 2rem;}
.gap-x-4 {-moz-column-gap: 1rem;column-gap: 1rem;}
.gap-x-6 {-moz-column-gap: 1.5rem;column-gap: 1.5rem;}
.gap-y-10 {row-gap: 2.5rem;}
.gap-y-12 {row-gap: 3rem;}
.-space-x-px > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(-1px * var(--tw-space-x-reverse));margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(0.5rem * var(--tw-space-x-reverse));margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));}
.overflow-hidden {overflow: hidden;}
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {overflow-y: auto;}
.overflow-x-hidden {overflow-x: hidden;}
.overflow-y-scroll {overflow-y: scroll;}
.whitespace-nowrap {white-space: nowrap;}
.text-wrap {text-wrap: wrap;}
.rounded {border-radius: 0.25rem;}
.rounded-full {border-radius: 9999px;}
.rounded-lg {border-radius: 0.5rem;}
.rounded-md {border-radius: 0.375rem;}
.rounded-sm {border-radius: 0.125rem;}
.rounded-xl {border-radius: 0.75rem;}
.rounded-b-2xl {border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem;}
.rounded-e-lg {border-start-end-radius: 0.5rem;border-end-end-radius: 0.5rem;}
.rounded-l-none {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.rounded-r-none {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.rounded-s-lg {border-start-start-radius: 0.5rem;border-end-start-radius: 0.5rem;}
.rounded-t {border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;}
.rounded-t-2xl {border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.border {border-width: 1px;}
.border-b {border-bottom-width: 1px;}
.border-e-0 {border-inline-end-width: 0px;}
.border-l {border-left-width: 1px;}
.border-l-0 {border-left-width: 0px;}
.border-r-0 {border-right-width: 0px;}
.border-gray-300 {--tw-border-opacity: 1;border-color: rgb(209 213 219 / var(--tw-border-opacity));}
.border-neutral-200 {--tw-border-opacity: 1;border-color: rgb(229 229 229 / var(--tw-border-opacity));}
.border-neutral-500 {--tw-border-opacity: 1;border-color: rgb(115 115 115 / var(--tw-border-opacity));}
.border-transparent {border-color: transparent;}
.border-white {--tw-border-opacity: 1;border-color: rgb(255 255 255 / var(--tw-border-opacity));}
.bg-black\/20 {background-color: rgb(0 0 0 / 0.2);}
.bg-black\/70 {background-color: rgb(0 0 0 / 0.7);}
.bg-colour-obc-grey-300 {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.bg-colour-obc-grey-500 {--tw-bg-opacity: 1;background-color: rgb(115 115 115 / var(--tw-bg-opacity));}
.bg-gray-100 {--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity));}
.bg-green-100 {--tw-bg-opacity: 1;background-color: rgb(220 252 231 / var(--tw-bg-opacity));}
.bg-neutral-100 {--tw-bg-opacity: 1;background-color: rgb(245 245 245 / var(--tw-bg-opacity));}
.bg-neutral-200 {--tw-bg-opacity: 1;background-color: rgb(229 229 229 / var(--tw-bg-opacity));}
.bg-neutral-300 {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.bg-neutral-500 {--tw-bg-opacity: 1;background-color: rgb(115 115 115 / var(--tw-bg-opacity));}
.bg-transparent {background-color: transparent;}
.bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity));}
.bg-white\/80 {background-color: rgb(255 255 255 / 0.8);}
.bg-opacity-30 {--tw-bg-opacity: 0.3;}
.fill-current {fill: currentColor;}
.fill-inherit {fill: inherit;}
.stroke-inherit {stroke: inherit;}
.object-contain {-o-object-fit: contain;object-fit: contain;}
.object-cover {-o-object-fit: cover;object-fit: cover;}
.object-left-top {-o-object-position: left top;object-position: left top;}
.p-0 {padding: 0px;}
.p-1\.5 {padding: 0.375rem;}
.p-10 {padding: 2.5rem;}
.p-16 {padding: 4rem;}
.p-2 {padding: 0.5rem;}
.p-3 {padding: 0.75rem;}
.p-4 {padding: 1rem;}
.p-5 {padding: 1.25rem;}
.p-6 {padding: 1.5rem;}
.\!px-8 {padding-left: 2rem !important;padding-right: 2rem !important;}
.px-0 {padding-left: 0px;padding-right: 0px;}
.px-1 {padding-left: 0.25rem;padding-right: 0.25rem;}
.px-10 {padding-left: 2.5rem;padding-right: 2.5rem;}
.px-12 {padding-left: 3rem;padding-right: 3rem;}
.px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}
.px-24 {padding-left: 6rem;padding-right: 6rem;}
.px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}
.px-4 {padding-left: 1rem;padding-right: 1rem;}
.px-5 {padding-left: 1.25rem;padding-right: 1.25rem;}
.px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}
.px-8 {padding-left: 2rem;padding-right: 2rem;}
.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}
.py-10 {padding-top: 2.5rem;padding-bottom: 2.5rem;}
.py-14 {padding-top: 3.5rem;padding-bottom: 3.5rem;}
.py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.py-20 {padding-top: 5rem;padding-bottom: 5rem;}
.py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.py-32 {padding-top: 8rem;padding-bottom: 8rem;}
.py-4 {padding-top: 1rem;padding-bottom: 1rem;}
.py-5 {padding-top: 1.25rem;padding-bottom: 1.25rem;}
.py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.py-8 {padding-top: 2rem;padding-bottom: 2rem;}
.pb-1 {padding-bottom: 0.25rem;}
.pb-10 {padding-bottom: 2.5rem;}
.pb-16 {padding-bottom: 4rem;}
.pb-2 {padding-bottom: 0.5rem;}
.pb-3 {padding-bottom: 0.75rem;}
.pb-4 {padding-bottom: 1rem;}
.pb-5 {padding-bottom: 1.25rem;}
.pb-6 {padding-bottom: 1.5rem;}
.pb-8 {padding-bottom: 2rem;}
.pl-0 {padding-left: 0px;}
.pl-2 {padding-left: 0.5rem;}
.pl-4 {padding-left: 1rem;}
.pl-6 {padding-left: 1.5rem;}
.pr-0 {padding-right: 0px;}
.pr-4 {padding-right: 1rem;}
.pr-6 {padding-right: 1.5rem;}
.pr-7 {padding-right: 1.75rem;}
.pr-8 {padding-right: 2rem;}
.pt-0 {padding-top: 0px;}
.pt-1 {padding-top: 0.25rem;}
.pt-14 {padding-top: 3.5rem;}
.pt-2 {padding-top: 0.5rem;}
.pt-3 {padding-top: 0.75rem;}
.pt-4 {padding-top: 1rem;}
.pt-6 {padding-top: 1.5rem;}
.pt-8 {padding-top: 2rem;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.align-middle {vertical-align: middle;}
.font-sans {font-family: Open Sans, Helvetica, Arial, sans-serif;}
.font-serif {font-family: Alegreya, Times New Roman, Times, serif;}
.text-2xl {font-size: 1.5rem;line-height: 2rem;}
.text-3xl {font-size: 1.875rem;line-height: 2.25rem;}
.text-4xl {font-size: 2.25rem;line-height: 2.5rem;}
.text-5xl {font-size: 3rem;line-height: 1;}
.text-6xl {font-size: 3.75rem;line-height: 1;}
.text-base {font-size: 1rem;line-height: 1.5rem;}
.text-lg {font-size: 1.125rem;line-height: 1.75rem;}
.text-sm {font-size: 0.875rem;line-height: 1.25rem;}
.text-xl {font-size: 1.25rem;line-height: 1.75rem;}
.text-xs {font-size: 0.75rem;line-height: 1rem;}
.font-bold {font-weight: 700;}
.font-extrabold {font-weight: 800;}
.font-medium {font-weight: 500;}
.font-semibold {font-weight: 600;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.normal-case {text-transform: none;}
.italic {font-style: italic;}
.\!leading-tight {line-height: 1.25 !important;}
.leading-8 {line-height: 2rem;}
.leading-\[3rem\] {line-height: 3rem;}
.leading-relaxed {line-height: 1.625;}
.leading-tight {line-height: 1.25;}
.tracking-wide {letter-spacing: 0.025em;}
.tracking-widest {letter-spacing: 0.1em;}
.\!text-gray-500 {--tw-text-opacity: 1 !important;color: rgb(107 114 128 / var(--tw-text-opacity)) !important;}
.text-\[\#5B6D92\] {--tw-text-opacity: 1;color: rgb(91 109 146 / var(--tw-text-opacity));}
.text-\[\#FFBE98\] {--tw-text-opacity: 1;color: rgb(255 190 152 / var(--tw-text-opacity));}
.text-colour-a-700 {--tw-text-opacity: 1;color: oklch(50% 0.03 240 / var(--tw-text-opacity));}
.text-gray-300 {--tw-text-opacity: 1;color: rgb(209 213 219 / var(--tw-text-opacity));}
.text-gray-400 {--tw-text-opacity: 1;color: rgb(156 163 175 / var(--tw-text-opacity));}
.text-gray-500 {--tw-text-opacity: 1;color: rgb(107 114 128 / var(--tw-text-opacity));}
.text-gray-700 {--tw-text-opacity: 1;color: rgb(55 65 81 / var(--tw-text-opacity));}
.text-green-400 {--tw-text-opacity: 1;color: rgb(74 222 128 / var(--tw-text-opacity));}
.text-neutral-500 {--tw-text-opacity: 1;color: rgb(115 115 115 / var(--tw-text-opacity));}
.text-neutral-600 {--tw-text-opacity: 1;color: rgb(82 82 82 / var(--tw-text-opacity));}
.text-red-400 {--tw-text-opacity: 1;color: rgb(248 113 113 / var(--tw-text-opacity));}
.text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}
.underline {text-decoration-line: underline;}
.decoration-colour-obc-grey-500 {text-decoration-color: #737373;}
.decoration-red-400 {text-decoration-color: #f87171;}
.decoration-1 {text-decoration-thickness: 1px;}
.decoration-2 {text-decoration-thickness: 2px;}
.decoration-4 {text-decoration-thickness: 4px;}
.underline-offset-4 {text-underline-offset: 4px;}
.underline-offset-8 {text-underline-offset: 8px;}
.opacity-0 {opacity: 0;}
.shadow-lg {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.shadow-xl {--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.blur {--tw-blur: blur(8px);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.filter {filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
.transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
.transition-colors {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
.transition-opacity {transition-property: opacity;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
.transition-transform {transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
.duration-200 {transition-duration: 200ms;}
.duration-300 {transition-duration: 300ms;}
.ease-in-out {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.ease-out {transition-timing-function: cubic-bezier(0, 0, 0.2, 1);}
.hover\:bg-obc-elements:hover {--tw-text-opacity: 1;color: rgb(64 64 64 / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color: oklch(95% 0.015 240 / var(--tw-bg-opacity));}
.hover\:text-dark-hover:hover {--tw-text-opacity: 1;color: rgb(115 115 115 / var(--tw-text-opacity));}
.hover\:text-light-hover:hover {--tw-text-opacity: 1;color: rgb(212 212 212 / var(--tw-text-opacity));}
.hover\:text-alert:hover {--tw-text-opacity: 1;color: rgb(248 113 113 / var(--tw-text-opacity));}
.hover\:fill-primary-hover:hover {fill: oklch(0.5 0.1 40 / 1);}
.hover\:fill-dark-hover:hover {fill: #4A4A4A;}
.hover\:stroke-primary-hover:hover {stroke: oklch(0.5 0.1 40 / 1);}
.hover\:border-dark:hover {--tw-border-opacity: 1;border-color: rgb(64 64 64 / var(--tw-border-opacity));}
.group:hover .group-hover\:text-dark-hover {--tw-text-opacity: 1;color: rgb(115 115 115 / var(--tw-text-opacity));}
@media (min-width: 640px) {

    .sm\:h2 {font-size: 3.75rem;line-height: 1;}

    .sm\:h4 {font-size: 2.25rem;line-height: 2.5rem;}

    .sm\:h5 {font-size: 1.875rem;line-height: 2.25rem;}

    .paragraphs .sm\:h2 {padding-top: 3rem;padding-bottom: 2rem;}

    .paragraphs .sm\:h4 {padding-top: 2rem;padding-bottom: 1rem;}

    .paragraphs .sm\:h5 {padding-top: 1.5rem;padding-bottom: 0.75rem;}}
@media (min-width: 768px) {

    .md\:h3 {font-size: 3rem;line-height: 1;}

    .md\:h4 {font-size: 2.25rem;line-height: 2.5rem;}

    .md\:h5 {font-size: 1.875rem;line-height: 2.25rem;}

    .paragraphs .md\:h3 {padding-top: 2.5rem;padding-bottom: 1.5rem;}

    .paragraphs .md\:h4 {padding-top: 2rem;padding-bottom: 1rem;}

    .paragraphs .md\:h5 {padding-top: 1.5rem;padding-bottom: 0.75rem;}}
@media (min-width: 1024px) {

    .lg\:h4 {font-size: 2.25rem;line-height: 2.5rem;}

    .paragraphs .lg\:h4 {padding-top: 2rem;padding-bottom: 1rem;}}
@media (min-width: 1280px) {

    .xl\:h3 {font-size: 3rem;line-height: 1;}

    .paragraphs .xl\:h3 {padding-top: 2.5rem;padding-bottom: 1.5rem;}}
.hover\:scale-\[1\.02\]:hover {--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.hover\:cursor-pointer:hover {cursor: pointer;}
.hover\:bg-colour-obc-grey-100:hover {--tw-bg-opacity: 1;background-color: rgb(245 245 245 / var(--tw-bg-opacity));}
.hover\:bg-gray-100:hover {--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity));}
.hover\:bg-neutral-300:hover {--tw-bg-opacity: 1;background-color: rgb(212 212 212 / var(--tw-bg-opacity));}
.hover\:text-gray-600:hover {--tw-text-opacity: 1;color: rgb(75 85 99 / var(--tw-text-opacity));}
.hover\:text-gray-700:hover {--tw-text-opacity: 1;color: rgb(55 65 81 / var(--tw-text-opacity));}
.hover\:text-green-400:hover {--tw-text-opacity: 1;color: rgb(74 222 128 / var(--tw-text-opacity));}
.hover\:underline:hover {text-decoration-line: underline;}
.hover\:no-underline:hover {text-decoration-line: none;}
.hover\:opacity-90:hover {opacity: 0.9;}
.hover\:\[animation-play-state\:paused\]:hover {animation-play-state: paused;}
.focus\:border-neutral-900:focus {--tw-border-opacity: 1;border-color: rgb(23 23 23 / var(--tw-border-opacity));}
.focus\:outline-none:focus {outline: 2px solid transparent;outline-offset: 2px;}
.focus\:ring-4:focus {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);}
.focus\:ring-neutral-900:focus {--tw-ring-opacity: 1;--tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));}
.group[open] .group-open\:rotate-180 {--tw-rotate: 180deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.group:hover .group-hover\:no-underline {text-decoration-line: none;}
.group:hover .group-hover\:opacity-100 {opacity: 1;}
.group:hover .group-hover\:opacity-75 {opacity: 0.75;}
@media (min-width: 640px) {
.sm\:col-span-6 {grid-column: span 6 / span 6;}
.sm\:mb-6 {margin-bottom: 1.5rem;}
.sm\:mr-2 {margin-right: 0.5rem;}
.sm\:h-5 {height: 1.25rem;}
.sm\:h-\[450px\] {height: 450px;}
.sm\:h-fit {height: -moz-fit-content;height: fit-content;}
.sm\:min-h-96 {min-height: 24rem;}
.sm\:w-2\/3 {width: 66.666667%;}
.sm\:w-5 {width: 1.25rem;}
.sm\:max-w-4xl {max-width: 56rem;}
.sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.sm\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.sm\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.sm\:gap-6 {gap: 1.5rem;}
.sm\:rounded-lg {border-radius: 0.5rem;}
.sm\:p-4 {padding: 1rem;}
.sm\:px-0 {padding-left: 0px;padding-right: 0px;}
.sm\:px-24 {padding-left: 6rem;padding-right: 6rem;}
.sm\:px-4 {padding-left: 1rem;padding-right: 1rem;}
.sm\:px-5 {padding-left: 1.25rem;padding-right: 1.25rem;}
.sm\:px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}
.sm\:px-8 {padding-left: 2rem;padding-right: 2rem;}
.sm\:py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.sm\:py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.sm\:pb-10 {padding-bottom: 2.5rem;}
.sm\:pt-8 {padding-top: 2rem;}
.sm\:text-center {text-align: center;}
.sm\:text-2xl {font-size: 1.5rem;line-height: 2rem;}
.sm\:text-3xl {font-size: 1.875rem;line-height: 2.25rem;}
.sm\:text-5xl {font-size: 3rem;line-height: 1;}
.sm\:text-base {font-size: 1rem;line-height: 1.5rem;}
.sm\:text-lg {font-size: 1.125rem;line-height: 1.75rem;}
.sm\:text-xl {font-size: 1.25rem;line-height: 1.75rem;}
.sm\:shadow-lg {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}}
@media (min-width: 768px) {
.md\:absolute {position: absolute;}
.md\:left-0 {left: 0px;}
.md\:top-0 {top: 0px;}
.md\:col-span-4 {grid-column: span 4 / span 4;}
.md\:col-span-6 {grid-column: span 6 / span 6;}
.md\:mx-24 {margin-left: 6rem;margin-right: 6rem;}
.md\:my-0 {margin-top: 0px;margin-bottom: 0px;}
.md\:mb-0 {margin-bottom: 0px;}
.md\:mb-12 {margin-bottom: 3rem;}
.md\:mb-6 {margin-bottom: 1.5rem;}
.md\:ml-4 {margin-left: 1rem;}
.md\:mr-4 {margin-right: 1rem;}
.md\:mt-10 {margin-top: 2.5rem;}
.md\:block {display: block;}
.md\:inline {display: inline;}
.md\:flex {display: flex;}
.md\:hidden {display: none;}
.md\:h-12 {height: 3rem;}
.md\:h-14 {height: 3.5rem;}
.md\:h-20 {height: 5rem;}
.md\:h-fit {height: -moz-fit-content;height: fit-content;}
.md\:h-full {height: 100%;}
.md\:w-1\/2 {width: 50%;}
.md\:w-1\/3 {width: 33.333333%;}
.md\:w-1\/4 {width: 25%;}
.md\:w-1\/6 {width: 16.666667%;}
.md\:w-2\/3 {width: 66.666667%;}
.md\:w-4\/5 {width: 80%;}
.md\:w-full {width: 100%;}
.md\:max-w-2xl {max-width: 42rem;}
.md\:columns-3 {-moz-columns: 3;columns: 3;}
.md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.md\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.md\:grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.md\:flex-row {flex-direction: row;}
.md\:gap-8 {gap: 2rem;}
.md\:rounded-lg {border-radius: 0.5rem;}
.md\:rounded-l-2xl {border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}
.md\:rounded-l-none {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.md\:rounded-r-2xl {border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;}
.md\:rounded-r-none {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.md\:border-b-0 {border-bottom-width: 0px;}
.md\:border-r {border-right-width: 1px;}
.md\:bg-transparent {background-color: transparent;}
.md\:px-0 {padding-left: 0px;padding-right: 0px;}
.md\:px-20 {padding-left: 5rem;padding-right: 5rem;}
.md\:px-4 {padding-left: 1rem;padding-right: 1rem;}
.md\:px-8 {padding-left: 2rem;padding-right: 2rem;}
.md\:py-0 {padding-top: 0px;padding-bottom: 0px;}
.md\:py-20 {padding-top: 5rem;padding-bottom: 5rem;}
.md\:pb-6 {padding-bottom: 1.5rem;}
.md\:pl-4 {padding-left: 1rem;}
.md\:pr-4 {padding-right: 1rem;}
.md\:pt-10 {padding-top: 2.5rem;}
.md\:text-2xl {font-size: 1.5rem;line-height: 2rem;}
.md\:text-3xl {font-size: 1.875rem;line-height: 2.25rem;}
.md\:text-base {font-size: 1rem;line-height: 1.5rem;}
.md\:text-sm {font-size: 0.875rem;line-height: 1.25rem;}
.md\:text-xl {font-size: 1.25rem;line-height: 1.75rem;}
.md\:text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity));}
.md\:shadow-lg {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}}
@media (min-width: 1024px) {
.lg\:absolute {position: absolute;}
.lg\:left-0 {left: 0px;}
.lg\:top-0 {top: 0px;}
.lg\:col-span-1 {grid-column: span 1 / span 1;}
.lg\:col-span-12 {grid-column: span 12 / span 12;}
.lg\:col-span-2 {grid-column: span 2 / span 2;}
.lg\:col-span-3 {grid-column: span 3 / span 3;}
.lg\:col-span-4 {grid-column: span 4 / span 4;}
.lg\:col-span-5 {grid-column: span 5 / span 5;}
.lg\:col-span-8 {grid-column: span 8 / span 8;}
.lg\:mb-0 {margin-bottom: 0px;}
.lg\:mb-12 {margin-bottom: 3rem;}
.lg\:mb-14 {margin-bottom: 3.5rem;}
.lg\:block {display: block;}
.lg\:flex {display: flex;}
.lg\:grid {display: grid;}
.lg\:hidden {display: none;}
.lg\:h-\[550px\] {height: 550px;}
.lg\:h-full {height: 100%;}
.lg\:w-1\/2 {width: 50%;}
.lg\:w-1\/4 {width: 25%;}
.lg\:w-2\/3 {width: 66.666667%;}
.lg\:w-2\/5 {width: 40%;}
.lg\:w-3\/12 {width: 25%;}
.lg\:w-3\/5 {width: 60%;}
.lg\:w-auto {width: auto;}
.lg\:columns-4 {-moz-columns: 4;columns: 4;}
.lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.lg\:grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.lg\:grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
.lg\:justify-center {justify-content: center;}
.lg\:gap-6 {gap: 1.5rem;}
.lg\:rounded-l-2xl {border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}
.lg\:rounded-l-none {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.lg\:rounded-r-2xl {border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;}
.lg\:rounded-r-none {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.lg\:bg-transparent {background-color: transparent;}
.lg\:px-0 {padding-left: 0px;padding-right: 0px;}
.lg\:px-24 {padding-left: 6rem;padding-right: 6rem;}
.lg\:py-0 {padding-top: 0px;padding-bottom: 0px;}
.lg\:pb-0 {padding-bottom: 0px;}
.lg\:pl-10 {padding-left: 2.5rem;}
.lg\:pr-6 {padding-right: 1.5rem;}
.lg\:pt-0 {padding-top: 0px;}
.lg\:text-left {text-align: left;}
.lg\:text-2xl {font-size: 1.5rem;line-height: 2rem;}
.lg\:text-3xl {font-size: 1.875rem;line-height: 2.25rem;}
.lg\:text-4xl {font-size: 2.25rem;line-height: 2.5rem;}
.lg\:text-5xl {font-size: 3rem;line-height: 1;}
.lg\:text-base {font-size: 1rem;line-height: 1.5rem;}
.lg\:text-lg {font-size: 1.125rem;line-height: 1.75rem;}
.lg\:leading-\[3rem\] {line-height: 3rem;}}
@media (min-width: 1280px) {
.xl\:mb-20 {margin-bottom: 5rem;}
.xl\:text-2xl {font-size: 1.5rem;line-height: 2rem;}
.xl\:text-4xl {font-size: 2.25rem;line-height: 2.5rem;}
.xl\:text-5xl {font-size: 3rem;line-height: 1;}
.xl\:text-6xl {font-size: 3.75rem;line-height: 1;}
.xl\:text-base {font-size: 1rem;line-height: 1.5rem;}
.xl\:text-lg {font-size: 1.125rem;line-height: 1.75rem;}
.xl\:text-xl {font-size: 1.25rem;line-height: 1.75rem;}}
.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {--tw-rotate: 180deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {display: none;}