-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
206 lines (166 loc) · 32.4 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,viewport-fit=cover">
<meta name="description" content="ADD TO CART. 200"><link rel="icon" href="/favicon.ico"><link rel="canonical" href="https://stemplayer.com">
<title>STEM PLAYER</title>
<style>
body{margin:0}
#app-pre-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:-1;transition:opacity .5s}
.app-pre-loader-logo{position:absolute}#app-pre-loader-logo-1{opacity:0;animation:animateOneLoader 2s 0s infinite ease-in-out forwards}
#app-pre-loader-logo-2{opacity:0;animation:animateTwoLoader 2s 0s infinite ease-in-out forwards}
#app-pre-loader-logo-3{opacity:0;animation:animateThreeLoader 2s 0s infinite ease-in-out forwards}
#app-pre-loader-logo-4{opacity:0;animation:animateFourLoader 2s 0s infinite ease-in-out forwards}
#app-pre-loader-logo-5{opacity:0;animation:animateFiveLoader 2s 0s infinite ease-in-out forwards}
@keyframes animateOneLoader{0%{opacity:1}20%{opacity:0}80%{opacity:0}100%{opacity:1}}@keyframes animateTwoLoader{0%{opacity:0}20%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:0}}@keyframes animateThreeLoader{0%{opacity:0}20%{opacity:0}40%{opacity:1}60%{opacity:0}100%{opacity:0}}@keyframes animateFourLoader{0%{opacity:0}40%{opacity:0}60%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes animateFiveLoader{0%{opacity:0}60%{opacity:0}80%{opacity:1}100%{opacity:0}}</style><meta property="og:type" content="website">
<meta property="og:url" content="https://stemplayer.com"><meta property="og:title" content="STEM PLAYER">
<meta property="og:description" content="Official site"><meta property="og:image" content="https://stemplayer.com/images/meta-stem-key-visual.jpg">
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:domain" value="https://stemplayer.com">
<meta name="twitter:title" value="STEM PLAYER"><meta name="twitter:description" value="Official site"><meta name="twitter:image" content="https://stemplayer.com/images/meta-stem-key-visual.jpg">
<meta name="twitter:url" value="https://stemplayer.com"><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-T6D715LKJ1&l=dataLayer&cx=c"></script>
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-T9HS464"></script>
<script>!function(e,t,a,n,g){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var m=t.getElementsByTagName(a)[0],r=t.createElement(a);r.async=!0,r.src="https://www.googletagmanager.com/gtm.js?id=GTM-T9HS464",m.parentNode.insertBefore(r,m)}(window,document,"script","dataLayer")</script><script>window.loadTimeStart=Date.now()</script>
<link rel="icon" href="/favicon.ico"><script defer="defer" src="/runtime.2ec47329c1384e39ee1d.js"></script>
<script defer="defer" src="/npm.react-tracking.d8c6424e1a8c4f61f920.js"></script>
<script defer="defer" src="/npm.sentry.9c90da11149a254d1c81.js"></script>
<script defer="defer" src="/npm.react-app-polyfill.d9617dc14198ab40c385.js"></script>
<script defer="defer" src="/npm.kano.6ef883702043cf4997cb.js"></script><script defer="defer" src="/npm.mime-types.6af47c362ef2cf754db7.js"></script>
<script defer="defer" src="/npm.react-dom.a9c17da45d8799b69147.js"></script><script defer="defer" src="/npm.fingerprintjs2.3ae8a3514e6d0924423c.js"></script>
<script defer="defer" src="/129.4c3ddd2fc2b781a2ccf1.js"></script><script defer="defer" src="/main.ad59269706f84cb436bb.js"></script>
<style>
body,html{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;height:0;width:0}@media screen and (max-height:500px){html{max-height:100%}}
body{overflow:hidden;min-width:100%;min-height:initial!important}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar}@-ms-viewport{width:device-width}body{margin:0;font-family:Helvetica,Arial,sans-serif;font-size:15.68px;font-weight:400;line-height:1.2;color:#656a6e;text-align:left;background-color:#fff}svg:not(:root){overflow:hidden}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}*{box-sizing:border-box}html{font-size:15.68px}body{display:flex;flex-direction:column;overflow-y:hidden;min-height:100vh;font-family:Helvetica,Arial,sans-serif;color:#656a6e;line-height:1.2;background-color:#1a1a1a;text-size-adjust:none}:after,:before,body{font-feature-settings:"kern","liga","pnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex:1 1 auto;width:100%}:-ms-input-placeholder{color:#c4c4c4}::-ms-input-placeholder{color:#c4c4c4}
</style>
<link href="/main.af8d1ba8.css" rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link href="/main.af8d1ba8.css" rel="stylesheet"></noscript><link as="script" href="/129.4c3ddd2fc2b781a2ccf1.js" rel="preload">
<link as="script" href="/main.ad59269706f84cb436bb.js" rel="preload"><link as="style" href="/main.css" rel="preload"><link as="script" href="/npm.fingerprintjs2.3ae8a3514e6d0924423c.js" rel="preload">
<link as="script" href="/npm.kano.6ef883702043cf4997cb.js" rel="preload"><link as="script" href="/npm.mime-types.6af47c362ef2cf754db7.js" rel="preload"><link as="script" href="/npm.react-app-polyfill.d9617dc14198ab40c385.js" rel="preload"><link as="script" href="/npm.react-dom.a9c17da45d8799b69147.js" rel="preload"><link as="script" href="/npm.react-tracking.d8c6424e1a8c4f61f920.js" rel="preload"><link as="script" href="/npm.sentry.9c90da11149a254d1c81.js" rel="preload"><link as="script" href="/runtime.2ec47329c1384e39ee1d.js" rel="preload"><link rel="stylesheet" type="text/css" href="/components-BuyButtonDemo.css"><link rel="stylesheet" type="text/css" href="/ShopifyButton.css"><script async="" defer="" src="/vendor/shopify-buy-button-storefront.min.js"></script><style>.shopify-buy-modal-is-active {
height: 100%;
overflow: auto;
}
.shopify-buy-frame {
display: inline-block
}
.shopify-buy-frame iframe {
width: 100%;
display: block;
height: 0;
overflow: hidden;
}
.shopify-buy-frame--cart {
width: 100%;
max-width: 350px;
position: fixed;
top: 0;
right: 0;
height: 100%;
z-index: 2147483647;
transform: translateX(100%);
-webkit-transform: translateX(100%);
visibility: hidden
}
.shopify-buy-frame--cart iframe {
height: 100%;
display: none
}
.shopify-buy-frame--cart iframe.is-block {
display: block;
}
.shopify-buy-frame--cart.is-initialized {
-webkit-transition: -webkit-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shopify-buy-frame--cart.is-active {
transform: translateX(0);
-webkit-transform: translateX(0);
}
.shopify-buy-frame--cart.is-visible {
visibility: visible;
}
.shopify-buy-frame--product {
display: block
}
.shopify-buy-frame--product.shopify-buy__layout-horizontal {
display: block;
margin-left: auto;
margin-right: auto
}
.shopify-buy-frame--product.shopify-buy__layout-horizontal iframe {
max-width: 100%
}
@media (min-width: 950px) {
.shopify-buy-frame--product.shopify-buy__layout-horizontal iframe {
max-width: 950px;
margin-left: auto;
margin-right: auto
}
}
.shopify-buy-frame--toggle {
display: inline-block
}
.shopify-buy-frame--toggle:not(.is-sticky) {
overflow: hidden;
padding: 5px;
}
.shopify-buy-frame--toggle.is-sticky {
display: none;
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 2147483645;
}
.shopify-buy-frame--toggle.is-active.is-sticky {
display: block;
}
.is-active .shopify-buy-frame--toggle iframe {
min-height: 67px;
}
.shopify-buy-frame--productSet {
width: 100%;
}
.shopify-buy-frame--modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2147483646;
display: none;
-webkit-transition: background 300ms ease;
transition: background 300ms ease
}
.shopify-buy-frame--modal iframe {
height: 100%;
width: 100%;
max-width: none;
}
.shopify-buy-frame--modal.is-active {
background: rgba(0,0,0,0.6);
}
.shopify-buy-frame--modal.is-block {
display: block;
}
</style></head><body style="background-color:#fff" class="fontLoaded loaded"><noscript>If you're seeing this message, that means <strong>JavaScript has been disabled on your browser</strong>, please <strong>enable JS</strong> to make this app work.</noscript>
<script>!function(n){"use strict";n.loadCSS||(n.loadCSS=function(){});var t,o=loadCSS.relpreload={};o.support=function(){var e;try{e=n.document.createElement("link").relList.supports("preload")}catch(t){e=!1}return function(){return e}}(),o.bindMediaToggle=function(t){var e=t.media||"all";function a(){t.addEventListener?t.removeEventListener("load",a):t.attachEvent&&t.detachEvent("onload",a),t.setAttribute("onload",null),t.media=e}t.addEventListener?t.addEventListener("load",a):t.attachEvent&&t.attachEvent("onload",a),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(a,3e3)},o.poly=function(){if(!o.support())for(var t=n.document.getElementsByTagName("link"),e=0;e<t.length;e++){var a=t[e];"preload"!==a.rel||"style"!==a.getAttribute("as")||a.getAttribute("data-loadcss")||(a.setAttribute("data-loadcss",!0),o.bindMediaToggle(a))}},o.support()||(o.poly(),t=n.setInterval(o.poly,500),n.addEventListener?n.addEventListener("load",function(){o.poly(),n.clearInterval(t)}):n.attachEvent&&n.attachEvent("onload",function(){o.poly(),n.clearInterval(t)})),"undefined"!=typeof exports?exports.loadCSS=loadCSS:n.loadCSS=loadCSS}("undefined"!=typeof global?global:this);
</script>
<div id="app">
<div class="main" id="main">
<div class="content">
<div class="home home--loaded">
<div class="player player--show">
<canvas id="canvas" width="600" height="600"></canvas>
</div>
<div class="buy-button-demo-container buy-button-demo-container--show"><h1>STEM P<span>L</span>AYER</h1><h1 class="footer__price">200</h1><div class="shopify-button"><button class="shopify-button__cart">ADD TO CART</button><div id="product-component-1624465060899" class="shopify-button__container shopify-buy-frame shopify-buy-frame--product"><div class="has-image shopify-buy__layout-vertical shopify-buy__product"><div class="shopify-buy__btn-wrapper" data-element="product.buttonWrapper"><button class="shopify-buy__btn " data-element="product.button">
</button></div></div></div></div>
<button class="footer__button">INFO</button><span class="footer__spacers"> · </span><button class="footer__button">T&C</button><span class="footer__spacers"> · </span><button class="footer__button">FAQ</button><span class="footer__spacers"> · </span><button class="footer__button">Upload</button><span class="footer__spacers"> · </span><div class="region-select"><button class="footer__button footer__button--static">REGION</button><button class="footer__button">US</button><button class="footer__button">UK</button></div><div class="footer__mask"></div></div></div></div></div></div><div id="app-pre-loader"><div id="app-pre-loader-logo-1" class="app-pre-loader-logo"><svg width="64" height="64" viewBox="0 0 234 234" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116.516 67.0295C120.114 67.0295 123.03 64.1127 123.03 60.5147C123.03 56.9167 120.114 54 116.516 54C112.918 54 110.001 56.9167 110.001 60.5147C110.001 64.1127 112.918 67.0295 116.516 67.0295Z" fill="#000000"></path><path d="M116.516 91.0295C120.114 91.0295 123.03 88.1127 123.03 84.5147C123.03 80.9167 120.114 78 116.516 78C112.918 78 110.001 80.9167 110.001 84.5147C110.001 88.1127 112.918 91.0295 116.516 91.0295Z" fill="#000000"></path><path d="M116.516 43.0294C120.114 43.0294 123.03 40.1127 123.03 36.5147C123.03 32.9167 120.114 30 116.516 30C112.918 30 110.001 32.9167 110.001 36.5147C110.001 40.1127 112.918 43.0294 116.516 43.0294Z" fill="#000000"></path><path d="M116.515 19.0294C120.113 19.0294 123.029 16.1127 123.029 12.5147C123.029 8.91673 120.113 6 116.515 6C112.917 6 110 8.91673 110 12.5147C110 16.1127 112.917 19.0294 116.515 19.0294Z" fill="#000000"></path><path d="M116.516 204.029C120.114 204.029 123.03 201.113 123.03 197.515C123.03 193.917 120.114 191 116.516 191C112.918 191 110.001 193.917 110.001 197.515C110.001 201.113 112.918 204.029 116.516 204.029Z" fill="#000000"></path><path d="M116.516 228.029C120.114 228.029 123.03 225.113 123.03 221.515C123.03 217.917 120.114 215 116.516 215C112.918 215 110.001 217.917 110.001 221.515C110.001 225.113 112.918 228.029 116.516 228.029Z" fill="#000000"></path><path d="M116.516 180.029C120.114 180.029 123.03 177.113 123.03 173.515C123.03 169.917 120.114 167 116.516 167C112.918 167 110.001 169.917 110.001 173.515C110.001 177.113 112.918 180.029 116.516 180.029Z" fill="#000000"></path><path d="M116.515 156.029C120.113 156.029 123.029 153.113 123.029 149.515C123.029 145.917 120.113 143 116.515 143C112.917 143 110 145.917 110 149.515C110 153.113 112.917 156.029 116.515 156.029Z" fill="#000000"></path><path d="M66.5299 117.014C66.5299 113.416 63.6132 110.5 60.0152 110.5C56.4172 110.5 53.5005 113.416 53.5005 117.014C53.5005 120.612 56.4172 123.529 60.0152 123.529C63.6132 123.529 66.5299 120.612 66.5299 117.014Z" fill="#000000"></path><path d="M90.5299 117.014C90.5299 113.416 87.6132 110.5 84.0152 110.5C80.4172 110.5 77.5005 113.416 77.5005 117.014C77.5005 120.612 80.4172 123.529 84.0152 123.529C87.6132 123.529 90.5299 120.612 90.5299 117.014Z" fill="#000000"></path><path d="M42.5299 117.014C42.5299 113.416 39.6132 110.5 36.0152 110.5C32.4172 110.5 29.5005 113.416 29.5005 117.014C29.5005 120.612 32.4172 123.529 36.0152 123.529C39.6132 123.529 42.5299 120.612 42.5299 117.014Z" fill="#000000"></path><path d="M18.5299 117.015C18.5299 113.417 15.6132 110.501 12.0152 110.501C8.41722 110.501 5.50049 113.417 5.50049 117.015C5.50049 120.613 8.41722 123.53 12.0152 123.53C15.6132 123.53 18.5299 120.613 18.5299 117.015Z" fill="#000000"></path><path d="M203.53 117.014C203.53 113.416 200.613 110.499 197.015 110.499C193.417 110.499 190.5 113.416 190.5 117.014C190.5 120.612 193.417 123.529 197.015 123.529C200.613 123.529 203.53 120.612 203.53 117.014Z" fill="#000000"></path><path d="M227.53 117.014C227.53 113.416 224.613 110.499 221.015 110.499C217.417 110.499 214.5 113.416 214.5 117.014C214.5 120.612 217.417 123.529 221.015 123.529C224.613 123.529 227.53 120.612 227.53 117.014Z" fill="#000000"></path><path d="M179.53 117.014C179.53 113.416 176.613 110.499 173.015 110.499C169.417 110.499 166.5 113.416 166.5 117.014C166.5 120.612 169.417 123.529 173.015 123.529C176.613 123.529 179.53 120.612 179.53 117.014Z" fill="#000000"></path><path d="M155.53 117.015C155.53 113.417 152.613 110.501 149.015 110.501C145.417 110.501 142.5 113.417 142.5 117.015C142.5 120.613 145.417 123.53 149.015 123.53C152.613 123.53 155.53 120.613 155.53 117.015Z" fill="#000000"></path></svg></div><div id="app-pre-loader-logo-2" class="app-pre-loader-logo"><svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.8678 18.3332C32.8519 18.3332 33.6494 17.5354 33.6494 16.5513C33.6494 15.5673 32.8519 14.7695 31.8678 14.7695C30.8837 14.7695 30.0859 15.5673 30.0859 16.5513C30.0859 17.5354 30.8837 18.3332 31.8678 18.3332Z" fill="#000000"></path><path d="M31.8678 24.8966C32.8519 24.8966 33.6494 24.0989 33.6494 23.1148C33.6494 22.1307 32.8519 21.333 31.8678 21.333C30.8837 21.333 30.0859 22.1307 30.0859 23.1148C30.0859 24.0989 30.8837 24.8966 31.8678 24.8966Z" fill="#D8D8D9"></path><path d="M31.8678 11.7687C32.8519 11.7687 33.6494 10.9709 33.6494 9.98688C33.6494 9.00281 32.8519 8.20508 31.8678 8.20508C30.8837 8.20508 30.0859 9.00281 30.0859 9.98688C30.0859 10.9709 30.8837 11.7687 31.8678 11.7687Z" fill="#000000"></path><path d="M31.8678 5.20422C32.8519 5.20422 33.6494 4.40649 33.6494 3.42242C33.6494 2.43836 32.8519 1.64062 31.8678 1.64062C30.8837 1.64062 30.0859 2.43836 30.0859 3.42242C30.0859 4.40649 30.8837 5.20422 31.8678 5.20422Z" fill="#000000"></path><path d="M31.8678 55.8027C32.8519 55.8027 33.6494 55.0052 33.6494 54.0211C33.6494 53.0371 32.8519 52.2393 31.8678 52.2393C30.8837 52.2393 30.0859 53.0371 30.0859 54.0211C30.0859 55.0052 30.8837 55.8027 31.8678 55.8027Z" fill="#000000"></path><path d="M31.8678 62.3672C32.8519 62.3672 33.6494 61.5697 33.6494 60.5856C33.6494 59.6015 32.8519 58.8037 31.8678 58.8037C30.8837 58.8037 30.0859 59.6015 30.0859 60.5856C30.0859 61.5697 30.8837 62.3672 31.8678 62.3672Z" fill="#000000"></path><path d="M31.8678 49.2383C32.8519 49.2383 33.6494 48.4408 33.6494 47.4567C33.6494 46.4726 32.8519 45.6748 31.8678 45.6748C30.8837 45.6748 30.0859 46.4726 30.0859 47.4567C30.0859 48.4408 30.8837 49.2383 31.8678 49.2383Z" fill="#000000"></path><path d="M31.8678 42.6748C32.8519 42.6748 33.6494 41.8773 33.6494 40.8932C33.6494 39.9091 32.8519 39.1113 31.8678 39.1113C30.8837 39.1113 30.0859 39.9091 30.0859 40.8932C30.0859 41.8773 30.8837 42.6748 31.8678 42.6748Z" fill="#D8D8D9"></path><path d="M18.1964 32.0043C18.1964 31.0202 17.3987 30.2227 16.4146 30.2227C15.4305 30.2227 14.6328 31.0202 14.6328 32.0043C14.6328 32.9883 15.4305 33.7861 16.4146 33.7861C17.3987 33.7861 18.1964 32.9883 18.1964 32.0043Z" fill="#000000"></path><path d="M24.7599 32.0043C24.7599 31.0202 23.9622 30.2227 22.9781 30.2227C21.994 30.2227 21.1963 31.0202 21.1963 32.0043C21.1963 32.9883 21.994 33.7861 22.9781 33.7861C23.9622 33.7861 24.7599 32.9883 24.7599 32.0043Z" fill="#D8D8D9"></path><path d="M11.632 32.0043C11.632 31.0202 10.8342 30.2227 9.85016 30.2227C8.86609 30.2227 8.06836 31.0202 8.06836 32.0043C8.06836 32.9883 8.86609 33.7861 9.85016 33.7861C10.8342 33.7861 11.632 32.9883 11.632 32.0043Z" fill="#000000"></path><path d="M5.06848 32.0043C5.06848 31.0202 4.27075 30.2227 3.28668 30.2227C2.30262 30.2227 1.50488 31.0202 1.50488 32.0043C1.50488 32.9883 2.30262 33.7861 3.28668 33.7861C4.27075 33.7861 5.06848 32.9883 5.06848 32.0043Z" fill="#000000"></path><path d="M55.6663 32.0036C55.6663 31.0195 54.8685 30.2217 53.8844 30.2217C52.9004 30.2217 52.1025 31.0195 52.1025 32.0036C52.1025 32.9876 52.9004 33.7854 53.8844 33.7854C54.8685 33.7854 55.6663 32.9876 55.6663 32.0036Z" fill="#000000"></path><path d="M62.2308 32.0036C62.2308 31.0195 61.4329 30.2217 60.4489 30.2217C59.4648 30.2217 58.667 31.0195 58.667 32.0036C58.667 32.9876 59.4648 33.7854 60.4489 33.7854C61.4329 33.7854 62.2308 32.9876 62.2308 32.0036Z" fill="#000000"></path><path d="M49.1018 32.0036C49.1018 31.0195 48.304 30.2217 47.32 30.2217C46.3359 30.2217 45.5381 31.0195 45.5381 32.0036C45.5381 32.9876 46.3359 33.7854 47.32 33.7854C48.304 33.7854 49.1018 32.9876 49.1018 32.0036Z" fill="#000000"></path><path d="M42.5384 32.0043C42.5384 31.0202 41.7406 30.2227 40.7565 30.2227C39.7724 30.2227 38.9746 31.0202 38.9746 32.0043C38.9746 32.9883 39.7724 33.7861 40.7565 33.7861C41.7406 33.7861 42.5384 32.9883 42.5384 32.0043Z" fill="#D8D8D9"></path></svg></div><div id="app-pre-loader-logo-3" class="app-pre-loader-logo"><svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.8678 18.3332C32.8519 18.3332 33.6494 17.5354 33.6494 16.5513C33.6494 15.5673 32.8519 14.7695 31.8678 14.7695C30.8837 14.7695 30.0859 15.5673 30.0859 16.5513C30.0859 17.5354 30.8837 18.3332 31.8678 18.3332Z" fill="#D8D8D9"></path><path d="M31.8678 24.8966C32.8519 24.8966 33.6494 24.0989 33.6494 23.1148C33.6494 22.1307 32.8519 21.333 31.8678 21.333C30.8837 21.333 30.0859 22.1307 30.0859 23.1148C30.0859 24.0989 30.8837 24.8966 31.8678 24.8966Z" fill="#000000"></path><path d="M31.8678 11.7687C32.8519 11.7687 33.6494 10.9709 33.6494 9.98688C33.6494 9.00281 32.8519 8.20508 31.8678 8.20508C30.8837 8.20508 30.0859 9.00281 30.0859 9.98688C30.0859 10.9709 30.8837 11.7687 31.8678 11.7687Z" fill="#000000"></path><path d="M31.8678 5.20422C32.8519 5.20422 33.6494 4.40649 33.6494 3.42242C33.6494 2.43836 32.8519 1.64062 31.8678 1.64062C30.8837 1.64062 30.0859 2.43836 30.0859 3.42242C30.0859 4.40649 30.8837 5.20422 31.8678 5.20422Z" fill="#000000"></path><path d="M31.8678 55.8027C32.8519 55.8027 33.6494 55.0052 33.6494 54.0211C33.6494 53.0371 32.8519 52.2393 31.8678 52.2393C30.8837 52.2393 30.0859 53.0371 30.0859 54.0211C30.0859 55.0052 30.8837 55.8027 31.8678 55.8027Z" fill="#000000"></path><path d="M31.8678 62.3672C32.8519 62.3672 33.6494 61.5697 33.6494 60.5856C33.6494 59.6015 32.8519 58.8037 31.8678 58.8037C30.8837 58.8037 30.0859 59.6015 30.0859 60.5856C30.0859 61.5697 30.8837 62.3672 31.8678 62.3672Z" fill="#000000"></path><path d="M31.8678 49.2383C32.8519 49.2383 33.6494 48.4408 33.6494 47.4567C33.6494 46.4726 32.8519 45.6748 31.8678 45.6748C30.8837 45.6748 30.0859 46.4726 30.0859 47.4567C30.0859 48.4408 30.8837 49.2383 31.8678 49.2383Z" fill="#D8D8D9"></path><path d="M31.8678 42.6748C32.8519 42.6748 33.6494 41.8773 33.6494 40.8932C33.6494 39.9091 32.8519 39.1113 31.8678 39.1113C30.8837 39.1113 30.0859 39.9091 30.0859 40.8932C30.0859 41.8773 30.8837 42.6748 31.8678 42.6748Z" fill="#000000"></path><path d="M18.1964 32.0043C18.1964 31.0202 17.3987 30.2227 16.4146 30.2227C15.4305 30.2227 14.6328 31.0202 14.6328 32.0043C14.6328 32.9883 15.4305 33.7861 16.4146 33.7861C17.3987 33.7861 18.1964 32.9883 18.1964 32.0043Z" fill="#D8D8D9"></path><path d="M24.7599 32.0043C24.7599 31.0202 23.9622 30.2227 22.9781 30.2227C21.994 30.2227 21.1963 31.0202 21.1963 32.0043C21.1963 32.9883 21.994 33.7861 22.9781 33.7861C23.9622 33.7861 24.7599 32.9883 24.7599 32.0043Z" fill="#000000"></path><path d="M11.632 32.0043C11.632 31.0202 10.8342 30.2227 9.85016 30.2227C8.86609 30.2227 8.06836 31.0202 8.06836 32.0043C8.06836 32.9883 8.86609 33.7861 9.85016 33.7861C10.8342 33.7861 11.632 32.9883 11.632 32.0043Z" fill="#000000"></path><path d="M5.06848 32.0043C5.06848 31.0202 4.27075 30.2227 3.28668 30.2227C2.30262 30.2227 1.50488 31.0202 1.50488 32.0043C1.50488 32.9883 2.30262 33.7861 3.28668 33.7861C4.27075 33.7861 5.06848 32.9883 5.06848 32.0043Z" fill="#000000"></path><path d="M55.6663 32.0036C55.6663 31.0195 54.8685 30.2217 53.8844 30.2217C52.9004 30.2217 52.1025 31.0195 52.1025 32.0036C52.1025 32.9876 52.9004 33.7854 53.8844 33.7854C54.8685 33.7854 55.6663 32.9876 55.6663 32.0036Z" fill="#000000"></path><path d="M62.2308 32.0036C62.2308 31.0195 61.4329 30.2217 60.4489 30.2217C59.4648 30.2217 58.667 31.0195 58.667 32.0036C58.667 32.9876 59.4648 33.7854 60.4489 33.7854C61.4329 33.7854 62.2308 32.9876 62.2308 32.0036Z" fill="#000000"></path><path d="M49.1018 32.0036C49.1018 31.0195 48.304 30.2217 47.32 30.2217C46.3359 30.2217 45.5381 31.0195 45.5381 32.0036C45.5381 32.9876 46.3359 33.7854 47.32 33.7854C48.304 33.7854 49.1018 32.9876 49.1018 32.0036Z" fill="#D8D8D9"></path><path d="M42.5384 32.0043C42.5384 31.0202 41.7406 30.2227 40.7565 30.2227C39.7724 30.2227 38.9746 31.0202 38.9746 32.0043C38.9746 32.9883 39.7724 33.7861 40.7565 33.7861C41.7406 33.7861 42.5384 32.9883 42.5384 32.0043Z" fill="#000000"></path></svg></div><div id="app-pre-loader-logo-4" class="app-pre-loader-logo"><svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.8678 18.3332C32.8519 18.3332 33.6494 17.5354 33.6494 16.5513C33.6494 15.5673 32.8519 14.7695 31.8678 14.7695C30.8837 14.7695 30.0859 15.5673 30.0859 16.5513C30.0859 17.5354 30.8837 18.3332 31.8678 18.3332Z" fill="#000000"></path><path d="M31.8678 24.8966C32.8519 24.8966 33.6494 24.0989 33.6494 23.1148C33.6494 22.1307 32.8519 21.333 31.8678 21.333C30.8837 21.333 30.0859 22.1307 30.0859 23.1148C30.0859 24.0989 30.8837 24.8966 31.8678 24.8966Z" fill="#000000"></path><path d="M31.8678 11.7687C32.8519 11.7687 33.6494 10.9709 33.6494 9.98688C33.6494 9.00281 32.8519 8.20508 31.8678 8.20508C30.8837 8.20508 30.0859 9.00281 30.0859 9.98688C30.0859 10.9709 30.8837 11.7687 31.8678 11.7687Z" fill="#D8D8D9"></path><path d="M31.8678 5.20422C32.8519 5.20422 33.6494 4.40649 33.6494 3.42242C33.6494 2.43836 32.8519 1.64062 31.8678 1.64062C30.8837 1.64062 30.0859 2.43836 30.0859 3.42242C30.0859 4.40649 30.8837 5.20422 31.8678 5.20422Z" fill="#000000"></path><path d="M31.8678 55.8027C32.8519 55.8027 33.6494 55.0052 33.6494 54.0211C33.6494 53.0371 32.8519 52.2393 31.8678 52.2393C30.8837 52.2393 30.0859 53.0371 30.0859 54.0211C30.0859 55.0052 30.8837 55.8027 31.8678 55.8027Z" fill="#D8D8D9"></path><path d="M31.8678 62.3672C32.8519 62.3672 33.6494 61.5697 33.6494 60.5856C33.6494 59.6015 32.8519 58.8037 31.8678 58.8037C30.8837 58.8037 30.0859 59.6015 30.0859 60.5856C30.0859 61.5697 30.8837 62.3672 31.8678 62.3672Z" fill="#000000"></path><path d="M31.8678 49.2383C32.8519 49.2383 33.6494 48.4408 33.6494 47.4567C33.6494 46.4726 32.8519 45.6748 31.8678 45.6748C30.8837 45.6748 30.0859 46.4726 30.0859 47.4567C30.0859 48.4408 30.8837 49.2383 31.8678 49.2383Z" fill="#000000"></path><path d="M31.8678 42.6748C32.8519 42.6748 33.6494 41.8773 33.6494 40.8932C33.6494 39.9091 32.8519 39.1113 31.8678 39.1113C30.8837 39.1113 30.0859 39.9091 30.0859 40.8932C30.0859 41.8773 30.8837 42.6748 31.8678 42.6748Z" fill="#000000"></path><path d="M18.1964 32.0043C18.1964 31.0202 17.3987 30.2227 16.4146 30.2227C15.4305 30.2227 14.6328 31.0202 14.6328 32.0043C14.6328 32.9883 15.4305 33.7861 16.4146 33.7861C17.3987 33.7861 18.1964 32.9883 18.1964 32.0043Z" fill="#000000"></path><path d="M24.7599 32.0043C24.7599 31.0202 23.9622 30.2227 22.9781 30.2227C21.994 30.2227 21.1963 31.0202 21.1963 32.0043C21.1963 32.9883 21.994 33.7861 22.9781 33.7861C23.9622 33.7861 24.7599 32.9883 24.7599 32.0043Z" fill="#000000"></path><path d="M11.632 32.0043C11.632 31.0202 10.8342 30.2227 9.85016 30.2227C8.86609 30.2227 8.06836 31.0202 8.06836 32.0043C8.06836 32.9883 8.86609 33.7861 9.85016 33.7861C10.8342 33.7861 11.632 32.9883 11.632 32.0043Z" fill="#D8D8D9"></path><path d="M5.06848 32.0043C5.06848 31.0202 4.27075 30.2227 3.28668 30.2227C2.30262 30.2227 1.50488 31.0202 1.50488 32.0043C1.50488 32.9883 2.30262 33.7861 3.28668 33.7861C4.27075 33.7861 5.06848 32.9883 5.06848 32.0043Z" fill="#000000"></path><path d="M55.6663 32.0036C55.6663 31.0195 54.8685 30.2217 53.8844 30.2217C52.9004 30.2217 52.1025 31.0195 52.1025 32.0036C52.1025 32.9876 52.9004 33.7854 53.8844 33.7854C54.8685 33.7854 55.6663 32.9876 55.6663 32.0036Z" fill="#D8D8D9"></path><path d="M62.2308 32.0036C62.2308 31.0195 61.4329 30.2217 60.4489 30.2217C59.4648 30.2217 58.667 31.0195 58.667 32.0036C58.667 32.9876 59.4648 33.7854 60.4489 33.7854C61.4329 33.7854 62.2308 32.9876 62.2308 32.0036Z" fill="#000000"></path><path d="M49.1018 32.0036C49.1018 31.0195 48.304 30.2217 47.32 30.2217C46.3359 30.2217 45.5381 31.0195 45.5381 32.0036C45.5381 32.9876 46.3359 33.7854 47.32 33.7854C48.304 33.7854 49.1018 32.9876 49.1018 32.0036Z" fill="#000000"></path><path d="M42.5384 32.0043C42.5384 31.0202 41.7406 30.2227 40.7565 30.2227C39.7724 30.2227 38.9746 31.0202 38.9746 32.0043C38.9746 32.9883 39.7724 33.7861 40.7565 33.7861C41.7406 33.7861 42.5384 32.9883 42.5384 32.0043Z" fill="#000000"></path></svg></div><div id="app-pre-loader-logo-5" class="app-pre-loader-logo"><svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="64" height="64" fill="white"></rect><path d="M31.8678 18.3332C32.8519 18.3332 33.6494 17.5354 33.6494 16.5513C33.6494 15.5673 32.8519 14.7695 31.8678 14.7695C30.8837 14.7695 30.0859 15.5673 30.0859 16.5513C30.0859 17.5354 30.8837 18.3332 31.8678 18.3332Z" fill="#000000"></path><path d="M31.8678 24.8966C32.8519 24.8966 33.6494 24.0989 33.6494 23.1148C33.6494 22.1307 32.8519 21.333 31.8678 21.333C30.8837 21.333 30.0859 22.1307 30.0859 23.1148C30.0859 24.0989 30.8837 24.8966 31.8678 24.8966Z" fill="#000000"></path><path d="M31.8678 11.7687C32.8519 11.7687 33.6494 10.9709 33.6494 9.98688C33.6494 9.00281 32.8519 8.20508 31.8678 8.20508C30.8837 8.20508 30.0859 9.00281 30.0859 9.98688C30.0859 10.9709 30.8837 11.7687 31.8678 11.7687Z" fill="#000000"></path><path d="M31.8678 5.20422C32.8519 5.20422 33.6494 4.40649 33.6494 3.42242C33.6494 2.43836 32.8519 1.64062 31.8678 1.64062C30.8837 1.64062 30.0859 2.43836 30.0859 3.42242C30.0859 4.40649 30.8837 5.20422 31.8678 5.20422Z" fill="#D8D8D9"></path><path d="M31.8678 55.8027C32.8519 55.8027 33.6494 55.0052 33.6494 54.0211C33.6494 53.0371 32.8519 52.2393 31.8678 52.2393C30.8837 52.2393 30.0859 53.0371 30.0859 54.0211C30.0859 55.0052 30.8837 55.8027 31.8678 55.8027Z" fill="#000000"></path><path d="M31.8678 62.3672C32.8519 62.3672 33.6494 61.5697 33.6494 60.5856C33.6494 59.6015 32.8519 58.8037 31.8678 58.8037C30.8837 58.8037 30.0859 59.6015 30.0859 60.5856C30.0859 61.5697 30.8837 62.3672 31.8678 62.3672Z" fill="#D8D8D9"></path><path d="M31.8678 49.2383C32.8519 49.2383 33.6494 48.4408 33.6494 47.4567C33.6494 46.4726 32.8519 45.6748 31.8678 45.6748C30.8837 45.6748 30.0859 46.4726 30.0859 47.4567C30.0859 48.4408 30.8837 49.2383 31.8678 49.2383Z" fill="#000000"></path><path d="M31.8678 42.6748C32.8519 42.6748 33.6494 41.8773 33.6494 40.8932C33.6494 39.9091 32.8519 39.1113 31.8678 39.1113C30.8837 39.1113 30.0859 39.9091 30.0859 40.8932C30.0859 41.8773 30.8837 42.6748 31.8678 42.6748Z" fill="#000000"></path><path d="M18.1964 32.0043C18.1964 31.0202 17.3987 30.2227 16.4146 30.2227C15.4305 30.2227 14.6328 31.0202 14.6328 32.0043C14.6328 32.9883 15.4305 33.7861 16.4146 33.7861C17.3987 33.7861 18.1964 32.9883 18.1964 32.0043Z" fill="#000000"></path><path d="M24.7599 32.0043C24.7599 31.0202 23.9622 30.2227 22.9781 30.2227C21.994 30.2227 21.1963 31.0202 21.1963 32.0043C21.1963 32.9883 21.994 33.7861 22.9781 33.7861C23.9622 33.7861 24.7599 32.9883 24.7599 32.0043Z" fill="#000000"></path><path d="M11.632 32.0043C11.632 31.0202 10.8342 30.2227 9.85016 30.2227C8.86609 30.2227 8.06836 31.0202 8.06836 32.0043C8.06836 32.9883 8.86609 33.7861 9.85016 33.7861C10.8342 33.7861 11.632 32.9883 11.632 32.0043Z" fill="#000000"></path><path d="M5.06848 32.0043C5.06848 31.0202 4.27075 30.2227 3.28668 30.2227C2.30262 30.2227 1.50488 31.0202 1.50488 32.0043C1.50488 32.9883 2.30262 33.7861 3.28668 33.7861C4.27075 33.7861 5.06848 32.9883 5.06848 32.0043Z" fill="#D8D8D9"></path><path d="M55.6663 32.0036C55.6663 31.0195 54.8685 30.2217 53.8844 30.2217C52.9004 30.2217 52.1025 31.0195 52.1025 32.0036C52.1025 32.9876 52.9004 33.7854 53.8844 33.7854C54.8685 33.7854 55.6663 32.9876 55.6663 32.0036Z" fill="#000000"></path><path d="M62.2308 32.0036C62.2308 31.0195 61.4329 30.2217 60.4489 30.2217C59.4648 30.2217 58.667 31.0195 58.667 32.0036C58.667 32.9876 59.4648 33.7854 60.4489 33.7854C61.4329 33.7854 62.2308 32.9876 62.2308 32.0036Z" fill="#D8D8D9"></path><path d="M49.1018 32.0036C49.1018 31.0195 48.304 30.2217 47.32 30.2217C46.3359 30.2217 45.5381 31.0195 45.5381 32.0036C45.5381 32.9876 46.3359 33.7854 47.32 33.7854C48.304 33.7854 49.1018 32.9876 49.1018 32.0036Z" fill="#000000"></path><path d="M42.5384 32.0043C42.5384 31.0202 41.7406 30.2227 40.7565 30.2227C39.7724 30.2227 38.9746 31.0202 38.9746 32.0043C38.9746 32.9883 39.7724 33.7861 40.7565 33.7861C41.7406 33.7861 42.5384 32.9883 42.5384 32.0043Z" fill="#000000"></path></svg></div></div><iframe src="https://kano-cross-domain-storage.netlify.app" width="0" height="0" style="display: none;"></iframe><div class="shopify-buy-frame shopify-buy-frame--toggle is-sticky"><div class="is-sticky shopify-buy__cart-toggle">
<div class="shopify-buy__cart-toggle__count" data-element="toggle.count">0</div><svg xmlns="http://www.w3.org/2000/svg" class="shopify-buy__icon-cart shopify-buy__icon-cart--side" data-element="toggle.icon" viewBox="0 0 25 25" enable-background="new 0 0 25 25"><g class="shopify-buy__icon-cart__group"><path d="M24.6 3.6c-.3-.4-.8-.6-1.3-.6h-18.4l-.1-.5c-.3-1.5-1.7-1.5-2.5-1.5h-1.3c-.6 0-1 .4-1 1s.4 1 1 1h1.8l3 13.6c.2 1.2 1.3 2.4 2.5 2.4h12.7c.6 0 1-.4 1-1s-.4-1-1-1h-12.7c-.2 0-.5-.4-.6-.8l-.2-1.2h12.6c1.3 0 2.3-1.4 2.5-2.4l2.4-7.4v-.2c.1-.5-.1-1-.4-1.4zm-4 8.5v.2c-.1.3-.4.8-.5.8h-13l-1.8-8.1h17.6l-2.3 7.1z"></path><circle cx="9" cy="22" r="2"></circle><circle cx="19" cy="22" r="2"></circle></g></svg>
<p class="shopify-buy--visually-hidden">cart</p>
</div></div><div class="shopify-buy-cart-wrapper shopify-buy-frame shopify-buy-frame--cart"><iframe horizontalscrolling="no" verticalscrolling="no" allowtransparency="true" frameborder="0" scrolling="no" name="frame-cart" style="width: 100%; overflow: hidden; border: none;"></iframe></div></body></html>