/* 20260515
- update class "X" to "Q"(square)
- update class "w" "h" with X Y

- CTNR > CD (CP Cb)
- col-2 >
  - col > trY
  - 2 > X2
- ndx > Z
- alpha > A

- H > just
- HQ > centre
- HY , HX (—> what is "flex-start"?)

*/

/*  I N D E X
________________________________________________

- flex
- arrangement
- colours
- text
- borders & outlines
- effects
- interactions

- normalize (additions)

- reference
________________________________________________

 *        G L O S S A R Y


* bord`   border
* O`      outline
* t`      text
* c`      corner (border-radius)

* w`      width
* h`      height

* t` r` b` l`

* X       dimensions (width height)
* H       container

* aV      axis vertical
* aH      axis horizontal

------------------------>>  */


/* Special Case */

.outline-27-dark {
 border:0 solid var(--dark);
 outline:27px solid var(--dark);
 outline-offset:-27px;
}

.d-none {display:none!important;}
.inline {display:inline-block;}
.inline-flex {display:inline-flex;}
.block {display:block;}
.flex {display:flex;}
.grid {display:grid;}
.table {display:table;}

.wrap {flex-wrap:wrap;}
.nowrap {flex-wrap:nowrap;}

.scroll-none {overflow-y:hidden!important}
.scroll-y {overflow-y:scroll;overflow-x:hidden}
.scroll-x {overflow-x:scroll;overflow-y:hidden}
.overflow {overflow:visible!important}
.overflow-hidden {overflow:hidden}
.trim {overflow:hidden}

.image {
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
}
.image.expanded {
 background-size:103%;
}
.easing {
 -webkit-transition:var(--ease-in-out);
 -moz-transition:var(--ease-in-out);
 -o-transition:var(--ease-in-out);
 transition:var(--ease-in-out);
}
.easing-long {
 -webkit-transition:var(--ease-in-out-long);
 -moz-transition:var(--ease-in-out-long);
 -o-transition:var(--ease-in-out-long);
 transition:var(--ease-in-out-long);
}


nav.top {
 z-index:9;
 position:fixed;top:0;
 align-items:center;
 width:100%;min-height:4rem;
 backdrop-filter:blur(1.2px);
 box-shadow:0 1px 15px rgba(0,0,0,.15);
}
nav.top .CTNR {
 align-items:center;
}
nav.top ul {
 flex-direction:row;
 margin-block-start:0;
 margin-block-end:0;
 padding-inline-start:0;
}
nav.top li {
 padding:0 1rem 0 1rem;
}


/*

- flex

------------------------>>  */

.X, .lens,
.trY, .trX, .tlY, .tlX, .blY, .blX, .rbY, .rBX,
nav, nav.top ul {display:flex;}

.wrap {flex-wrap:wrap;}

/*

- arrangement

------------------------>>  */

._CK /*unpack*/ {flex-shrink:0;} /*dmnsn unconfined by PRNT*/


.relative {position:relative;}
.absolute {position:absolute!important;}
.fixed {position:fixed!important;}

.pos-centre-vrt {left:50%;transform:translateX(-50%);}

.t {inset:auto!important; top:0;}
.r {inset:auto!important; right:0;}
.b {inset:auto!important; bottom:0;}
.l {inset:auto!important; left:0;}

.top {inset:auto; top:0;}
.right {inset:auto; right:0;}
.btm {inset:auto; bottom:0;}
.left {inset:auto; left:0;}

.t0 {top:auto;}
.r0 {right:auto;}
.b0 {bottom:auto;}
.l0 {left:auto;}

.tl {top:0;left:0;}
.tr {bottom:auto;left:auto;transform:none;top:0;right:0;}
.tc {left:50%;transform:translateX(-50%);}
.rc {right:0;top:50%;transform:translateY(-50%);}
.lc {left:0;top:50%;transform:translateY(-50%);}
.cc {top:50%;left:50%;transform:translate(-50%,-50%);}
.br {bottom:0;right:0;}
.bl {bottom:0;left:0;transform:translateY(100%);}
.bc {bottom:0;left:50%;transform:translateX(-50%);}

.aH {transform:translateX(-50%);} /*align horizontal*/
.aVt {transform:translateY(-50%);} /*align vertical*/
.aVb {transform:translateY(50%);} /*align vertical*/

.t4 {inset:auto; top:33.3%!important;}
.b4 {inset:auto; bottom:33.3%!important;}

.t8 {inset:auto; top:66.6%!important;}


.ndx-0 {z-index:0;}
.ndx-1 {z-index:1;}
.ndx-2 {z-index:2;}
.ndx-3 {z-index:3;}
.ndx-4 {z-index:4;}
.ndx-5 {z-index:5;}
.ndx-6 {z-index:6;}
.ndx-7 {z-index:7;}
.ndx-8 {z-index:8;}
.ndx-9 {z-index:9;}
.ndx-10 {z-index:10;}
.ndx-11 {z-index:11!important;}



.lens {
 width:100%!important;
 max-width:100%!important;min-width:100%!important;
 height:100%!important;
 max-height:100%!important;min-height:100%!important;

 position:absolute; inset:0;
 background-color:transparent;
 background-repeat:no-repeat;
}

.An {opacity:auto!important;}
.A0 {opacity:0!important;}
.A1 {opacity:8.33%!important;}
.A2 {opacity:16.66%!important;}
.A3 {opacity:25%!important;}
.A4 {opacity:33%!important;}
.A5 {opacity:41%!important;}
.A6 {opacity:50%!important;}
.A7 {opacity:58%!important;}
.A8 {opacity:66.66%!important;}
.A9 {opacity:75%!important;}
.A10 {opacity:83.3%!important;}
.A11 {opacity:91.66%!important;}
.A12 {opacity:100%!important;}

.Zn {z-index:auto!important;}
.Z0 {z-index:0!important;}
.Z1 {z-index:83!important;}
.Z2 {z-index:166!important;}
.Z3 {z-index:250!important;}
.Z4 {z-index:333!important;}
.Z5 {z-index:410!important;}
.Z6 {z-index:500!important;}
.Z7 {z-index:580!important;}
.Z8 {z-index:666!important;}
.Z9 {z-index:750!important;}
.Z10 {z-index:833!important;}
.Z11 {z-index:916!important;}
.Z12 {z-index:100!important;}

