/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
<style>
html
{display:block}li{list-style:none}
table{border-collapse:separate;border-spacing:0}img{border:none}input{border:none}input[type=submit],input[type=text]{-webkit-appearance:none}input:focus{outline:none}input[type=submit],button{cursor:pointer}input[type=submit]:focus,button:focus{outline:none}a{text-decoration:none}.grid{display:grid;grid-template-rows:repeat(var(--grid-rows, 1), 1fr);grid-template-columns:repeat(var(--grid-columns, 12), 1fr);gap:var(--grid-gutter, var(--gutter))}.grid__col-1{grid-column:auto/span 1}.grid__col-2{grid-column:auto/span 2}.grid__col-3{grid-column:auto/span 3}.grid__col-4{grid-column:auto/span 4}.grid__col-5{grid-column:auto/span 5}.grid__col-6{grid-column:auto/span 6}.grid__col-7{grid-column:auto/span 7}.grid__col-8{grid-column:auto/span 8}.grid__col-9{grid-column:auto/span 9}

.font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Hanken Grotesk";src:url("https://assets.awwwards.com/assets/fonts/hanken-grotesk/HankenGrotesk-VariableFont_wght.ttf") format("truetype");font-weight:300 900}:root{--font-1: apercu, sans-serif;--color-primary: #222;--color-primary-rgb: 34, 34, 34;--color-link: #222;--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-orange: #FA5D29;--color-errors: #FA5D29;--color-featured: #f8f0ee;--color-underlined: var(--color-primary-rgb);--color-connect: #FF602C;--color-connect-2: #FFAE94;--color-connect-3: #FFC5B1;--color-inspire: #AAEEC4;--color-inspire-2: #C8E4D3;--color-inspire-3: #E2F4E9;--color-awards: #502bd8;--color-awards-2: #6749d1;--color-awards-3: #917eda;--color-read: #c0ab3c;--color-read-2: #CDC38B;--color-read-3: #DBD6C0;--color-learn: #FFF083;--color-learn-2: #FFF9D0;--color-learn-3: #fffbe2;--color-jobs: #74bcff;--color-jobs-2: #99ccfc;--color-jobs-3: #b4d7f8;--text-size-small: 12px;--text-size-primary: 16px;--text-size-medium: 18px;--text-size-large: 24px;--border-gray: #e9e9e9;--color-dotteds-rgb: 34, 34, 34;--bg-primary: #F8F8F8;--bg-primary-rgb: 248, 248, 248;--bg-secondary: #222;--bg-3rd: #e9e9e9;--bg-4rd: #f3f3f3;--bg-white: white;--header-height: 71px;--gutter: 20px;--pad-inner: 52px;--color-odd-rows: #f3f3f3;--avatar-bg: #F8F8F8;--border-table: #222;--alert-green: #e0f4d9;--alert-green-rgb: 224, 244, 217;--alert-yellow: #FFF083;--alert-yellow-rgb: 255, 240, 131;--modal-alpha: 0.7;--rounded-small: 4px;--rounded-normal: 8px;--rounded-large: 1rem;--img-resizing-site: 16 / 12;--img-resizing-paronamic: 2 / 1;--img-resizing-desktop: 19 / 10}

.palette__desc{width:300px;margin-bottom:2em;font-size:16px;font-size:clamp(16px,14.5915492958px + 0.2816901408vw,20px)}.palette__list{display:flex;justify-content:center}.list-palette{--palette-width: 400px;--palette-margin: 300px;--palette-margin-neg: -300px;--palette-height: 580px;--palette-pad: 30px;--palette-pad-neg: -30px;position:relative;display:inline-flex;box-sizing:content-box}.list-palette--h{padding-left:var(--palette-margin)}.list-palette--h li{margin-left:var(--palette-margin-neg);transition:all .3s}.list-palette--h li:hover:not(:last-child){margin-right:var(--palette-margin)}.list-palette--h li:hover:not(:last-child) .list-palette__item{margin-right:var(--palette-pad-neg);padding-right:var(--palette-pad);border-top-right-radius:0;border-bottom-right-radius:0}.list-palette--h li:hover:not(:last-child) .list-palette__header{transition-delay:.3s;opacity:1}.list-palette--h li:not(:last-child) .list-palette__header{opacity:0}.list-palette--v{padding-left:var(--palette-margin)}.list-palette--v li{margin-left:var(--palette-margin-neg);transition:all 
.3s}.list-palette--v li:not(:last-child) .list-palette__header{opacity:0}.list-palette--v li:hover{z-index:2}.list-palette--v li:hover .list-palette__bts,.list-palette--v li:hover .list-palette__header{opacity:1}.list-palette--v .list-palette__item{height:auto}.list-palette--v .list-palette__footer{display:none}.list-palette--v .list-palette__bts{opacity:0;transition:all .3s}.list-palette__item{display:inline-flex;flex-direction:column;justify-content:space-between;width:var(--palette-width);height:var(--palette-height);border-radius:var(--rounded-large);color:var(--color-card, --color-primary);overflow:hidden;transition:all .3s}.list-palette__box{display:inline-flex;flex-direction:column;justify-content:space-between;height:100%;padding:var(--palette-pad)}.list-palette__header{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:20px;transition:all .3s}.list-palette__footer{text-align:right}.list-palette__aa{font-size:75px;font-size:clamp(75px,48.5915492958px + 5.2816901408vw,150px);font-weight:400;line-height:60%;transition:all .3s}.list-palette__bts{display:flex;align-items:center;gap:var(--gutter)}.list-palette__bt{display:flex;align-items:stretch;cursor:pointer;transition:all .3s}.list-palette__bt:hover{opacity:.7}@media(max-width: 1023px)
{.list-palette{--palette-width: 200px;--palette-margin: 170px;--palette-margin-neg: -170px;--palette-pad: 15px;--palette-pad-neg: -15px}.list-palette__header{font-size:var(--text-size-primary)}}

</style>