.Wn {width:auto!important;max-width:auto!important;}
.W0 {width:0!important;max-width:0!important;}
.W1 {width:8.33%!important;max-width:8.33%!important;}
.W2 {width:16.66%!important;max-width:16.66%!important;}
.W3 {width:25%!important;max-width:25%!important;}
.W4 {width:33%!important;max-width:33%!important;}
.W5 {width:41%!important;max-width:41%!important;}
.W6 {width:50%!important;max-width:50%!important;}
.W7 {width:58%!important;max-width:58%!important;}
.W8 {width:66.66%!important;max-width:66.66%!important;}
.W9 {width:75%!important;max-width:75%!important;}
.W10 {width:83.3%!important;max-width:83.3%!important;}
.W11 {width:91.66%!important;max-width:91.66!important;}
.W12 {width:100%!important;max-width:100%!important;}


.Xn {width:auto!important;max-width:auto!important;}
.X0 {width:0!important;max-width:0!important;}
.X1 {width:8.33%!important;max-width:8.33%!important;}
.X2 {width:16.66%!important;max-width:16.66%!important;}
.X3 {width:25%!important;max-width:25%!important;}
.X4 {width:33%!important;max-width:33%!important;}
.X5 {width:41%!important;max-width:41%!important;}
.X6 {width:50%!important;max-width:50%!important;}
.X7 {width:58%!important;max-width:58%!important;}
.X8 {width:66.66%!important;max-width:66.66%!important;}
.X9 {width:75%!important;max-width:75%!important;}
.X10 {width:83.3%!important;max-width:83.3%!important;}
.X11 {width:91.66%!important;max-width:91.66!important;}
.X12 {width:100%!important;max-width:100%!important;}

.Yn {height:auto!important;max-height:auto!important;}
.Y0 {height:0!important;max-height:0!important;}
.Y1 {height:8.33%!important;max-height:8.33%!important;}
.Y2 {height:16.66%!important;max-height:16.66%!important;}
.Y3 {height:25%!important;max-height:25%!important;}
.Y4 {height:33%!important;max-height:33%!important;}
.Y5 {height:41%!important;max-height:41%!important;}
.Y6 {height:50%!important;max-height:50%!important;}
.Y7 {height:58%!important;max-height:58%!important;}
.Y8 {height:66.66%!important;max-height:66.66%!important;}
.Y9 {height:75%!important;max-height:75%!important;}
.Y10 {height:83.3%!important;max-height:83.3%!important;}
.Y11 {height:91.66%!important;max-height:91.66!important;}
.Y12 {height:100%!important;max-height:100%!important;}

.Qn {width:auto!important;max-width:auto!important;height:auto!important;max-height:auto!important;}
.Q0 {width:0!important;max-width:0!important;height:0!important;max-height:0!important;}
.Q1 {width:8.33%!important;max-width:8.33%!important;height:8.33%!important;max-height:8.33%!important}
.Q2 {width:16.66%!important;max-width:16.66%!important;height:16.66%!important;max-height:16.66%!important}
.Q3 {width:25%!important;max-width:25%!important;height:25%!important;max-height:25%!important}
.Q4 {width:33%!important;max-width:33%!important;height:33%!important;max-height:33%!important}
.Q5 {width:41%!important;max-width:41%!important;height:41%!important;max-height:41%!important}
.Q6 {width:50%!important;max-width:50%!important;height:50%!important;max-height:50%!important}
.Q7 {width:58%!important;max-width:58%!important;height:58%!important;max-height:58%!important}
.Q8 {width:66.66%!important;max-width:66.66%!important;height:66.66%!important;max-height:66.66%!important}
.Q9 {width:75%!important;max-width:75%!important;height:75%!important;max-height:75%!important}
.Q10 {width:83.3%!important;max-width:83.3%!important;height:83.3%!important;max-height:83.3%!important}
.Q11 {width:91.66%!important;max-width:91.66!important;height:91.66%!important;max-height:91.66!important}
.Q12 {width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}

.w1 {width:8.33%!important;max-width:8.33%!important;}
.h1 {height:8.33%!important;max-height:8.33%!important;}
.w2 {width:16.66%!important;max-width:16.66%!important;}
.h2 {height:16.66%!important;max-height:16.66%!important;}
.w3 {width:25%!important;max-width:25%!important;}
.h3 {height:25%!important;max-height:25%!important;}
.w4 {width:33%!important;max-width:33%!important;}
.h4 {height:33%!important;max-height:33%!important;}
.w5 {width:41%!important;max-width:41%!important;}
.h5 {height:41%!important;max-height:41%!important;}
.w6 {width:50%!important;max-width:50%!important;}
.h6 {height:50%!important;max-height:50%!important;}
.w7 {width:58%!important;max-width:58%!important;}
.h7 {height:58%!important;max-height:58%!important;}
.w8 {width:66.66%!important;max-width:66.66%!important;}
.h8 {height:66.66%!important;max-height:66.66%!important;}
.w9 {width:75%!important;max-width:75%!important;}
.h9 {height:75%!important;max-height:75%!important;}
.w10 {width:83.3%!important;max-width:83.3%!important;}
.h10 {height:83.3%!important;max-height:83.3%!important;}
.w11 {width:91.66%!important;max-width:91.66!important;}
.h11 {height:91.66%!important;max-height:91.66!important;}
.w12 {width:100%!important;max-width:100%!important;}
.h12 {height:100%!important;max-height:100%!important;}


.row, .row-0, .row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11, .row-12 {
 display:flex;
}

.row.full,
.row-1.full,
.row-2.full,
.row-3.full,
.row-4.full,
.row-5.full,
.row-6.full,
.row-7.full,
.row-8.full,
.row-9.full,
.row-10.full,
.row-11.full,
.row-12.full {
 width:100%;
}

.row {flex-direction:row!important;}
.row-1 {
 flex-direction:row;
 height:08.3%!important;
}
.row-2 {
 flex-direction:row;
 height:16.6%!important;
}
.row-3 {
 flex-direction:row;
 height:25%!important;
}
.row-4 {
 flex-flow:row wrap;
 height:33%!important;
}
.row-5 {
 flex-flow:row wrap;
 height:41%!important;
}
.row-6 {
 flex-flow:row wrap;
 height:50%!important;
}
.row-7 {
 flex-flow:row wrap;
 height:58%!important;
}
.row-8 {
 flex-direction:row;
 height:66.6%!important;
}
.row-9 {
 flex-direction:row;
 height:75%!important;
}
.row-10 {
 flex-direction:row;
 height:83.3%!important;
}
.row-11 {
 flex-direction:row;
 height:91.6%!important;
}
.row-12 {
 flex-direction:row!important;
 height:100%!important;
}


.trY {
 flex-direction:column;
 justify-content:flex-end;
}
.tlY {
 flex-direction:column;
}
.tlX {
 flex-direction:row;
}
.trX {
 flex-direction:row-reverse;
}


.lens.BLEND.COLOUR {
 background-color: hsl(var(--COLOUR));
 mix-blend-mode:color;
}
.GRADE.middark {
 background: linear-gradient(to top, hsla(var(--amiddark) 1) 0%, hsla(var(--amiddark) 0) 100%);
}
.GRADE.dark {
 background: linear-gradient(to top, hsla(var(--adark) 1) 0%, hsla(var(--adark) 0) 100%);
}
.GRADE.black {
 background: linear-gradient(to top, hsla(var(--ablack) 1) 0%, hsla(var(--ablack) 0) 100%);
}
.GRADE.COLOUR {
 background: linear-gradient(to top, hsla(var(--aCOLOUR) 1) 0%, hsla(var(--aCOLOUR) 0) 100%);
}
.GRADE.neutral {
 background: linear-gradient(to top, hsla(var(--aneutral) 1) 0%, hsla(var(--aneutral) 0) 100%);
}



/*

- Text

------------------------>>  */

.italic {font-style:italic;}
.bold {font-weight:bold;}
.allcaps, .caps {text-transform:uppercase;}
.strike {text-decoration:line-through;}

.just-start {justify-content:flex-start;}
.just-centre {justify-content:center!important;}
.just-end {justify-content:flex-end;}
.just-between {justify-content:space-between;}
.just-space {justify-content:space-around;}

.align-start {align-content:flex-start;}
.align-centre {align-content:center;}
.align-end {align-content:flex-end;}
.align-stretch {align-content:stretch;}

.aligni-start {align-items:flex-start;}
.aligni-centre {align-items:center;}
.aligni-end {align-items:flex-end;}
.aligni-stretch {align-items:stretch;}
.stretch-y {flex:1}

.tcentre {text-align:center;}
.txt-right {text-align:right;}
.txt-left {text-align:left;}

.y-centre {transform: translateY(-50%);}
.x-centre {transform: translateX(-50%);}

.txt-upper {text-transform: uppercase;}

a.raise {
 position:relative;
 z-index:11;
}


.gap1 {gap:1.2rem}
.gap2 {gap:2rem}
.gap3 {gap:3rem}
.gap4 {gap:4rem}
.gap5 {gap:5rem}
.gap6 {gap:6rem}
.gap7 {gap:7rem}
.gap8 {gap:8rem}
.gap9 {gap:9rem}
.gap10 {gap:10rem}
.gap11 {gap:11rem}
.gap12 {gap:12rem}


/*

- borders & outlines

------------------------>>  */

.disk {border-radius:50%;}

.bord0 {border:0px solid transparent;}
.bord {border:1px solid transparent;}
.bord1 {border:calc(var(--outline)*1) solid transparent;}
.bord2 {border:calc(var(--outline)*2) solid transparent;}
.bord3 {border:calc(var(--outline)*3) solid transparent;}
.bord4 {border:calc(var(--outline)*4) solid transparent;}
.bord5 {border:calc(var(--outline)*5) solid transparent;}
.bord6 {border:calc(var(--outline)*6) solid transparent;}

.bordt0 {border-top:0px solid transparent;}
.bordt {border-top:1px solid transparent;}
.bordt1 {border-top:calc(var(--outline)*1) solid transparent;}
.bordt2 {border-top:calc(var(--outline)*2) solid transparent;}
.bordt3 {border-top:calc(var(--outline)*3) solid transparent;}
.bordt4 {border-top:calc(var(--outline)*4) solid transparent;}
.bordt5 {border-top:calc(var(--outline)*5) solid transparent;}
.bordt6 {border-top:calc(var(--outline)*6) solid transparent;}

.bordr0 {border-right:0px solid transparent;}
.bordr {border-right:1px solid transparent;}
.bordr1 {border-right:calc(var(--outline)*1) solid transparent;}
.bordr2 {border-right:calc(var(--outline)*2) solid transparent;}
.bordr3 {border-right:calc(var(--outline)*3) solid transparent;}
.bordr4 {border-right:calc(var(--outline)*4) solid transparent;}
.bordr5 {border-right:calc(var(--outline)*5) solid transparent;}
.bordr6 {border-right:calc(var(--outline)*6) solid transparent;}

.bordb0 {border-bottom:0px solid transparent;}
.bordb {border-bottom:1px solid transparent;}
.bordb1 {border-bottom:calc(var(--outline)*1) solid transparent;}
.bordb2 {border-bottom:calc(var(--outline)*2) solid transparent;}
.bordb3 {border-bottom:calc(var(--outline)*3) solid transparent;}
.bordb4 {border-bottom:calc(var(--outline)*4) solid transparent;}
.bordb5 {border-bottom:calc(var(--outline)*5) solid transparent;}
.bordb6 {border-bottom:calc(var(--outline)*6) solid transparent;}

.bordl0 {border-left:0px solid transparent;}
.bordl {border-left:1px solid transparent;}
.bordl1 {border-left:calc(var(--outline)*1) solid transparent;}
.bordl2 {border-left:calc(var(--outline)*2) solid transparent;}
.bordl3 {border-left:calc(var(--outline)*3) solid transparent;}
.bordl4 {border-left:calc(var(--outline)*4) solid transparent;}
.bordl5 {border-left:calc(var(--outline)*5) solid transparent;}
.bordl6 {border-left:calc(var(--outline)*6) solid transparent;}



.or4 {border-radius:4px;}
.or6 {border-radius:6px;}
.or9 {border-radius:9px;}
.or12 {border-radius:12px;}
.or24 {border-radius:24px;}
.or36 {border-radius:36px;}

.or15btm {
 border-bottom-left-radius:15px;
 border-bottom-right-radius:15px;
}

.or50 {border-radius:50%;}

.orb4 {
 border-bottom-right-radius:4px;
 border-bottom-left-radius:4px;
}
.orb6 {
 border-bottom-right-radius:6px;
 border-bottom-left-radius:6px;
}
.orb12 {
 border-bottom-right-radius:12px;
 border-bottom-left-radius:12px;
}
.orb24 {
 border-bottom-right-radius:24px;
 border-bottom-left-radius:24px;
}
.orb36 {
 border-bottom-right-radius:36px;
 border-bottom-left-radius:36px;
}

.orb50 {
 border-bottom-right-radius:50%;
 border-bottom-left-radius:50%;
}

.ort4 {
 border-top-right-radius:4px;
 border-top-left-radius:4px;
}


.outline-0 {
 border:0 solid transparent;
 outline:0 solid; outline-offset:0;
}
.outline-1 {
 border:1px solid transparent;
 outline:1px solid; outline-offset:-1px;
}
.outline {
 border:var(--outline) solid transparent;
 outline:var(--outline) solid;
 outline-offset:calc(var(--outline)*-1);
}
.outline-2 {
 border:1px solid transparent;
 outline:calc(var(--outline)*2) solid;
 outline-offset:calc(var(--outline)*-2);
}
.outline-3 {
 border:1px solid transparent;
 outline:calc(var(--outline)*3) solid;
 outline-offset:calc(var(--outline)*-3);
}
.outline-4 {
 border:1px solid transparent;
 outline:calc(var(--outline)*4) solid;
 outline-offset:calc(var(--outline)*-4);
}
.outline-5 {
 border:1px solid transparent;
 outline:calc(var(--outline)*5) solid;
 outline-offset:calc(var(--outline)*-5);
}
.O6 {
 border:0 solid transparent;
 outline:calc(var(--outline)*6) solid;
 outline-offset:calc(var(--outline)*-6);
}
.O9 {
 border:0 solid transparent;
 outline:calc(var(--outline)*9) solid;
 outline-offset:calc(var(--outline)*-9);
}
.O9 {
 border:0 solid transparent;
 outline:2.2rem solid;
 outline-offset:-2.1rem;
}




/*
- colours
------------------------>>  */

.blend.multiply {mix-blend-mode:multiply}
.blend.darken {mix-blend-mode:darken}
.blend.difference {mix-blend-mode:difference}
.blend.screen {mix-blend-mode:screen}
.blend.overlay {mix-blend-mode:overlay}
.blend.colour {mix-blend-mode:color}
.blend.hardlight {mix-blend-mode:hard-light}

.greyout {filter: grayscale(100%);}


.COLOUR {
 --COLOUR:hsl(var(--nH) var(--nS) var(--nL));
 background-color:var(--COLOUR);
}

.white, .lighter, .light, .midlight, .neutral, .middark, .dark, .darker, .black {
  --COLOUR:hsl(var(--nH) var(--nS) var(--nL));
  background-color:var(--COLOUR);
}

.twhite, .tlighter, .tlight, .tmidlight, .tneutral, .tmiddark, .tdark, .tdarker, .tblack {
  --COLOUR-t:hsl(var(--nH) var(--nS) var(--nL-t));
  color: var(--COLOUR-t);
}

.owhite, .olighter, .olight, .omidlight, .oneutral, .omiddark, .odark, .odarker, .oblack {
  --COLOUR-o:hsl(var(--nH) var(--nS) var(--nL-o));
  border-color:var(--COLOUR-o);
}

.Owhite, .Olighter, .Olight, .Omidlight, .Oneutral, .Omiddark, .Odark, .Odarker, .Oblack {
  --COLOUR-O:hsl(var(--nH) var(--nS) var(--nL-O));
  outline-color:var(--COLOUR-O);
}

svg path { fill: currentColor; }

.fill0 {background-color:transparent}
.white {background-color:var(--white)}
.lighter {background-color:var(--lighter)}
.light {background-color:var(--light)}
.midlight {background-color:var(--midlight)}
.neutral {background-color:var(--neutral)}
.middark {background-color:var(--middark)}
.dark {background-color:var(--dark)}
.darker {background-color:var(--darker)}
.black {background-color:var(--black)}

.twhite {color:var(--white)}
.tlighter {color:var(--lighter)}
.tlight {color:var(--light)}
.tmidlight {color:var(--midlight)}
.tneutral {color:var(--neutral)}
.tmiddark {color:var(--middark)}
.tdark {color:var(--dark)}
.tdarker {color:var(--darker)}
.tblack {color:var(--black)}

.twhite svg path {fill:hsl(var(--white))!important;}

.owhite {border-color:var(--white)}
.olighter {border-color:var(--lighter)}
.olight {border-color:var(--light)}
.omidlight {border-color:var(--midlight)}
.oneutral {border-color:var(--neutral)}
.omiddark {border-color:var(--middark)}
.odark {border-color:var(--dark)}
.odarker {border-color:var(--darker)}
.oblack {border-color:var(--black)}

.Owhite {outline-color:var(--white)}
.Olighter {outline-color:var(--lighter)}
.Olight {outline-color:var(--light)}
.Omidlight {outline-color:var(--midlight)}
.Oneutral {outline-color:var(--neutral)}
.Omiddark {outline-color:var(--middark)}
.Odark {outline-color:var(--dark)}
.Odarker {outline-color:var(--darker)}
.Oblack {outline-color:var(--black)}



.alpha-10 {opacity:.1;}
.alpha-20 {opacity:.2;}
.alpha-30 {opacity:.3;}
.alpha-40 {opacity:.4;}
.alpha-50 {opacity:.5;}
.alpha-60 {opacity:.6;}
.alpha-70 {opacity:.7;}
.alpha-80 {opacity:.8;}
.alpha-90 {opacity:.9;}

.alpha01 {opacity:.1;}
.alpha02 {opacity:.2;}
.alpha03 {opacity:.3;}
.alpha04 {opacity:.4;}
.alpha05 {opacity:.5;}
.alpha06 {opacity:.6;}
.alpha07 {opacity:.7;}
.alpha08 {opacity:.8;}
.alpha09 {opacity:.9;}


.middark09 {background-color:hsla(var(--amiddark) 0.9)}


/*

- text

------------------------>>  */

.tw100 {font-weight:100}
.tw200 {font-weight:200}
.tw300 {font-weight:300}
.tw400 {font-weight:400}
.tw500 {font-weight:500}
.tw600 {font-weight:600}
.tw700 {font-weight:700}
.tw800 {font-weight:800}
.tw900 {font-weight:900}


/*

- effects

------------------------>>  */

.flipV {transform:scaleY(-1);}
.flipH {transform:scaleX(-1);}

.transX-50 {transform:translateX(50%);}
.transY-50 {transform:translateY(50%);}
.transY-50n {transform:translateY(-50%);}

.trans-l-25 {transform:translateX(-25%);}
.trans-l-50 {transform:translateX(-50%);}
.trans-l-75 {transform:translateX(-75%);}
.trans-l-100 {transform:translateX(-100%);}

.trans-r-25 {transform:translateX(25%);}
.trans-r-50 {transform:translateX(50%);}
.rc.trans-r-50 {transform:translate(50%,-50%);}

.trans-tr-50 {transform:translate(50%,-50%);}
.trans-br-50 {transform:translate(50%,50%);}

.trans-tr-25 {transform:translate(25%,-25%);}
.trans-br-25 {transform:translate(25%,25%);}

.blur {filter:blur(calc(var(--outline)*1));}
.blur-02 {filter:blur(calc(var(--outline)*2));}
.blur-03 {filter:blur(calc(var(--outline)*3));}
.blur-04 {filter:blur(calc(var(--outline)*4));}
.blur-05 {filter:blur(calc(var(--outline)*5));}
.blur-06 {filter:blur(calc(var(--outline)*6));}
.blur-07 {filter:blur(calc(var(--outline)*7));}
.blur-08 {filter:blur(calc(var(--outline)*8));}
.blur-09 {filter:blur(calc(var(--outline)*9));}
.blur-10 {filter:blur(calc(var(--outline)*10));}
.blur-11 {filter:blur(calc(var(--outline)*11));}
.blur-12 {filter:blur(calc(var(--outline)*12));}

.glass {
 backdrop-filter:blur(2px);
 background: hsla(var(--aneutral),.1);
}

/*

- interactions

------------------------>>  */

.svg-container {
 pointer-events:auto; /* Allow interactions */
}


/*

- margin padding

------------------------>>  */

.m-0 {
 margin-top:0!important;
 margin-bottom:0!important;
 margin-right:0!important;
 margin-left:0!important;
}
.p-0 {
 padding-top:0!important;
 padding-bottom:0!important;
 padding-right:0!important;
 padding-left:0!important;
}
.mt-0 {margin-top:0!important;}
.mr-0 {margin-right:0!important;}
.mb-0 {margin-bottom:0!important;}
.ml-0 {margin-left:0!important;}
.mx-0 {
 margin-left:0!important;
 margin-right:0!important;
}
.my-0 {
 margin-top:0!important;
 margin-bottom:0!important;
}
.pt-0 {padding-top:0!important;}
.pr-0 {padding-right:0!important;}
.pb-0 {padding-bottom:0!important;}
.pl-0 {padding-left:0!important;}
.px-0 {
 padding-left:0!important;
 padding-right:0!important;
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important;
}
.p-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.pt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.pr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.pb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.pl-1 {padding-left:calc(var(--spacer)*.25)!important;}
.px-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.py-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}
.m-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.mt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.mr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.mb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.ml-1 {padding-left:calc(var(--spacer)*.25)!important;}
.mx-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.my-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}

.mt-1n {padding-top:calc(var(--spacer)*-.25)!important;}
.mr-1n {padding-right:calc(var(--spacer)*-.25)!important;}
.mb-1n {padding-bottom:calc(var(--spacer)*-.25)!important;}
.ml-1n {padding-left:calc(var(--spacer)*-.25)!important;}


.m-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
 margin-left:calc(var(--spacer)*.5)!important;
}
.mt-2 {margin-top:calc(var(--spacer)*.5)!important;}
.mr-2 {margin-right:calc(var(--spacer)*.5)!important;}
.mb-2 {margin-bottom:calc(var(--spacer)*.5)!important;}
.ml-2 {margin-left:calc(var(--spacer)*.5)!important;}
.mx-2 {
 margin-left:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
}
.my-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
}
.mt-2n {margin-top:calc(var(--spacer)*-.5)!important;}
.mr-2n {margin-right:calc(var(--spacer)*-.5)!important;}
.mb-2n {margin-bottom:calc(var(--spacer)*-.5)!important;}
.ml-2n {margin-left:calc(var(--spacer)*-.5)!important;}


.p-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
 padding-left:calc(var(--spacer)*.5)!important;
}
.pt-2 {padding-top:calc(var(--spacer)*.5)!important;}
.pr-2 {padding-right:calc(var(--spacer)*.5)!important;}
.pb-2 {padding-bottom:calc(var(--spacer)*.5)!important;}
.pl-2 {padding-left:calc(var(--spacer)*.5)!important;}
.px-2 {
 padding-left:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
}
.py-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
}


.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}

.m-3 {
 margin-top:var(--spacer)!important;
 margin-right:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
 margin-left:var(--spacer)!important;
}
.mt-3 {margin-top:var(--spacer)!important;}
.mr-3 {margin-right:var(--spacer)!important;}
.mb-3 {margin-bottom:var(--spacer)!important;}
.ml-3 {margin-left:var(--spacer)!important;}
.mx-3 {
 margin-left:var(--spacer)!important;
 margin-right:var(--spacer)!important;
}
.my-3 {
 margin-top:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
}
.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}
.mr-3n {margin-right:calc(var(--spacer)*-1)!important;}
.mb-3n {margin-bottom:calc(var(--spacer)*-1)!important;}
.ml-3n {margin-left:calc(var(--spacer)*-1)!important;}
.mx-3n {
 margin-left:calc(var(--spacer)*-1)!important;
 margin-right:calc(var(--spacer)*-1)!important;
}
.my-3n {
 margin-top:calc(var(--spacer)*-1)!important;
 margin-bottom:calc(var(--spacer)*-1)!important;
}


.p-3 {
 padding-top:var(--spacer)!important;
 padding-right:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
 padding-left:var(--spacer)!important;
}
.pt-3 {padding-top:var(--spacer)!important;}
.pr-3 {padding-right:var(--spacer)!important;}
.pb-3 {padding-bottom:var(--spacer)!important;}
.pl-3 {padding-left:var(--spacer)!important;}
.px-3 {
 padding-left:var(--spacer)!important;
 padding-right:var(--spacer)!important;
}
.py-3 {
 padding-top:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
}

.m-4 {margin:calc(var(--spacer)*1.5);}
.mt-4 {margin-top:calc(var(--spacer)*1.5);}
.mr-4 {margin-right:calc(var(--spacer)*1.5);}
.mb-4 {margin-bottom:calc(var(--spacer)*1.5);}
.ml-4 {margin-left:calc(var(--spacer)*1.5);}
.mx-4 {
 margin-left:calc(var(--spacer)*1.5);
 margin-right:calc(var(--spacer)*1.5);
}
.my-4 {
 margin-top:calc(var(--spacer)*1.5);
 margin-bottom:calc(var(--spacer)*1.5);
}
.p-4 {padding:calc(var(--spacer)*1.5);}
.pt-4 {padding-top:calc(var(--spacer)*1.5);}
.pr-4 {padding-right:calc(var(--spacer)*1.5);}
.pb-4 {padding-bottom:calc(var(--spacer)*1.5);}
.pl-4 {padding-left:calc(var(--spacer)*1.5);}
.px-4 {
 padding-left:calc(var(--spacer)*1.5);
 padding-right:calc(var(--spacer)*1.5);
}
.py-4 {
 padding-top:calc(var(--spacer)*1.5);
 padding-bottom:calc(var(--spacer)*1.5);
}

.m-5 {margin:calc(var(--spacer)*2)!important;}
.mt-5 {margin-top:calc(var(--spacer)*2)!important;}
.mr-5 {margin-right:calc(var(--spacer)*2)!important;}
.mb-5 {margin-bottom:calc(var(--spacer)*2)!important;}
.ml-5 {margin-left:calc(var(--spacer)*2)!important;}
.mx-5 {
 margin-left:calc(var(--spacer)*2)!important;
 margin-right:calc(var(--spacer)*2)!important;
}
.my-5 {
 margin-top:calc(var(--spacer)*2)!important;
 margin-bottom:calc(var(--spacer)*2)!important;
}

.p-5 {padding:calc(var(--spacer)*2);}
.pt-5 {padding-top:calc(var(--spacer)*2)!important;}
.pr-5 {padding-right:calc(var(--spacer)*2);}
.pb-5 {padding-bottom:calc(var(--spacer)*2);}
.pl-5 {padding-left:calc(var(--spacer)*2);}
.px-5 {
 padding-left:calc(var(--spacer)*2);
 padding-right:calc(var(--spacer)*2);
}
.py-5 {
 padding-top:calc(var(--spacer)*2);
 padding-bottom:calc(var(--spacer)*2);
}

.m-6 {margin:calc(var(--spacer)*3.3)!important;}
.mt-6 {margin-top:calc(var(--spacer)*3.3)!important;}
.mr-6 {margin-right:calc(var(--spacer)*3.3)!important;}
.mb-6 {margin-bottom:calc(var(--spacer)*3.3)!important;}
.ml-6 {margin-left:calc(var(--spacer)*3.3)!important;}
.mx-6 {
 margin-left:calc(var(--spacer)*3.3)!important;
 margin-right:calc(var(--spacer)*3.3)!important;
}
.my-6 {
 margin-top:calc(var(--spacer)*3.3)!important;
 margin-bottom:calc(var(--spacer)*3.3)!important;
}

.p-6 {padding:calc(var(--spacer)*3.3);}
.pt-6 {padding-top:calc(var(--spacer)*3.3)!important;}
.pr-6 {padding-right:calc(var(--spacer)*3.3);}
.pb-6 {padding-bottom:calc(var(--spacer)*3.3);}
.pl-6 {padding-left:calc(var(--spacer)*3.3);}
.px-6 {
 padding-left:calc(var(--spacer)*3.3);
 padding-right:calc(var(--spacer)*3.3);
}
.py-6 {
 padding-top:calc(var(--spacer)*3.3);
 padding-bottom:calc(var(--spacer)*3.3);
}

.mt9 {margin-top:2.1rem!important;}
.mb9 {margin-bottom:2.1rem!important;}
.my9 {
 margin-top:2.1rem!important;
 margin-bottom:2.1rem!important;
}

.p9 {padding:2.1rem!important}
.px9 {
 padding-left:2.1rem!important;
 padding-right:2.1rem!important;
}



.mt-018 {margin-top:1.8%;}
.mr-018 {margin-right:1.8%;}
.mb-018 {margin-bottom:1.8%;}
.ml-018 {margin-left:1.8%;}
.mx-018 {
 margin-left:1.8%;
 margin-right:1.8%;
}
.my-018 {
 margin-top:1.8%;
 margin-bottom:1.8%;
}
.pt-018 {padding-top:1.8%;}
.pr-018 {padding-right:1.8%;}
.pb-018 {padding-bottom:1.8%;}
.pl-018 {padding-left:1.8%;}
.px-018 {
 padding-left:1.8%;
 padding-right:1.8%;
}
.py-018 {
 padding-top:1.8%;
 padding-bottom:1.8%;
}

.pt-06 {padding-top:6%;}
.pr-06 {padding-right:6%;}
.pb-06 {padding-bottom:6%;}
.pl-06 {padding-left:6%;}
.px-06 {
 padding-left:6%;
 padding-right:6%;
}

.m-01 {margin:8.33%;}
.mt-1c {margin-top:8.33%;}
.mr-1c {margin-right:8.33%;}
.mb-1c {margin-bottom:8.33%;}
.ml-1c {margin-left:8.33%;}
.mx-1c {
 margin-left:8.33%;
 margin-right:8.33%;
}
.py-01 {
 padding-top:8.33%;
 padding-bottom:8.33%;
}
.pt-01n {padding-top:-8.33%;}
.pr-01n {padding-right:-8.33%;}
.pb-01n {padding-bottom:-8.33%;}
.pl-01n {padding-left:-8.33%;}

.p-01 {padding:8.33%;}
.pt-01 {padding-top:8.33%;}
.pr-01 {padding-right:8.33%;}
.pb-01 {padding-bottom:8.33%;}
.pl-01 {padding-left:8.33%;}
.px-01 {
 padding-left:8.33%;
 padding-right:8.33%;
}
.py-01 {
 padding-top:8.33%;
 padding-bottom:8.33%;
}
.pt-01n {padding-top:-8.33%;}
.pr-01n {padding-right:-8.33%;}
.pb-01n {padding-bottom:-8.33%;}
.pl-01n {padding-left:-8.33%;}

.m-2c {margin:16.7%;}
.mt-2c {margin-top:16.7%;}
.mr-2c {margin-right:16.7%;}
.mb-2c {margin-bottom:16.7%;}
.ml-2c {margin-left:16.7%;}
.mx-2c {
 margin-left:16.7%;
 margin-right:16.7%;
}
.my-2c {
 margin-top:16.7%;
 margin-bottom:16.7%;
}
.mt-2cn {margin-top:-16.7%;}
.mr-2cn {margin-right:-16.7%;}
.mb-2cn {margin-bottom:-16.7%;}
.ml-2cn {margin-left:-16.7%;}

.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}
.pt-30 {padding-top:30%;}
.pr-30 {padding-right:30%;}
.pb-30 {padding-bottom:30%;}
.pl-30 {padding-left:30%;}
.px-30 {
 padding-left:30%;
 padding-right:30%;
}
.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}

.m-04 {margin:33.3%;}
.mt-04 {margin-top:33.3%;}
.mr-04 {margin-right:33.3%;}
.mb-04 {margin-bottom:33.3%;}
.ml-4c {margin-left:33.3%;}
.mx-4c {
 margin-left:33.3%;
 margin-right:33.3%;
}
.my-4c {
 margin-top:33.3%;
 margin-bottom:33.3%;
}
.mt-4cn {margin-top:-33.3%;}
.mr-4cn {margin-right:-33.3%;}
.mb-4cn {margin-bottom:-33.3%;}
.ml-4cn {margin-left:-33.3%;}


.mt-50 {margin-top:50%;}
.mr-50 {margin-right:50%;}
.mb-50 {margin-bottom:50%;}
.ml-50 {margin-left:50%;}
.mx-50 {
 margin-left:50%;
 margin-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}
.pt-50 {padding-top:50%;}
.pr-50 {padding-right:50%;}
.pb-50 {padding-bottom:50%;}
.pl-50 {padding-left:50%;}
.px-50 {
 padding-left:50%;
 padding-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}

.m-12c {margin:100%;}
.mt-12c {margin-top:100%;}
.mr-12c {margin-right:100%;}
.mb-12c {margin-bottom:100%;}
.ml-12c {margin-left:100%;}
.mx-12c {
 margin-left:100%;
 margin-right:100%;
}
.my-12c {
 margin-top:100%;
 margin-bottom:100%;
}
.mt-12cn {margin-top:-100%;}
.mr-12cn {margin-right:-100%;}
.mb-12cn {margin-bottom:-100%;}
.ml-12cn {margin-left:-100%;}


.mt-1pn {margin-top:-1px;}
.mr-1pn {margin-right:-1px;}
.mb-1pn {margin-bottom:-1px;}
.ml-1pn {margin-left:-1px;}

.mt-2pn {margin-top:-2px;}
.mr-2pn {margin-right:-2px;}
.mb-2pn {margin-bottom:-2px;}
.ml-2pn {margin-left:-2px;}


.mt-12p {margin-top:12px;}
.mr-12p {margin-right:12px;}
.mb-12p {margin-bottom:12px;}
.ml-12p {margin-left:12px;}
.mx-12p {
 margin-left:12px;
 margin-right:12px;
}
.my-12p {
 margin-top:12px;
 margin-bottom:12px;
}
.pt-12p {padding-top:12px;}
.pr-12p {padding-right:12px;}
.pb-12p {padding-bottom:12px;}
.pl-12p {padding-left:12px;}
.px-12p {
 padding-left:12px;
 padding-right:12px;
}
.py-12p {
 padding-top:12px;
 padding-bottom:12px;
}

.mt-18p {margin-top:18px;}
.mr-18p {margin-right:18px;}
.mb-18p {margin-bottom:18px;}
.ml-18p {margin-left:18px;}
.mx-18p {
 margin-left:18px;
 margin-right:18px;
}
.my-18p {
 margin-top:18px;
 margin-bottom:18px;
}
.pt-18p {padding-top:18px;}
.pr-18p {padding-right:18px;}
.pb-18p {padding-bottom:18px;}
.pl-18p {padding-left:18px;}
.px-18p {
 padding-left:18px;
 padding-right:18px;
}
.py-18p {
 padding-top:18px;
 padding-bottom:18px;
}
.pt-24p {padding-top:24px;}
.pr-24p {padding-right:24px;}
.pb-24p {padding-bottom:24px;}
.pl-24p {padding-left:24px;}
.px-24p {
 padding-left:24px;
 padding-right:24px;
}
.py-24p {
 padding-top:24px;
 padding-bottom:24px;
}


.p01 {
 padding-top:8.33%!important;
 padding-right:8.33%!important;
 padding-bottom:8.33%!important;
 padding-left:8.33%!important;
}
.pt01 {padding-top:8.33%!important;}
.pr01 {padding-right:8.33%!important;}
.pb01 {padding-bottom:8.33%!important;}
.pl01 {padding-left:8.33%!important;}
.px01 {
 padding-left:8.33%!important;
 padding-right:8.33%!important;
}
.py01 {
 padding-top:8.33%!important;
 padding-bottom:8.33%!important;
}

.p02 {
 padding-top:16.66%!important;
 padding-right:16.66%!important;
 padding-bottom:16.66%!important;
 padding-left:16.66%!important;
}
.pt02 {padding-top:16.66%!important;}
.pr02 {padding-right:16.66%!important;}
.pb02 {padding-bottom:16.66%!important;}
.pl02 {padding-left:16.66%!important;}
.px02 {
 padding-left:16.66%!important;
 padding-right:16.66%!important;
}
.py02 {
 padding-top:16.66%!important;
 padding-bottom:16.66%!important;
}







@media (min-width: 768px) { /* - break.md */

 .h4-md {height:33%!important;max-height:33%!important;}

 .Xn-MD {width:auto!important;max-width:auto!important;}
 .X0-MD {width:0!important;max-width:0!important;}
 .X1-MD {width:8.33%!important;max-width:8.33%!important;}
 .X2-MD {width:16.66%!important;max-width:16.66%!important;}
 .X3-MD {width:25%!important;max-width:25%!important;}
 .X4-MD {width:33%!important;max-width:33%!important;}
 .X5-MD {width:41%!important;max-width:41%!important;}
 .X6-MD {width:50%!important;max-width:50%!important;}
 .X7-MD {width:58%!important;max-width:58%!important;}
 .X8-MD {width:66.66%!important;max-width:66.66%!important;}
 .X9-MD {width:75%!important;max-width:75%!important;}
 .X10-MD {width:83.3%!important;max-width:83.3%!important;}
 .X11-MD {width:91.66%!important;max-width:91.66!important;}
 .X12-MD {width:100%!important;max-width:100%!important;}

 .Yn-MD {height:auto!important;max-height:auto!important;}
 .Y0-MD {height:0!important;max-height:0!important;}
 .Y1-MD {height:8.33%!important;max-height:8.33%!important;}
 .Y2-MD {height:16.66%!important;max-height:16.66%!important;}
 .Y3-MD {height:25%!important;max-height:25%!important;}
 .Y4-MD {height:33%!important;max-height:33%!important;}
 .Y5-MD {height:41%!important;max-height:41%!important;}
 .Y6-MD {height:50%!important;max-height:50%!important;}
 .Y7-MD {height:58%!important;max-height:58%!important;}
 .Y8-MD {height:66.66%!important;max-height:66.66%!important;}
 .Y9-MD {height:75%!important;max-height:75%!important;}
 .Y10-MD {height:83.3%!important;max-height:83.3%!important;}
 .Y11-MD {height:91.66%!important;max-height:91.66!important;}
 .Y12-MD {height:100%!important;max-height:100%!important;}


} /* break.md */





@media (min-width: 992px) { /* - break.LG */

 .d-none-lg {display:none!important}

 .bord0-LG {border:0 solid transparent}

 .trY-LG, .trX-LG, .tlY-LG, .tlX-LG, .blY-LG, .blX-LG, .rbY-LG, .rBX-LG,
 nav, nav.top ul {display:flex;}

 .trY-LG {
  flex-direction:column;
  justify-content:flex-end;
 }
 .tlY-LG {
  flex-direction:column;
 }
 .tlX-LG {
  flex-direction:row;
 }
 .trX-LG {
  flex-direction:row-reverse;
 }


 .Xn-LG {width:auto!important;max-width:auto!important;}
 .X0-LG {width:0!important;max-width:0!important;}
 .X1-LG {width:8.33%!important;max-width:8.33%!important;}
 .X2-LG {width:16.66%!important;max-width:16.66%!important;}
 .X3-LG {width:25%!important;max-width:25%!important;}
 .X4-LG {width:33%!important;max-width:33%!important;}
 .X5-LG {width:41%!important;max-width:41%!important;}
 .X6-LG {width:50%!important;max-width:50%!important;}
 .X7-LG {width:58%!important;max-width:58%!important;}
 .X8-LG {width:66.66%!important;max-width:66.66%!important;}
 .X9-LG {width:75%!important;max-width:75%!important;}
 .X10-LG {width:83.3%!important;max-width:83.3%!important;}
 .X11-LG {width:91.66%!important;max-width:91.66!important;}
 .X12-LG {width:100%!important;max-width:100%!important;}

 .Yn-LG {height:auto!important;max-height:auto!important;}
 .Y0-LG {height:0!important;max-height:0!important;}
 .Y1-LG {height:8.33%!important;max-height:8.33%!important;}
 .Y2-LG {height:16.66%!important;max-height:16.66%!important;}
 .Y3-LG {height:25%!important;max-height:25%!important;}
 .Y4-LG {height:33%!important;max-height:33%!important;}
 .Y5-LG {height:41%!important;max-height:41%!important;}
 .Y6-LG {height:50%!important;max-height:50%!important;}
 .Y7-LG {height:58%!important;max-height:58%!important;}
 .Y8-LG {height:66.66%!important;max-height:66.66%!important;}
 .Y9-LG {height:75%!important;max-height:75%!important;}
 .Y10-LG {height:83.3%!important;max-height:83.3%!important;}
 .Y11-LG {height:91.66%!important;max-height:91.66!important;}
 .Y12-LG {height:100%!important;max-height:100%!important;}


 .fill0-LG {background-color:transparent}

 .p01-LG {
  padding-top:8.33%!important;
  padding-right:8.33%!important;
  padding-bottom:8.33%!important;
  padding-left:8.33%!important;
 }
 .pt01-LG {padding-top:8.33%!important;}
 .pr01-LG {padding-right:8.33%!important;}
 .pb01-LG {padding-bottom:8.33%!important;}
 .pl01-LG {padding-left:8.33%!important;}
 .px01-LG {
  padding-left:8.33%!important;
  padding-right:8.33%!important;
 }
 .py01-LG {
  padding-top:8.33%!important;
  padding-bottom:8.33%!important;
 }


 .p02-LG {
  padding-top:16.66%!important;
  padding-right:16.66%!important;
  padding-bottom:16.66%!important;
  padding-left:16.66%!important;
 }
 .pt02-LG {padding-top:16.66%!important;}
 .pr02-LG {padding-right:16.66%!important;}
 .pb02-LG {padding-bottom:16.66%!important;}
 .pl02-LG {padding-left:16.66%!important;}
 .px02-LG {
  padding-left:16.66%!important;
  padding-right:16.66%!important;
 }
 .py02-LG {
  padding-top:16.66%!important;
  padding-bottom:16.66%!important;
 }
} /* break.lg */





@media (min-width: 1200px) { /* - break.xl */

} /* break.xl */





@media (min-width: 1400px) { /* - break.xxl */

 .colxxl {
  flex-direction:column;
 }
 .col0-xxl {
  flex-direction:column;
  width:0;
 }
 .col1-xxl {
  flex-direction:column;
  width:8.33%!important;
 }
 .col2-xxl {
  flex-direction:column;
  width:16.66%!important;
 }
 .col3-xxl {
  flex-direction:column;
  width:25%!important;
 }
 .col4-xxl {
  flex-direction:column;
  width:33%!important;
 }
 .col5-xxl {
  flex-direction:column;
  width:41%!important;
 }
 .col6-xxl {
  flex-direction:column;
  width:50%!important;
 }
 .col7-xxl {
  flex-direction:column;
  width:58%!important;
 }
 .col8-xxl {
  flex-direction:column;
  width:66.66%!important;
 }
 .col9-xxl {
  flex-direction:column;
  width:75%!important;
 }
 .col10-xxl {
  flex-direction:column;
  width:83.3%!important;
 }
 .col11-xxl {
  flex-direction:column;
  width:91.66%!important;
 }
 .col12-xxl {
  flex-direction:column;
  width:100%!important;
 }


} /* break.xxl */


/*  - normalize
------------------------>>  */

*, *::before, *::after {box-sizing:border-box;}

svg {fill: currentColor}

h1 svg, h2 svg, h3 svg,
h4 svg, h5 svg, h6 svg,
p svg, li svg {
 width:auto;height:1em;
 vertical-align:-0.125em;
}

a {
 all: unset;
 display: inline;
 cursor: pointer;
}
ul {list-style-type: none;}


/*  R E F E R E N C E   (- reference)
________________________________________________

<meta name="robots" content="noindex, nofollow">

________________________________________________

#box-shadow {
 x,y,blur,spread,colour,inset{x,y,b,s,c}
}
________________________________________________
*/