1<!doctype html> 2<html class="no-js" lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="theme-color" content=""> 8 <link 9 rel="canonical" 10 href="https://natevaporcelain.com/pages/contact" 11 canonical-url="https://natevaporcelain.com/" 12 ><link 13 rel="icon" 14 type="image/png" 15 href="//natevaporcelain.com/cdn/shop/files/Favicon-Logo.jpg?crop=center&height=32&v=1707218898&width=32" 16 ><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> 17 <link href="//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload"> 18 <link href="//natevaporcelain.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">�<title> 19 Contact� 20 – Nateva Porcelain</title> 21 22 23 24 25 26<meta property="og:site_name" content="Nateva Porcelain"> 27<meta property="og:url" content="https://natevaporcelain.com/pages/contact"> 28<meta property="og:title" content="Contact"> 29<meta property="og:type" content="website"> 30<meta property="og:description" content="Nateva Porcelain"><meta name="twitter:site" content="@https://x.com/nateva_p"><meta name="twitter:card" content="summary_large_image"> 31<meta name="twitter:title" content="Contact"> 32<meta name="twitter:description" content="Nateva Porcelain"> 33 34 35 <style data-shopify>� 36 37 @font-face { 38 font-family: Jost; 39 font-weight: 400; 40 font-style: normal; 41 font-display: swap; 42 src: url("//natevaporcelain.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2") format("woff2"), 43 url("//natevaporcelain.com/cdn/fonts/jost/jost_n4.791c46290e672b3f85c3d1c651ef2efa3819eadd.woff") format("woff"); 44} 45 46 @font-face { 47 font-family: Jost; 48 font-weight: 700; 49 font-style: normal; 50 font-display: swap; 51 src: url("//natevaporcelain.com/cdn/fonts/jost/jost_n7.921dc18c13fa0b0c94c5e2517ffe06139c3615a3.woff2") format("woff2"), 52 url("//natevaporcelain.com/cdn/fonts/jost/jost_n7.cbfc16c98c1e195f46c536e775e4e959c5f2f22b.woff") format("woff"); 53} 54 55 @font-face { 56 font-family: Jost; 57 font-weight: 600; 58 font-style: normal; 59 font-display: swap; 60 src: url("//natevaporcelain.com/cdn/fonts/jost/jost_n6.ec1178db7a7515114a2d84e3dd680832b7af8b99.woff2") format("woff2"), 61 url("//natevaporcelain.com/cdn/fonts/jost/jost_n6.b1178bb6bdd3979fef38e103a3816f6980aeaff9.woff") format("woff"); 62} 63 64 @font-face { 65 font-family: Jost; 66 font-weight: 400; 67 font-style: italic; 68 font-display: swap; 69 src: url("//natevaporcelain.com/cdn/fonts/jost/jost_i4.b690098389649750ada222b9763d55796c5283a5.woff2") format("woff2"), 70 url("//natevaporcelain.com/cdn/fonts/jost/jost_i4.fd766415a47e50b9e391ae7ec04e2ae25e7e28b0.woff") format("woff"); 71} 72 73 @font-face { 74 font-family: Jost; 75 font-weight: 700; 76 font-style: italic; 77 font-display: swap; 78 src: url("//natevaporcelain.com/cdn/fonts/jost/jost_i7.d8201b854e41e19d7ed9b1a31fe4fe71deea6d3f.woff2") format("woff2"), 79 url("//natevaporcelain.com/cdn/fonts/jost/jost_i7.eae515c34e26b6c853efddc3fc0c552e0de63757.woff") format("woff"); 80} 81 82 83 84 85 � 86 87 @font-face { 88 font-family: "Playfair Display"; 89 font-weight: 400; 90 font-style: normal; 91 font-display: swap; 92 src: url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2") format("woff2"), 93 url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n4.c562b7c8e5637886a811d2a017f9e023166064ee.woff") format("woff"); 94} 95 96 @font-face { 97 font-family: "Playfair Display"; 98 font-weight: 700; 99 font-style: normal; 100 font-display: swap; 101 src: url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n7.592b3435e0fff3f50b26d410c73ae7ec893f6910.woff2") format("woff2"), 102 url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n7.998b1417dec711058cce2abb61a0b8c59066498f.woff") format("woff"); 103} 104 105 @font-face { 106 font-family: "Playfair Display"; 107 font-weight: 600; 108 font-style: normal; 109 font-display: swap; 110 src: url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n6.41e9dda2e7301ca861c0ec25a53c1bdf16b6624d.woff2") format("woff2"), 111 url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n6.3fecbbfefcd2c3e39326078af5db97c0302e18b5.woff") format("woff"); 112} 113 114 @font-face { 115 font-family: "Playfair Display"; 116 font-weight: 400; 117 font-style: italic; 118 font-display: swap; 119 src: url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_i4.804ea8da9192aaed0368534aa085b3c1f3411619.woff2") format("woff2"), 120 url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_i4.5538cb7a825d13d8a2333cd8a94065a93a95c710.woff") format("woff"); 121} 122 123 @font-face { 124 font-family: "Playfair Display"; 125 font-weight: 700; 126 font-style: italic; 127 font-display: swap; 128 src: url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_i7.ba833b400bcd9c858b439c75a4a7c6eddc4c7de0.woff2") format("woff2"), 129 url("//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_i7.4872c65919810cd2f622f4ba52cd2e9e595f11d5.woff") format("woff"); 130} 131 132 133 134 135 136 137 :root, 138 .color-scheme-1 {
139 /* Background */ 140 141 --color-background: rgb(255 255 255 / 1.0); 142 143 144 --color-background-rgb: 255 255 255; 145 146 /* Body */ 147 --color-foreground: rgb(0 0 0 / 1.0); 148 --color-foreground-rgb: 0 0 0; 149 150 /* Heading */ 151 --color-foreground-heading: rgb(0 0 0 / 1.0); 152 --color-foreground-heading-rgb: 0 0 0; 153 154 /* Link */ 155 --color-primary: rgb(0 0 0 / 1.0); 156 --color-primary-rgb: 0 0 0; 157 --color-primary-hover: rgb(0 0 0 / 1.0); 158 --color-primary-hover-rgb: 0 0 0; 159 160 /* Border */ 161 --color-border: rgb(169 169 169 / 1.0); 162 --color-border-rgb: 169 169 169; 163 164 /* Shadow */ 165 --color-shadow: rgb(128 128 128 / 1.0); 166 --color-shadow-rgb: 128 128 128; 167 168 /* Button primary */ 169 --color-primary-button-text: rgb(255 255 255 / 1.0); 170 --color-primary-button-text-rgb: 255 255 255; 171 172 --color-primary-button-background: rgb(0 51 73 / 1.0); 173 174 175 --color-primary-button-border: rgb(0 51 73 / 1.0); 176 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 177 178 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 179 180 181 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 182 183 /* Button secondary */ 184 --color-secondary-button-text: rgb(255 255 255 / 1.0); 185 --color-secondary-button-text-rgb: 255 255 255; 186 187 --color-secondary-button-background: rgb(0 0 0 / 1.0); 188 189 190 --color-secondary-button-border: rgb(0 0 0 / 1.0); 191 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 192 193 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 194 195 196 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 197 198 /* Input */ 199 --color-input-background: rgb(255 255 255 / 1.0); 200 --color-input-text: rgb(0 0 0 / 1.0); 201 --color-input-text-rgb: 0 0 0; 202 --color-input-border: rgb(198 198 198 / 1.0); 203 --color-input-border-rgb: 198 198 198; 204 --color-input-hover-background: rgb(245 245 245 / 1.0); 205 206 /* Payment Terms */ 207 --payment-terms-background-color: rgb(255 255 255); 208 209 /* Arrows */ 210 --arrow-color: rgb(30 60 50 / 1.0); 211 --arrow-color-rgb: 30 60 50; 212 --arrow-color-hover: rgb(51 51 51 / 1.0); 213 --arrow-color-hover-rgb: 51 51 51; 214 215 --arrow-background: rgb(var(--color-background-rgb)); 216 217 218 --arrow-background-rgb: 0 0 0; 219 --arrow-border: rgb(0 0 0 / 0.0); 220 --arrow-background-hover: rgb(255 255 255 / 1.0); 221 --arrow-background-hover-rgb: 255 255 255; 222 223 /* Pagination */ 224 --pagination-color: rgb(198 198 198 / 1.0); 225 --pagination-active-color: rgb(0 51 73 / 1.0); 226 --pagination-active-color-rgb: 0 51 73; 227 228 /* Opacity */ 229 --opacity-5-15: 0.05; 230 --opacity-10-25: 0.1; 231 --opacity-35-55: 0.35; 232 --opacity-40-60: 0.4; 233 --opacity-30-60: 0.3; 234 235 /* Disabled */ 236 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 237 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 238 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 239 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 240 } 241 242 243 244 245 .color-scheme-2 { 246 /* Background */ 247 248 --color-background: rgb(250 250 250 / 1.0); 249 250 251 --color-background-rgb: 250 250 250; 252 253 /* Body */ 254 --color-foreground: rgb(38 38 38 / 1.0); 255 --color-foreground-rgb: 38 38 38; 256 257 /* Heading */ 258 --color-foreground-heading: rgb(0 0 0 / 1.0); 259 --color-foreground-heading-rgb: 0 0 0; 260 261 /* Link */ 262 --color-primary: rgb(38 38 38 / 1.0); 263 --color-primary-rgb: 38 38 38; 264 --color-primary-hover: rgb(0 0 0 / 1.0); 265 --color-primary-hover-rgb: 0 0 0; 266 267 /* Border */ 268 --color-border: rgb(230 230 230 / 1.0); 269 --color-border-rgb: 230 230 230; 270 271 /* Shadow */ 272 --color-shadow: rgb(18 18 18 / 1.0); 273 --color-shadow-rgb: 18 18 18; 274 275 /* Button primary */ 276 --color-primary-button-text: rgb(243 243 243 / 1.0); 277 --color-primary-button-text-rgb: 243 243 243; 278 279 --color-primary-button-background: rgb(18 18 18 / 1.0); 280 281 282 --color-primary-button-border: rgb(0 0 0 / 1.0); 283 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 284 285 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 286 287 288 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 289 290 /* Button secondary */ 291 --color-secondary-button-text: rgb(18 18 18 / 1.0); 292 --color-secondary-button-text-rgb: 18 18 18; 293 294 --color-secondary-button-background: rgb(255 255 255 / 1.0); 295 296 297 --color-secondary-button-border: rgb(0 0 0 / 1.0); 298 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 299 300 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 301 302 303 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 304 305 /* Input */ 306 --color-input-background: rgb(255 255 255 / 1.0); 307 --color-input-text: rgb(0 0 0 / 1.0); 308 --color-input-text-rgb: 0 0 0; 309 --color-input-border: rgb(0 0 0 / 1.0); 310 --color-input-border-rgb: 0 0 0; 311 --color-input-hover-background: rgb(245 245 245 / 1.0); 312 313 /* Payment Terms */ 314 --payment-terms-background-color: rgb(250 250 250); 315 316 /* Arrows */ 317 --arrow-color: rgb(30 60 50 / 1.0); 318 --arrow-color-rgb: 30 60 50; 319 --arrow-color-hover: rgb(30 60 50 / 1.0); 320 --arrow-color-hover-rgb: 30 60 50; 321 322 --arrow-background: rgb(var(--color-background-rgb)); 323 324 325 --arrow-background-rgb: 0 0 0; 326 --arrow-border: rgb(0 0 0 / 0.0); 327 --arrow-background-hover: rgb(250 250 250 / 1.0); 328 --arrow-background-hover-rgb: 250 250 250; 329 330 /* Pagination */ 331 --pagination-color: rgb(206 206 206 / 1.0); 332 --pagination-active-color: rgb(51 51 51 / 1.0); 333 --pagination-active-color-rgb: 51 51 51; 334 335 /* Opacity */ 336 --opacity-5-15: 0.05; 337 --opacity-10-25: 0.1; 338 --opacity-35-55: 0.35; 339 --opacity-40-60: 0.4; 340 --opacity-30-60: 0.3; 341 342 /* Disabled */ 343 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 344 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 345 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 346 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 347 } 348 349 350 351 352 .color-scheme-3 {
353 /* Background */ 354 355 --color-background: rgb(250 250 250 / 1.0); 356 357 358 --color-background-rgb: 250 250 250; 359 360 /* Body */ 361 --color-foreground: rgb(18 18 18 / 1.0); 362 --color-foreground-rgb: 18 18 18; 363 364 /* Heading */ 365 --color-foreground-heading: rgb(0 0 0 / 1.0); 366 --color-foreground-heading-rgb: 0 0 0; 367 368 /* Link */ 369 --color-primary: rgb(33 33 33 / 1.0); 370 --color-primary-rgb: 33 33 33; 371 --color-primary-hover: rgb(0 0 0 / 1.0); 372 --color-primary-hover-rgb: 0 0 0; 373 374 /* Border */ 375 --color-border: rgb(230 230 230 / 1.0); 376 --color-border-rgb: 230 230 230; 377 378 /* Shadow */ 379 --color-shadow: rgb(18 18 18 / 1.0); 380 --color-shadow-rgb: 18 18 18; 381 382 /* Button primary */ 383 --color-primary-button-text: rgb(0 0 0 / 1.0); 384 --color-primary-button-text-rgb: 0 0 0; 385 386 --color-primary-button-background: rgb(255 255 255 / 1.0); 387 388 389 --color-primary-button-border: rgb(0 0 0 / 0.0); 390 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 391 392 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 393 394 395 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 396 397 /* Button secondary */ 398 --color-secondary-button-text: rgb(255 255 255 / 1.0); 399 --color-secondary-button-text-rgb: 255 255 255; 400 401 --color-secondary-button-background: rgb(255 255 255 / 1.0); 402 403 404 --color-secondary-button-border: rgb(0 0 0 / 1.0); 405 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 406 407 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 408 409 410 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 411 412 /* Input */ 413 --color-input-background: rgb(255 255 255 / 1.0); 414 --color-input-text: rgb(0 0 0 / 1.0); 415 --color-input-text-rgb: 0 0 0; 416 --color-input-border: rgb(0 0 0 / 1.0); 417 --color-input-border-rgb: 0 0 0; 418 --color-input-hover-background: rgb(245 245 245 / 1.0); 419 420 /* Payment Terms */ 421 --payment-terms-background-color: rgb(250 250 250); 422 423 /* Arrows */ 424 --arrow-color: rgb(51 51 51 / 1.0); 425 --arrow-color-rgb: 51 51 51; 426 --arrow-color-hover: rgb(51 51 51 / 1.0); 427 --arrow-color-hover-rgb: 51 51 51; 428 429 430 --arrow-background: rgb(255 255 255 / 1.0); 431 432 --arrow-background-rgb: 255 255 255; 433 --arrow-border: rgb(51 51 51 / 1.0); 434 --arrow-background-hover: rgb(255 255 255 / 1.0); 435 --arrow-background-hover-rgb: 255 255 255; 436 437 /* Pagination */ 438 --pagination-color: rgb(206 206 206 / 1.0); 439 --pagination-active-color: rgb(51 51 51 / 1.0); 440 --pagination-active-color-rgb: 51 51 51; 441 442 /* Opacity */ 443 --opacity-5-15: 0.05; 444 --opacity-10-25: 0.1; 445 --opacity-35-55: 0.35; 446 --opacity-40-60: 0.4; 447 --opacity-30-60: 0.3; 448 449 /* Disabled */ 450 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 451 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 452 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 453 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 454 } 455 456 457 458 459 .color-scheme-4 { 460 /* Background */ 461 462 --color-background: rgb(0 0 0 / 0.0); 463 464 465 --color-background-rgb: 0 0 0; 466 467 /* Body */ 468 --color-foreground: rgb(255 255 255 / 1.0); 469 --color-foreground-rgb: 255 255 255; 470 471 /* Heading */ 472 --color-foreground-heading: rgb(0 0 0 / 1.0); 473 --color-foreground-heading-rgb: 0 0 0; 474 475 /* Link */ 476 --color-primary: rgb(255 255 255 / 1.0); 477 --color-primary-rgb: 255 255 255; 478 --color-primary-hover: rgb(0 0 0 / 1.0); 479 --color-primary-hover-rgb: 0 0 0; 480 481 /* Border */ 482 --color-border: rgb(230 230 230 / 1.0); 483 --color-border-rgb: 230 230 230; 484 485 /* Shadow */ 486 --color-shadow: rgb(18 18 18 / 1.0); 487 --color-shadow-rgb: 18 18 18; 488 489 /* Button primary */ 490 --color-primary-button-text: rgb(255 255 255 / 1.0); 491 --color-primary-button-text-rgb: 255 255 255; 492 493 --color-primary-button-background: rgb(0 0 0 / 0.0); 494 495 496 --color-primary-button-border: rgb(255 255 255 / 1.0); 497 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 498 499 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 500 501 502 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 503 504 /* Button secondary */ 505 --color-secondary-button-text: rgb(18 18 18 / 1.0); 506 --color-secondary-button-text-rgb: 18 18 18; 507 508 --color-secondary-button-background: rgb(255 255 255 / 1.0); 509 510 511 --color-secondary-button-border: rgb(0 0 0 / 1.0); 512 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 513 514 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 515 516 517 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 518 519 /* Input */ 520 --color-input-background: rgb(255 255 255 / 1.0); 521 --color-input-text: rgb(0 0 0 / 1.0); 522 --color-input-text-rgb: 0 0 0; 523 --color-input-border: rgb(0 0 0 / 1.0); 524 --color-input-border-rgb: 0 0 0; 525 --color-input-hover-background: rgb(245 245 245 / 1.0); 526 527 /* Payment Terms */ 528 --payment-terms-background-color: rgb(0 0 0); 529 530 /* Arrows */ 531 --arrow-color: rgb(51 51 51 / 1.0); 532 --arrow-color-rgb: 51 51 51; 533 --arrow-color-hover: rgb(51 51 51 / 1.0); 534 --arrow-color-hover-rgb: 51 51 51; 535 536 537 --arrow-background: rgb(255 255 255 / 1.0); 538 539 --arrow-background-rgb: 255 255 255; 540 --arrow-border: rgb(51 51 51 / 1.0); 541 --arrow-background-hover: rgb(255 255 255 / 1.0); 542 --arrow-background-hover-rgb: 255 255 255; 543 544 /* Pagination */ 545 --pagination-color: rgb(206 206 206 / 1.0); 546 --pagination-active-color: rgb(51 51 51 / 1.0); 547 --pagination-active-color-rgb: 51 51 51; 548 549 /* Opacity */ 550 --opacity-5-15: 0.15; 551 --opacity-10-25: 0.25; 552 --opacity-35-55: 0.55; 553 --opacity-40-60: 0.6; 554 --opacity-30-60: 0.6; 555 556 /* Disabled */ 557 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 558 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 559 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 560 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 561 } 562 563 564 565 566 .color-scheme-5 {
567 /* Background */ 568 569 --color-background: rgb(0 0 0 / 0.0); 570 571 572 --color-background-rgb: 0 0 0; 573 574 /* Body */ 575 --color-foreground: rgb(255 255 255 / 1.0); 576 --color-foreground-rgb: 255 255 255; 577 578 /* Heading */ 579 --color-foreground-heading: rgb(0 0 0 / 1.0); 580 --color-foreground-heading-rgb: 0 0 0; 581 582 /* Link */ 583 --color-primary: rgb(0 15 159 / 1.0); 584 --color-primary-rgb: 0 15 159; 585 --color-primary-hover: rgb(0 0 0 / 1.0); 586 --color-primary-hover-rgb: 0 0 0; 587 588 /* Border */ 589 --color-border: rgb(230 230 230 / 1.0); 590 --color-border-rgb: 230 230 230; 591 592 /* Shadow */ 593 --color-shadow: rgb(18 18 18 / 1.0); 594 --color-shadow-rgb: 18 18 18; 595 596 /* Button primary */ 597 --color-primary-button-text: rgb(0 0 0 / 1.0); 598 --color-primary-button-text-rgb: 0 0 0; 599 600 --color-primary-button-background: rgb(255 255 255 / 1.0); 601 602 603 --color-primary-button-border: rgb(255 255 255 / 1.0); 604 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 605 606 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 607 608 609 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 610 611 /* Button secondary */ 612 --color-secondary-button-text: rgb(255 255 255 / 1.0); 613 --color-secondary-button-text-rgb: 255 255 255; 614 615 --color-secondary-button-background: rgb(255 255 255 / 1.0); 616 617 618 --color-secondary-button-border: rgb(0 0 0 / 1.0); 619 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 620 621 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 622 623 624 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 625 626 /* Input */ 627 --color-input-background: rgb(255 255 255 / 1.0); 628 --color-input-text: rgb(0 0 0 / 1.0); 629 --color-input-text-rgb: 0 0 0; 630 --color-input-border: rgb(0 0 0 / 1.0); 631 --color-input-border-rgb: 0 0 0; 632 --color-input-hover-background: rgb(245 245 245 / 1.0); 633 634 /* Payment Terms */ 635 --payment-terms-background-color: rgb(0 0 0); 636 637 /* Arrows */ 638 --arrow-color: rgb(51 51 51 / 1.0); 639 --arrow-color-rgb: 51 51 51; 640 --arrow-color-hover: rgb(51 51 51 / 1.0); 641 --arrow-color-hover-rgb: 51 51 51; 642 643 644 --arrow-background: rgb(255 255 255 / 1.0); 645 646 --arrow-background-rgb: 255 255 255; 647 --arrow-border: rgb(51 51 51 / 1.0); 648 --arrow-background-hover: rgb(255 255 255 / 1.0); 649 --arrow-background-hover-rgb: 255 255 255; 650 651 /* Pagination */ 652 --pagination-color: rgb(206 206 206 / 1.0); 653 --pagination-active-color: rgb(51 51 51 / 1.0); 654 --pagination-active-color-rgb: 51 51 51; 655 656 /* Opacity */ 657 --opacity-5-15: 0.15; 658 --opacity-10-25: 0.25; 659 --opacity-35-55: 0.55; 660 --opacity-40-60: 0.6; 661 --opacity-30-60: 0.6; 662 663 /* Disabled */ 664 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 665 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 666 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 667 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 668 } 669 670 671 672 673 .color-scheme-6 { 674 /* Background */ 675 676 --color-background: rgb(255 255 255 / 1.0); 677 678 679 --color-background-rgb: 255 255 255; 680 681 /* Body */ 682 --color-foreground: rgb(0 0 0 / 1.0); 683 --color-foreground-rgb: 0 0 0; 684 685 /* Heading */ 686 --color-foreground-heading: rgb(0 0 0 / 1.0); 687 --color-foreground-heading-rgb: 0 0 0; 688 689 /* Link */ 690 --color-primary: rgb(0 0 0 / 1.0); 691 --color-primary-rgb: 0 0 0; 692 --color-primary-hover: rgb(0 0 0 / 1.0); 693 --color-primary-hover-rgb: 0 0 0; 694 695 /* Border */ 696 --color-border: rgb(169 169 169 / 1.0); 697 --color-border-rgb: 169 169 169; 698 699 /* Shadow */ 700 --color-shadow: rgb(128 128 128 / 1.0); 701 --color-shadow-rgb: 128 128 128; 702 703 /* Button primary */ 704 --color-primary-button-text: rgb(255 255 255 / 1.0); 705 --color-primary-button-text-rgb: 255 255 255; 706 707 --color-primary-button-background: rgb(0 51 73 / 1.0); 708 709 710 --color-primary-button-border: rgb(0 51 73 / 1.0); 711 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 712 713 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 714 715 716 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 717 718 /* Button secondary */ 719 --color-secondary-button-text: rgb(0 51 73 / 1.0); 720 --color-secondary-button-text-rgb: 0 51 73; 721 722 --color-secondary-button-background: rgb(0 0 0 / 0.0); 723 724 725 --color-secondary-button-border: rgb(0 51 73 / 1.0); 726 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 727 728 --color-secondary-button-hover-background: rgb(0 51 73 / 1.0); 729 730 731 --color-secondary-button-hover-border: rgb(0 51 73 / 1.0); 732 733 /* Input */ 734 --color-input-background: rgb(255 255 255 / 1.0); 735 --color-input-text: rgb(0 0 0 / 1.0); 736 --color-input-text-rgb: 0 0 0; 737 --color-input-border: rgb(198 198 198 / 1.0); 738 --color-input-border-rgb: 198 198 198; 739 --color-input-hover-background: rgb(245 245 245 / 1.0); 740 741 /* Payment Terms */ 742 --payment-terms-background-color: rgb(255 255 255); 743 744 /* Arrows */ 745 --arrow-color: rgb(30 60 50 / 1.0); 746 --arrow-color-rgb: 30 60 50; 747 --arrow-color-hover: rgb(51 51 51 / 1.0); 748 --arrow-color-hover-rgb: 51 51 51; 749 750 --arrow-background: rgb(var(--color-background-rgb)); 751 752 753 --arrow-background-rgb: 0 0 0; 754 --arrow-border: rgb(0 0 0 / 0.0); 755 --arrow-background-hover: rgb(255 255 255 / 1.0); 756 --arrow-background-hover-rgb: 255 255 255; 757 758 /* Pagination */ 759 --pagination-color: rgb(0 0 0 / 1.0); 760 --pagination-active-color: rgb(198 198 198 / 1.0); 761 --pagination-active-color-rgb: 198 198 198; 762 763 /* Opacity */ 764 --opacity-5-15: 0.05; 765 --opacity-10-25: 0.1; 766 --opacity-35-55: 0.35; 767 --opacity-40-60: 0.4; 768 --opacity-30-60: 0.3; 769 770 /* Disabled */ 771 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 772 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 773 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 774 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 775 } 776 777 778 779 780 .color-scheme-7 {
781 /* Background */ 782 783 --color-background: rgb(0 0 0 / 1.0); 784 785 786 --color-background-rgb: 0 0 0; 787 788 /* Body */ 789 --color-foreground: rgb(255 255 255 / 1.0); 790 --color-foreground-rgb: 255 255 255; 791 792 /* Heading */ 793 --color-foreground-heading: rgb(255 255 255 / 1.0); 794 --color-foreground-heading-rgb: 255 255 255; 795 796 /* Link */ 797 --color-primary: rgb(0 15 159 / 1.0); 798 --color-primary-rgb: 0 15 159; 799 --color-primary-hover: rgb(0 0 0 / 1.0); 800 --color-primary-hover-rgb: 0 0 0; 801 802 /* Border */ 803 --color-border: rgb(230 230 230 / 1.0); 804 --color-border-rgb: 230 230 230; 805 806 /* Shadow */ 807 --color-shadow: rgb(18 18 18 / 1.0); 808 --color-shadow-rgb: 18 18 18; 809 810 /* Button primary */ 811 --color-primary-button-text: rgb(255 255 255 / 1.0); 812 --color-primary-button-text-rgb: 255 255 255; 813 814 --color-primary-button-background: rgb(0 0 0 / 0.0); 815 816 817 --color-primary-button-border: rgb(255 255 255 / 1.0); 818 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 819 820 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 821 822 823 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 824 825 /* Button secondary */ 826 --color-secondary-button-text: rgb(18 18 18 / 1.0); 827 --color-secondary-button-text-rgb: 18 18 18; 828 829 --color-secondary-button-background: rgb(255 255 255 / 1.0); 830 831 832 --color-secondary-button-border: rgb(0 0 0 / 1.0); 833 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 834 835 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 836 837 838 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 839 840 /* Input */ 841 --color-input-background: rgb(255 255 255 / 1.0); 842 --color-input-text: rgb(0 0 0 / 1.0); 843 --color-input-text-rgb: 0 0 0; 844 --color-input-border: rgb(0 0 0 / 1.0); 845 --color-input-border-rgb: 0 0 0; 846 --color-input-hover-background: rgb(245 245 245 / 1.0); 847 848 /* Payment Terms */ 849 --payment-terms-background-color: rgb(0 0 0); 850 851 /* Arrows */ 852 --arrow-color: rgb(51 51 51 / 1.0); 853 --arrow-color-rgb: 51 51 51; 854 --arrow-color-hover: rgb(51 51 51 / 1.0); 855 --arrow-color-hover-rgb: 51 51 51; 856 857 858 --arrow-background: rgb(255 255 255 / 1.0); 859 860 --arrow-background-rgb: 255 255 255; 861 --arrow-border: rgb(51 51 51 / 1.0); 862 --arrow-background-hover: rgb(255 255 255 / 1.0); 863 --arrow-background-hover-rgb: 255 255 255; 864 865 /* Pagination */ 866 --pagination-color: rgb(206 206 206 / 1.0); 867 --pagination-active-color: rgb(0 51 73 / 1.0); 868 --pagination-active-color-rgb: 0 51 73; 869 870 /* Opacity */ 871 --opacity-5-15: 0.15; 872 --opacity-10-25: 0.25; 873 --opacity-35-55: 0.55; 874 --opacity-40-60: 0.6; 875 --opacity-30-60: 0.6; 876 877 /* Disabled */ 878 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 879 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 880 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 881 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 882 } 883 884 885 886 887 .color-scheme-8 { 888 /* Background */ 889 890 --color-background: rgb(248 248 248 / 1.0); 891 892 893 --color-background-rgb: 248 248 248; 894 895 /* Body */ 896 --color-foreground: rgb(60 60 60 / 1.0); 897 --color-foreground-rgb: 60 60 60; 898 899 /* Heading */ 900 --color-foreground-heading: rgb(0 0 0 / 1.0); 901 --color-foreground-heading-rgb: 0 0 0; 902 903 /* Link */ 904 --color-primary: rgb(60 60 60 / 1.0); 905 --color-primary-rgb: 60 60 60; 906 --color-primary-hover: rgb(35 35 35 / 1.0); 907 --color-primary-hover-rgb: 35 35 35; 908 909 /* Border */ 910 --color-border: rgb(230 230 230 / 1.0); 911 --color-border-rgb: 230 230 230; 912 913 /* Shadow */ 914 --color-shadow: rgb(18 18 18 / 1.0); 915 --color-shadow-rgb: 18 18 18; 916 917 /* Button primary */ 918 --color-primary-button-text: rgb(0 51 73 / 1.0); 919 --color-primary-button-text-rgb: 0 51 73; 920 921 --color-primary-button-background: rgb(18 18 18 / 1.0); 922 923 924 --color-primary-button-border: rgb(0 51 73 / 1.0); 925 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 926 927 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 928 929 930 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 931 932 /* Button secondary */ 933 --color-secondary-button-text: rgb(18 18 18 / 1.0); 934 --color-secondary-button-text-rgb: 18 18 18; 935 936 --color-secondary-button-background: rgb(255 255 255 / 1.0); 937 938 939 --color-secondary-button-border: rgb(0 0 0 / 1.0); 940 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 941 942 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 943 944 945 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 946 947 /* Input */ 948 --color-input-background: rgb(255 255 255 / 1.0); 949 --color-input-text: rgb(0 0 0 / 1.0); 950 --color-input-text-rgb: 0 0 0; 951 --color-input-border: rgb(0 0 0 / 1.0); 952 --color-input-border-rgb: 0 0 0; 953 --color-input-hover-background: rgb(245 245 245 / 1.0); 954 955 /* Payment Terms */ 956 --payment-terms-background-color: rgb(248 248 248); 957 958 /* Arrows */ 959 --arrow-color: rgb(51 51 51 / 1.0); 960 --arrow-color-rgb: 51 51 51; 961 --arrow-color-hover: rgb(51 51 51 / 1.0); 962 --arrow-color-hover-rgb: 51 51 51; 963 964 965 --arrow-background: rgb(255 255 255 / 1.0); 966 967 --arrow-background-rgb: 255 255 255; 968 --arrow-border: rgb(51 51 51 / 1.0); 969 --arrow-background-hover: rgb(255 255 255 / 1.0); 970 --arrow-background-hover-rgb: 255 255 255; 971 972 /* Pagination */ 973 --pagination-color: rgb(206 206 206 / 1.0); 974 --pagination-active-color: rgb(51 51 51 / 1.0); 975 --pagination-active-color-rgb: 51 51 51; 976 977 /* Opacity */ 978 --opacity-5-15: 0.05; 979 --opacity-10-25: 0.1; 980 --opacity-35-55: 0.35; 981 --opacity-40-60: 0.4; 982 --opacity-30-60: 0.3; 983 984 /* Disabled */ 985 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 986 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 987 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 988 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 989 } 990 991 992 993 994 .color-scheme-9 {
995 /* Background */ 996 997 --color-background: rgb(0 0 0 / 0.0); 998 999 1000 --color-background-rgb: 0 0 0; 1001 1002 /* Body */ 1003 --color-foreground: rgb(255 255 255 / 1.0); 1004 --color-foreground-rgb: 255 255 255; 1005 1006 /* Heading */ 1007 --color-foreground-heading: rgb(255 255 255 / 1.0); 1008 --color-foreground-heading-rgb: 255 255 255; 1009 1010 /* Link */ 1011 --color-primary: rgb(255 255 255 / 1.0); 1012 --color-primary-rgb: 255 255 255; 1013 --color-primary-hover: rgb(255 255 255 / 1.0); 1014 --color-primary-hover-rgb: 255 255 255; 1015 1016 /* Border */ 1017 --color-border: rgb(230 230 230 / 1.0); 1018 --color-border-rgb: 230 230 230; 1019 1020 /* Shadow */ 1021 --color-shadow: rgb(18 18 18 / 1.0); 1022 --color-shadow-rgb: 18 18 18; 1023 1024 /* Button primary */ 1025 --color-primary-button-text: rgb(0 51 73 / 1.0); 1026 --color-primary-button-text-rgb: 0 51 73; 1027 1028 --color-primary-button-background: rgb(255 255 255 / 1.0); 1029 1030 1031 --color-primary-button-border: rgb(0 51 73 / 1.0); 1032 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1033 1034 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 1035 1036 1037 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 1038 1039 /* Button secondary */ 1040 --color-secondary-button-text: rgb(18 18 18 / 1.0); 1041 --color-secondary-button-text-rgb: 18 18 18; 1042 1043 --color-secondary-button-background: rgb(255 255 255 / 1.0); 1044 1045 1046 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1047 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1048 1049 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1050 1051 1052 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1053 1054 /* Input */ 1055 --color-input-background: rgb(255 255 255 / 1.0); 1056 --color-input-text: rgb(0 0 0 / 1.0); 1057 --color-input-text-rgb: 0 0 0; 1058 --color-input-border: rgb(0 0 0 / 1.0); 1059 --color-input-border-rgb: 0 0 0; 1060 --color-input-hover-background: rgb(245 245 245 / 1.0); 1061 1062 /* Payment Terms */ 1063 --payment-terms-background-color: rgb(0 0 0); 1064 1065 /* Arrows */ 1066 --arrow-color: rgb(51 51 51 / 1.0); 1067 --arrow-color-rgb: 51 51 51; 1068 --arrow-color-hover: rgb(51 51 51 / 1.0); 1069 --arrow-color-hover-rgb: 51 51 51; 1070 1071 1072 --arrow-background: rgb(255 255 255 / 1.0); 1073 1074 --arrow-background-rgb: 255 255 255; 1075 --arrow-border: rgb(51 51 51 / 1.0); 1076 --arrow-background-hover: rgb(255 255 255 / 1.0); 1077 --arrow-background-hover-rgb: 255 255 255; 1078 1079 /* Pagination */ 1080 --pagination-color: rgb(206 206 206 / 1.0); 1081 --pagination-active-color: rgb(0 51 73 / 1.0); 1082 --pagination-active-color-rgb: 0 51 73; 1083 1084 /* Opacity */ 1085 --opacity-5-15: 0.15; 1086 --opacity-10-25: 0.25; 1087 --opacity-35-55: 0.55; 1088 --opacity-40-60: 0.6; 1089 --opacity-30-60: 0.6; 1090 1091 /* Disabled */ 1092 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1093 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1094 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1095 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1096 } 1097 1098 1099 1100 1101 .color-scheme-10 { 1102 /* Background */ 1103 1104 --color-background: rgb(255 255 255 / 1.0); 1105 1106 1107 --color-background-rgb: 255 255 255; 1108 1109 /* Body */ 1110 --color-foreground: rgb(0 0 0 / 1.0); 1111 --color-foreground-rgb: 0 0 0; 1112 1113 /* Heading */ 1114 --color-foreground-heading: rgb(255 255 255 / 1.0); 1115 --color-foreground-heading-rgb: 255 255 255; 1116 1117 /* Link */ 1118 --color-primary: rgb(255 255 255 / 1.0); 1119 --color-primary-rgb: 255 255 255; 1120 --color-primary-hover: rgb(0 0 0 / 1.0); 1121 --color-primary-hover-rgb: 0 0 0; 1122 1123 /* Border */ 1124 --color-border: rgb(0 0 0 / 1.0); 1125 --color-border-rgb: 0 0 0; 1126 1127 /* Shadow */ 1128 --color-shadow: rgb(0 0 0 / 0.0); 1129 --color-shadow-rgb: 0 0 0; 1130 1131 /* Button primary */ 1132 --color-primary-button-text: rgb(255 255 255 / 1.0); 1133 --color-primary-button-text-rgb: 255 255 255; 1134 1135 --color-primary-button-background: rgb(0 0 0 / 1.0); 1136 1137 1138 --color-primary-button-border: rgb(0 0 0 / 1.0); 1139 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 1140 1141 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 1142 1143 1144 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1145 1146 /* Button secondary */ 1147 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1148 --color-secondary-button-text-rgb: 0 0 0; 1149 1150 --color-secondary-button-background: rgb(255 255 255 / 1.0); 1151 1152 1153 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1154 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1155 1156 --color-secondary-button-hover-background: rgb(0 0 0 / 1.0); 1157 1158 1159 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1160 1161 /* Input */ 1162 --color-input-background: rgb(255 255 255 / 1.0); 1163 --color-input-text: rgb(0 0 0 / 1.0); 1164 --color-input-text-rgb: 0 0 0; 1165 --color-input-border: rgb(198 198 198 / 1.0); 1166 --color-input-border-rgb: 198 198 198; 1167 --color-input-hover-background: rgb(245 245 245 / 1.0); 1168 1169 /* Payment Terms */ 1170 --payment-terms-background-color: rgb(255 255 255); 1171 1172 /* Arrows */ 1173 --arrow-color: rgb(30 60 50 / 1.0); 1174 --arrow-color-rgb: 30 60 50; 1175 --arrow-color-hover: rgb(51 51 51 / 1.0); 1176 --arrow-color-hover-rgb: 51 51 51; 1177 1178 --arrow-background: rgb(var(--color-background-rgb)); 1179 1180 1181 --arrow-background-rgb: 0 0 0; 1182 --arrow-border: rgb(0 0 0 / 0.0); 1183 --arrow-background-hover: rgb(255 255 255 / 1.0); 1184 --arrow-background-hover-rgb: 255 255 255; 1185 1186 /* Pagination */ 1187 --pagination-color: rgb(0 0 0 / 1.0); 1188 --pagination-active-color: rgb(198 198 198 / 1.0); 1189 --pagination-active-color-rgb: 198 198 198; 1190 1191 /* Opacity */ 1192 --opacity-5-15: 0.05; 1193 --opacity-10-25: 0.1; 1194 --opacity-35-55: 0.35; 1195 --opacity-40-60: 0.4; 1196 --opacity-30-60: 0.3; 1197 1198 /* Disabled */ 1199 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1200 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1201 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1202 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1203 } 1204 1205 1206 1207 1208 .color-scheme-11 {
1209 /* Background */ 1210 1211 --color-background: rgb(255 255 255 / 1.0); 1212 1213 1214 --color-background-rgb: 255 255 255; 1215 1216 /* Body */ 1217 --color-foreground: rgb(0 0 0 / 1.0); 1218 --color-foreground-rgb: 0 0 0; 1219 1220 /* Heading */ 1221 --color-foreground-heading: rgb(0 0 0 / 1.0); 1222 --color-foreground-heading-rgb: 0 0 0; 1223 1224 /* Link */ 1225 --color-primary: rgb(0 0 0 / 1.0); 1226 --color-primary-rgb: 0 0 0; 1227 --color-primary-hover: rgb(0 0 0 / 1.0); 1228 --color-primary-hover-rgb: 0 0 0; 1229 1230 /* Border */ 1231 --color-border: rgb(169 169 169 / 1.0); 1232 --color-border-rgb: 169 169 169; 1233 1234 /* Shadow */ 1235 --color-shadow: rgb(128 128 128 / 1.0); 1236 --color-shadow-rgb: 128 128 128; 1237 1238 /* Button primary */ 1239 --color-primary-button-text: rgb(0 0 0 / 1.0); 1240 --color-primary-button-text-rgb: 0 0 0; 1241 1242 --color-primary-button-background: rgb(255 255 255 / 1.0); 1243 1244 1245 --color-primary-button-border: rgb(0 0 0 / 1.0); 1246 --color-primary-button-hover-text: rgb(128 128 128 / 1.0); 1247 1248 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1249 1250 1251 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1252 1253 /* Button secondary */ 1254 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1255 --color-secondary-button-text-rgb: 255 255 255; 1256 1257 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1258 1259 1260 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1261 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1262 1263 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1264 1265 1266 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1267 1268 /* Input */ 1269 --color-input-background: rgb(255 255 255 / 1.0); 1270 --color-input-text: rgb(0 0 0 / 1.0); 1271 --color-input-text-rgb: 0 0 0; 1272 --color-input-border: rgb(198 198 198 / 1.0); 1273 --color-input-border-rgb: 198 198 198; 1274 --color-input-hover-background: rgb(245 245 245 / 1.0); 1275 1276 /* Payment Terms */ 1277 --payment-terms-background-color: rgb(255 255 255); 1278 1279 /* Arrows */ 1280 --arrow-color: rgb(30 60 50 / 1.0); 1281 --arrow-color-rgb: 30 60 50; 1282 --arrow-color-hover: rgb(51 51 51 / 1.0); 1283 --arrow-color-hover-rgb: 51 51 51; 1284 1285 --arrow-background: rgb(var(--color-background-rgb)); 1286 1287 1288 --arrow-background-rgb: 0 0 0; 1289 --arrow-border: rgb(0 0 0 / 0.0); 1290 --arrow-background-hover: rgb(255 255 255 / 1.0); 1291 --arrow-background-hover-rgb: 255 255 255; 1292 1293 /* Pagination */ 1294 --pagination-color: rgb(0 0 0 / 1.0); 1295 --pagination-active-color: rgb(198 198 198 / 1.0); 1296 --pagination-active-color-rgb: 198 198 198; 1297 1298 /* Opacity */ 1299 --opacity-5-15: 0.05; 1300 --opacity-10-25: 0.1; 1301 --opacity-35-55: 0.35; 1302 --opacity-40-60: 0.4; 1303 --opacity-30-60: 0.3; 1304 1305 /* Disabled */ 1306 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1307 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1308 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1309 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1310 } 1311 1312 1313 1314 1315 .color-scheme-10e92936-df96-4719-ae18-2bc407d759aa { 1316 /* Background */ 1317 1318 --color-background: rgb(255 255 255 / 1.0); 1319 1320 1321 --color-background-rgb: 255 255 255; 1322 1323 /* Body */ 1324 --color-foreground: rgb(0 0 0 / 1.0); 1325 --color-foreground-rgb: 0 0 0; 1326 1327 /* Heading */ 1328 --color-foreground-heading: rgb(0 0 0 / 1.0); 1329 --color-foreground-heading-rgb: 0 0 0; 1330 1331 /* Link */ 1332 --color-primary: rgb(255 142 5 / 1.0); 1333 --color-primary-rgb: 255 142 5; 1334 --color-primary-hover: rgb(0 51 73 / 1.0); 1335 --color-primary-hover-rgb: 0 51 73; 1336 1337 /* Border */ 1338 --color-border: rgb(169 169 169 / 1.0); 1339 --color-border-rgb: 169 169 169; 1340 1341 /* Shadow */ 1342 --color-shadow: rgb(128 128 128 / 1.0); 1343 --color-shadow-rgb: 128 128 128; 1344 1345 /* Button primary */ 1346 --color-primary-button-text: rgb(255 255 255 / 1.0); 1347 --color-primary-button-text-rgb: 255 255 255; 1348 1349 --color-primary-button-background: rgb(0 51 73 / 1.0); 1350 1351 1352 --color-primary-button-border: rgb(0 51 73 / 1.0); 1353 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 1354 1355 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 1356 1357 1358 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 1359 1360 /* Button secondary */ 1361 --color-secondary-button-text: rgb(0 51 73 / 1.0); 1362 --color-secondary-button-text-rgb: 0 51 73; 1363 1364 --color-secondary-button-background: rgb(255 255 255 / 1.0); 1365 1366 1367 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1368 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1369 1370 --color-secondary-button-hover-background: rgb(0 51 73 / 1.0); 1371 1372 1373 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1374 1375 /* Input */ 1376 --color-input-background: rgb(255 255 255 / 1.0); 1377 --color-input-text: rgb(0 51 73 / 1.0); 1378 --color-input-text-rgb: 0 51 73; 1379 --color-input-border: rgb(198 198 198 / 1.0); 1380 --color-input-border-rgb: 198 198 198; 1381 --color-input-hover-background: rgb(245 245 245 / 1.0); 1382 1383 /* Payment Terms */ 1384 --payment-terms-background-color: rgb(255 255 255); 1385 1386 /* Arrows */ 1387 --arrow-color: rgb(30 60 50 / 1.0); 1388 --arrow-color-rgb: 30 60 50; 1389 --arrow-color-hover: rgb(0 51 73 / 1.0); 1390 --arrow-color-hover-rgb: 0 51 73; 1391 1392 --arrow-background: rgb(var(--color-background-rgb)); 1393 1394 1395 --arrow-background-rgb: 0 0 0; 1396 --arrow-border: rgb(0 0 0 / 0.0); 1397 --arrow-background-hover: rgb(255 255 255 / 1.0); 1398 --arrow-background-hover-rgb: 255 255 255; 1399 1400 /* Pagination */ 1401 --pagination-color: rgb(0 51 73 / 1.0); 1402 --pagination-active-color: rgb(255 255 255 / 1.0); 1403 --pagination-active-color-rgb: 255 255 255; 1404 1405 /* Opacity */ 1406 --opacity-5-15: 0.05; 1407 --opacity-10-25: 0.1; 1408 --opacity-35-55: 0.35; 1409 --opacity-40-60: 0.4; 1410 --opacity-30-60: 0.3; 1411 1412 /* Disabled */ 1413 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1414 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1415 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1416 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1417 } 1418 1419 1420 1421 1422 .color-scheme-d328c48a-0b41-4931-b5e2-6a898d32d1f4 {
1423 /* Background */ 1424 1425 --color-background: rgb(0 51 73 / 1.0); 1426 1427 1428 --color-background-rgb: 0 51 73; 1429 1430 /* Body */ 1431 --color-foreground: rgb(0 0 0 / 1.0); 1432 --color-foreground-rgb: 0 0 0; 1433 1434 /* Heading */ 1435 --color-foreground-heading: rgb(0 0 0 / 1.0); 1436 --color-foreground-heading-rgb: 0 0 0; 1437 1438 /* Link */ 1439 --color-primary: rgb(255 255 255 / 1.0); 1440 --color-primary-rgb: 255 255 255; 1441 --color-primary-hover: rgb(255 255 255 / 1.0); 1442 --color-primary-hover-rgb: 255 255 255; 1443 1444 /* Border */ 1445 --color-border: rgb(169 169 169 / 1.0); 1446 --color-border-rgb: 169 169 169; 1447 1448 /* Shadow */ 1449 --color-shadow: rgb(128 128 128 / 1.0); 1450 --color-shadow-rgb: 128 128 128; 1451 1452 /* Button primary */ 1453 --color-primary-button-text: rgb(0 0 0 / 1.0); 1454 --color-primary-button-text-rgb: 0 0 0; 1455 1456 --color-primary-button-background: rgb(255 255 255 / 1.0); 1457 1458 1459 --color-primary-button-border: rgb(0 0 0 / 1.0); 1460 --color-primary-button-hover-text: rgb(128 128 128 / 1.0); 1461 1462 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1463 1464 1465 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1466 1467 /* Button secondary */ 1468 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1469 --color-secondary-button-text-rgb: 255 255 255; 1470 1471 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1472 1473 1474 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1475 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1476 1477 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1478 1479 1480 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1481 1482 /* Input */ 1483 --color-input-background: rgb(255 255 255 / 1.0); 1484 --color-input-text: rgb(0 0 0 / 1.0); 1485 --color-input-text-rgb: 0 0 0; 1486 --color-input-border: rgb(198 198 198 / 1.0); 1487 --color-input-border-rgb: 198 198 198; 1488 --color-input-hover-background: rgb(245 245 245 / 1.0); 1489 1490 /* Payment Terms */ 1491 --payment-terms-background-color: rgb(0 51 73); 1492 1493 /* Arrows */ 1494 --arrow-color: rgb(30 60 50 / 1.0); 1495 --arrow-color-rgb: 30 60 50; 1496 --arrow-color-hover: rgb(51 51 51 / 1.0); 1497 --arrow-color-hover-rgb: 51 51 51; 1498 1499 --arrow-background: rgb(var(--color-background-rgb)); 1500 1501 1502 --arrow-background-rgb: 0 0 0; 1503 --arrow-border: rgb(0 0 0 / 0.0); 1504 --arrow-background-hover: rgb(255 255 255 / 1.0); 1505 --arrow-background-hover-rgb: 255 255 255; 1506 1507 /* Pagination */ 1508 --pagination-color: rgb(0 0 0 / 1.0); 1509 --pagination-active-color: rgb(255 255 255 / 1.0); 1510 --pagination-active-color-rgb: 255 255 255; 1511 1512 /* Opacity */ 1513 --opacity-5-15: 0.15; 1514 --opacity-10-25: 0.25; 1515 --opacity-35-55: 0.55; 1516 --opacity-40-60: 0.6; 1517 --opacity-30-60: 0.6; 1518 1519 /* Disabled */ 1520 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1521 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1522 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1523 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1524 } 1525 1526 1527 1528 1529 .color-scheme-93864b7b-7a5e-44b1-ade3-306690eca6c6 { 1530 /* Background */ 1531 1532 --color-background: rgb(0 51 73 / 1.0); 1533 1534 1535 --color-background-rgb: 0 51 73; 1536 1537 /* Body */ 1538 --color-foreground: rgb(207 207 207 / 1.0); 1539 --color-foreground-rgb: 207 207 207; 1540 1541 /* Heading */ 1542 --color-foreground-heading: rgb(255 255 255 / 1.0); 1543 --color-foreground-heading-rgb: 255 255 255; 1544 1545 /* Link */ 1546 --color-primary: rgb(255 255 255 / 1.0); 1547 --color-primary-rgb: 255 255 255; 1548 --color-primary-hover: rgb(255 255 255 / 1.0); 1549 --color-primary-hover-rgb: 255 255 255; 1550 1551 /* Border */ 1552 --color-border: rgb(255 255 255 / 1.0); 1553 --color-border-rgb: 255 255 255; 1554 1555 /* Shadow */ 1556 --color-shadow: rgb(128 128 128 / 1.0); 1557 --color-shadow-rgb: 128 128 128; 1558 1559 /* Button primary */ 1560 --color-primary-button-text: rgb(0 51 73 / 1.0); 1561 --color-primary-button-text-rgb: 0 51 73; 1562 1563 --color-primary-button-background: rgb(255 255 255 / 1.0); 1564 1565 1566 --color-primary-button-border: rgb(0 0 0 / 1.0); 1567 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1568 1569 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 1570 1571 1572 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 1573 1574 /* Button secondary */ 1575 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1576 --color-secondary-button-text-rgb: 255 255 255; 1577 1578 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1579 1580 1581 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1582 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1583 1584 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1585 1586 1587 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1588 1589 /* Input */ 1590 --color-input-background: rgb(255 255 255 / 1.0); 1591 --color-input-text: rgb(0 0 0 / 1.0); 1592 --color-input-text-rgb: 0 0 0; 1593 --color-input-border: rgb(198 198 198 / 1.0); 1594 --color-input-border-rgb: 198 198 198; 1595 --color-input-hover-background: rgb(245 245 245 / 1.0); 1596 1597 /* Payment Terms */ 1598 --payment-terms-background-color: rgb(0 51 73); 1599 1600 /* Arrows */ 1601 --arrow-color: rgb(255 255 255 / 1.0); 1602 --arrow-color-rgb: 255 255 255; 1603 --arrow-color-hover: rgb(51 51 51 / 1.0); 1604 --arrow-color-hover-rgb: 51 51 51; 1605 1606 --arrow-background: rgb(var(--color-background-rgb)); 1607 1608 1609 --arrow-background-rgb: 0 0 0; 1610 --arrow-border: rgb(0 0 0 / 0.0); 1611 --arrow-background-hover: rgb(255 255 255 / 1.0); 1612 --arrow-background-hover-rgb: 255 255 255; 1613 1614 /* Pagination */ 1615 --pagination-color: rgb(198 198 198 / 1.0); 1616 --pagination-active-color: rgb(255 255 255 / 1.0); 1617 --pagination-active-color-rgb: 255 255 255; 1618 1619 /* Opacity */ 1620 --opacity-5-15: 0.15; 1621 --opacity-10-25: 0.25; 1622 --opacity-35-55: 0.55; 1623 --opacity-40-60: 0.6; 1624 --opacity-30-60: 0.6; 1625 1626 /* Disabled */ 1627 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1628 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1629 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1630 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1631 } 1632 1633 1634 1635 1636 .color-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 {
1637 /* Background */ 1638 1639 --color-background: rgb(255 255 255 / 1.0); 1640 1641 1642 --color-background-rgb: 255 255 255; 1643 1644 /* Body */ 1645 --color-foreground: rgb(0 0 0 / 1.0); 1646 --color-foreground-rgb: 0 0 0; 1647 1648 /* Heading */ 1649 --color-foreground-heading: rgb(0 0 0 / 1.0); 1650 --color-foreground-heading-rgb: 0 0 0; 1651 1652 /* Link */ 1653 --color-primary: rgb(0 0 0 / 1.0); 1654 --color-primary-rgb: 0 0 0; 1655 --color-primary-hover: rgb(0 0 0 / 1.0); 1656 --color-primary-hover-rgb: 0 0 0; 1657 1658 /* Border */ 1659 --color-border: rgb(169 169 169 / 1.0); 1660 --color-border-rgb: 169 169 169; 1661 1662 /* Shadow */ 1663 --color-shadow: rgb(128 128 128 / 1.0); 1664 --color-shadow-rgb: 128 128 128; 1665 1666 /* Button primary */ 1667 --color-primary-button-text: rgb(0 0 0 / 1.0); 1668 --color-primary-button-text-rgb: 0 0 0; 1669 1670 --color-primary-button-background: rgb(0 51 73 / 1.0); 1671 1672 1673 --color-primary-button-border: rgb(0 51 73 / 1.0); 1674 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 1675 1676 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 1677 1678 1679 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 1680 1681 /* Button secondary */ 1682 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1683 --color-secondary-button-text-rgb: 255 255 255; 1684 1685 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1686 1687 1688 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1689 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1690 1691 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1692 1693 1694 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1695 1696 /* Input */ 1697 --color-input-background: rgb(255 255 255 / 1.0); 1698 --color-input-text: rgb(0 0 0 / 1.0); 1699 --color-input-text-rgb: 0 0 0; 1700 --color-input-border: rgb(198 198 198 / 1.0); 1701 --color-input-border-rgb: 198 198 198; 1702 --color-input-hover-background: rgb(245 245 245 / 1.0); 1703 1704 /* Payment Terms */ 1705 --payment-terms-background-color: rgb(255 255 255); 1706 1707 /* Arrows */ 1708 --arrow-color: rgb(30 60 50 / 1.0); 1709 --arrow-color-rgb: 30 60 50; 1710 --arrow-color-hover: rgb(51 51 51 / 1.0); 1711 --arrow-color-hover-rgb: 51 51 51; 1712 1713 --arrow-background: rgb(var(--color-background-rgb)); 1714 1715 1716 --arrow-background-rgb: 0 0 0; 1717 --arrow-border: rgb(0 0 0 / 0.0); 1718 --arrow-background-hover: rgb(255 255 255 / 1.0); 1719 --arrow-background-hover-rgb: 255 255 255; 1720 1721 /* Pagination */ 1722 --pagination-color: rgb(0 0 0 / 1.0); 1723 --pagination-active-color: rgb(255 255 255 / 1.0); 1724 --pagination-active-color-rgb: 255 255 255; 1725 1726 /* Opacity */ 1727 --opacity-5-15: 0.05; 1728 --opacity-10-25: 0.1; 1729 --opacity-35-55: 0.35; 1730 --opacity-40-60: 0.4; 1731 --opacity-30-60: 0.3; 1732 1733 /* Disabled */ 1734 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1735 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1736 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1737 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1738 } 1739 1740 1741 1742 1743 .color-scheme-4f9075f0-9b5d-442d-99fa-3094ffb505bc { 1744 /* Background */ 1745 1746 --color-background: rgb(255 255 255 / 1.0); 1747 1748 1749 --color-background-rgb: 255 255 255; 1750 1751 /* Body */ 1752 --color-foreground: rgb(0 0 0 / 1.0); 1753 --color-foreground-rgb: 0 0 0; 1754 1755 /* Heading */ 1756 --color-foreground-heading: rgb(0 0 0 / 1.0); 1757 --color-foreground-heading-rgb: 0 0 0; 1758 1759 /* Link */ 1760 --color-primary: rgb(0 0 0 / 1.0); 1761 --color-primary-rgb: 0 0 0; 1762 --color-primary-hover: rgb(0 51 73 / 1.0); 1763 --color-primary-hover-rgb: 0 51 73; 1764 1765 /* Border */ 1766 --color-border: rgb(169 169 169 / 1.0); 1767 --color-border-rgb: 169 169 169; 1768 1769 /* Shadow */ 1770 --color-shadow: rgb(128 128 128 / 1.0); 1771 --color-shadow-rgb: 128 128 128; 1772 1773 /* Button primary */ 1774 --color-primary-button-text: rgb(0 51 73 / 1.0); 1775 --color-primary-button-text-rgb: 0 51 73; 1776 1777 --color-primary-button-background: rgb(0 51 73 / 1.0); 1778 1779 1780 --color-primary-button-border: rgb(0 51 73 / 1.0); 1781 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1782 1783 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 1784 1785 1786 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 1787 1788 /* Button secondary */ 1789 --color-secondary-button-text: rgb(0 51 73 / 1.0); 1790 --color-secondary-button-text-rgb: 0 51 73; 1791 1792 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1793 1794 1795 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1796 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1797 1798 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1799 1800 1801 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1802 1803 /* Input */ 1804 --color-input-background: rgb(255 255 255 / 1.0); 1805 --color-input-text: rgb(0 0 0 / 1.0); 1806 --color-input-text-rgb: 0 0 0; 1807 --color-input-border: rgb(198 198 198 / 1.0); 1808 --color-input-border-rgb: 198 198 198; 1809 --color-input-hover-background: rgb(245 245 245 / 1.0); 1810 1811 /* Payment Terms */ 1812 --payment-terms-background-color: rgb(255 255 255); 1813 1814 /* Arrows */ 1815 --arrow-color: rgb(30 60 50 / 1.0); 1816 --arrow-color-rgb: 30 60 50; 1817 --arrow-color-hover: rgb(0 51 73 / 1.0); 1818 --arrow-color-hover-rgb: 0 51 73; 1819 1820 --arrow-background: rgb(var(--color-background-rgb)); 1821 1822 1823 --arrow-background-rgb: 0 0 0; 1824 --arrow-border: rgb(0 0 0 / 0.0); 1825 --arrow-background-hover: rgb(255 255 255 / 1.0); 1826 --arrow-background-hover-rgb: 255 255 255; 1827 1828 /* Pagination */ 1829 --pagination-color: rgb(0 51 73 / 1.0); 1830 --pagination-active-color: rgb(255 255 255 / 1.0); 1831 --pagination-active-color-rgb: 255 255 255; 1832 1833 /* Opacity */ 1834 --opacity-5-15: 0.05; 1835 --opacity-10-25: 0.1; 1836 --opacity-35-55: 0.35; 1837 --opacity-40-60: 0.4; 1838 --opacity-30-60: 0.3; 1839 1840 /* Disabled */ 1841 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1842 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1843 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1844 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1845 } 1846 1847 1848 1849 1850 .color-scheme-4b1db62a-44b4-4446-96c4-2d8aee2ba4f0 {
1851 /* Background */ 1852 1853 --color-background: rgb(0 0 0 / 1.0); 1854 1855 1856 --color-background-rgb: 0 0 0; 1857 1858 /* Body */ 1859 --color-foreground: rgb(255 255 255 / 1.0); 1860 --color-foreground-rgb: 255 255 255; 1861 1862 /* Heading */ 1863 --color-foreground-heading: rgb(255 255 255 / 1.0); 1864 --color-foreground-heading-rgb: 255 255 255; 1865 1866 /* Link */ 1867 --color-primary: rgb(0 0 0 / 1.0); 1868 --color-primary-rgb: 0 0 0; 1869 --color-primary-hover: rgb(0 0 0 / 1.0); 1870 --color-primary-hover-rgb: 0 0 0; 1871 1872 /* Border */ 1873 --color-border: rgb(169 169 169 / 1.0); 1874 --color-border-rgb: 169 169 169; 1875 1876 /* Shadow */ 1877 --color-shadow: rgb(128 128 128 / 1.0); 1878 --color-shadow-rgb: 128 128 128; 1879 1880 /* Button primary */ 1881 --color-primary-button-text: rgb(0 51 73 / 1.0); 1882 --color-primary-button-text-rgb: 0 51 73; 1883 1884 --color-primary-button-background: rgb(255 255 255 / 1.0); 1885 1886 1887 --color-primary-button-border: rgb(0 51 73 / 1.0); 1888 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1889 1890 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 1891 1892 1893 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 1894 1895 /* Button secondary */ 1896 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1897 --color-secondary-button-text-rgb: 255 255 255; 1898 1899 --color-secondary-button-background: rgb(0 0 0 / 1.0); 1900 1901 1902 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1903 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1904 1905 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 1906 1907 1908 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 1909 1910 /* Input */ 1911 --color-input-background: rgb(255 255 255 / 1.0); 1912 --color-input-text: rgb(0 0 0 / 1.0); 1913 --color-input-text-rgb: 0 0 0; 1914 --color-input-border: rgb(198 198 198 / 1.0); 1915 --color-input-border-rgb: 198 198 198; 1916 --color-input-hover-background: rgb(245 245 245 / 1.0); 1917 1918 /* Payment Terms */ 1919 --payment-terms-background-color: rgb(0 0 0); 1920 1921 /* Arrows */ 1922 --arrow-color: rgb(30 60 50 / 1.0); 1923 --arrow-color-rgb: 30 60 50; 1924 --arrow-color-hover: rgb(51 51 51 / 1.0); 1925 --arrow-color-hover-rgb: 51 51 51; 1926 1927 --arrow-background: rgb(var(--color-background-rgb)); 1928 1929 1930 --arrow-background-rgb: 0 0 0; 1931 --arrow-border: rgb(0 0 0 / 0.0); 1932 --arrow-background-hover: rgb(255 255 255 / 1.0); 1933 --arrow-background-hover-rgb: 255 255 255; 1934 1935 /* Pagination */ 1936 --pagination-color: rgb(198 198 198 / 1.0); 1937 --pagination-active-color: rgb(0 51 73 / 1.0); 1938 --pagination-active-color-rgb: 0 51 73; 1939 1940 /* Opacity */ 1941 --opacity-5-15: 0.15; 1942 --opacity-10-25: 0.25; 1943 --opacity-35-55: 0.55; 1944 --opacity-40-60: 0.6; 1945 --opacity-30-60: 0.6; 1946 1947 /* Disabled */ 1948 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1949 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1950 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1951 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1952 } 1953 1954 1955 1956 1957 .color-scheme-e2e49e79-db5e-47bd-8e70-688860a6a08c { 1958 /* Background */ 1959 1960 --color-background: rgb(255 255 255 / 1.0); 1961 1962 1963 --color-background-rgb: 255 255 255; 1964 1965 /* Body */ 1966 --color-foreground: rgb(0 0 0 / 1.0); 1967 --color-foreground-rgb: 0 0 0; 1968 1969 /* Heading */ 1970 --color-foreground-heading: rgb(0 0 0 / 1.0); 1971 --color-foreground-heading-rgb: 0 0 0; 1972 1973 /* Link */ 1974 --color-primary: rgb(220 152 20 / 1.0); 1975 --color-primary-rgb: 220 152 20; 1976 --color-primary-hover: rgb(220 152 20 / 1.0); 1977 --color-primary-hover-rgb: 220 152 20; 1978 1979 /* Border */ 1980 --color-border: rgb(169 169 169 / 1.0); 1981 --color-border-rgb: 169 169 169; 1982 1983 /* Shadow */ 1984 --color-shadow: rgb(128 128 128 / 1.0); 1985 --color-shadow-rgb: 128 128 128; 1986 1987 /* Button primary */ 1988 --color-primary-button-text: rgb(255 255 255 / 1.0); 1989 --color-primary-button-text-rgb: 255 255 255; 1990 1991 --color-primary-button-background: rgb(0 51 73 / 1.0); 1992 1993 1994 --color-primary-button-border: rgb(0 51 73 / 1.0); 1995 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 1996 1997 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 1998 1999 2000 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 2001 2002 /* Button secondary */ 2003 --color-secondary-button-text: rgb(255 255 255 / 1.0); 2004 --color-secondary-button-text-rgb: 255 255 255; 2005 2006 --color-secondary-button-background: rgb(0 0 0 / 1.0); 2007 2008 2009 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2010 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2011 2012 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2013 2014 2015 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2016 2017 /* Input */ 2018 --color-input-background: rgb(255 255 255 / 1.0); 2019 --color-input-text: rgb(220 152 20 / 1.0); 2020 --color-input-text-rgb: 220 152 20; 2021 --color-input-border: rgb(198 198 198 / 1.0); 2022 --color-input-border-rgb: 198 198 198; 2023 --color-input-hover-background: rgb(245 245 245 / 1.0); 2024 2025 /* Payment Terms */ 2026 --payment-terms-background-color: rgb(255 255 255); 2027 2028 /* Arrows */ 2029 --arrow-color: rgb(30 60 50 / 1.0); 2030 --arrow-color-rgb: 30 60 50; 2031 --arrow-color-hover: rgb(51 51 51 / 1.0); 2032 --arrow-color-hover-rgb: 51 51 51; 2033 2034 --arrow-background: rgb(var(--color-background-rgb)); 2035 2036 2037 --arrow-background-rgb: 0 0 0; 2038 --arrow-border: rgb(0 0 0 / 0.0); 2039 --arrow-background-hover: rgb(255 255 255 / 1.0); 2040 --arrow-background-hover-rgb: 255 255 255; 2041 2042 /* Pagination */ 2043 --pagination-color: rgb(198 198 198 / 1.0); 2044 --pagination-active-color: rgb(0 51 73 / 1.0); 2045 --pagination-active-color-rgb: 0 51 73; 2046 2047 /* Opacity */ 2048 --opacity-5-15: 0.05; 2049 --opacity-10-25: 0.1; 2050 --opacity-35-55: 0.35; 2051 --opacity-40-60: 0.4; 2052 --opacity-30-60: 0.3; 2053 2054 /* Disabled */ 2055 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2056 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2057 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2058 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2059 } 2060 2061 2062 2063 @media screen and (max-width: 749px){ 2064 :root, 2065 .color-mobile-scheme-1 {
2066 /* Background */ 2067 2068 --color-background: rgb(255 255 255 / 1.0); 2069 2070 2071 --color-background-rgb: 255 255 255; 2072 2073 /* Body */ 2074 --color-foreground: rgb(0 0 0 / 1.0); 2075 --color-foreground-rgb: 0 0 0; 2076 2077 /* Heading */ 2078 --color-foreground-heading: rgb(0 0 0 / 1.0); 2079 --color-foreground-heading-rgb: 0 0 0; 2080 2081 /* Link */ 2082 --color-primary: rgb(0 0 0 / 1.0); 2083 --color-primary-rgb: 0 0 0; 2084 --color-primary-hover: rgb(0 0 0 / 1.0); 2085 --color-primary-hover-rgb: 0 0 0; 2086 2087 /* Border */ 2088 --color-border: rgb(169 169 169 / 1.0); 2089 --color-border-rgb: 169 169 169; 2090 2091 /* Shadow */ 2092 --color-shadow: rgb(128 128 128 / 1.0); 2093 --color-shadow-rgb: 128 128 128; 2094 2095 /* Button primary */ 2096 --color-primary-button-text: rgb(255 255 255 / 1.0); 2097 --color-primary-button-text-rgb: 255 255 255; 2098 2099 --color-primary-button-background: rgb(0 51 73 / 1.0); 2100 2101 2102 --color-primary-button-border: rgb(0 51 73 / 1.0); 2103 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 2104 2105 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 2106 2107 2108 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 2109 2110 /* Button secondary */ 2111 --color-secondary-button-text: rgb(255 255 255 / 1.0); 2112 --color-secondary-button-text-rgb: 255 255 255; 2113 2114 --color-secondary-button-background: rgb(0 0 0 / 1.0); 2115 2116 2117 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2118 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2119 2120 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2121 2122 2123 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2124 2125 /* Input */ 2126 --color-input-background: rgb(255 255 255 / 1.0); 2127 --color-input-text: rgb(0 0 0 / 1.0); 2128 --color-input-text-rgb: 0 0 0; 2129 --color-input-border: rgb(198 198 198 / 1.0); 2130 --color-input-hover-background: rgb(245 245 245 / 1.0); 2131 2132 /* Payment Terms */ 2133 --payment-terms-background-color: rgb(255 255 255); 2134 2135 /* Arrows */ 2136 --arrow-color: rgb(30 60 50 / 1.0); 2137 --arrow-background: rgb(0 0 0 / 0.0); 2138 --arrow-border: rgb(0 0 0 / 0.0); 2139 2140 /* Pagination */ 2141 --pagination-color: rgb(198 198 198 / 1.0); 2142 --pagination-active-color: rgb(0 51 73 / 1.0); 2143 2144 /* Opacity */ 2145 --opacity-5-15: 0.05; 2146 --opacity-10-25: 0.1; 2147 --opacity-35-55: 0.35; 2148 --opacity-40-60: 0.4; 2149 --opacity-30-60: 0.3; 2150 2151 /* Disabled */ 2152 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2153 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2154 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2155 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2156 } 2157 } 2158 @media screen and (min-width: 750px) and (max-width: 1024px){ 2159 .color-tablet-scheme-1 { 2160 /* Background */ 2161 2162 --color-background: rgb(255 255 255 / 1.0); 2163 2164 2165 --color-background-rgb: 255 255 255; 2166 2167 /* Body */ 2168 --color-foreground: rgb(0 0 0 / 1.0); 2169 --color-foreground-rgb: 0 0 0; 2170 2171 /* Heading */ 2172 --color-foreground-heading: rgb(0 0 0 / 1.0); 2173 --color-foreground-heading-rgb: 0 0 0; 2174 2175 /* Link */ 2176 --color-primary: rgb(0 0 0 / 1.0); 2177 --color-primary-rgb: 0 0 0; 2178 --color-primary-hover: rgb(0 0 0 / 1.0); 2179 --color-primary-hover-rgb: 0 0 0; 2180 2181 /* Border */ 2182 --color-border: rgb(169 169 169 / 1.0); 2183 --color-border-rgb: 169 169 169; 2184 2185 /* Shadow */ 2186 --color-shadow: rgb(128 128 128 / 1.0); 2187 --color-shadow-rgb: 128 128 128; 2188 2189 /* Button primary */ 2190 --color-primary-button-text: rgb(255 255 255 / 1.0); 2191 --color-primary-button-text-rgb: 255 255 255; 2192 2193 --color-primary-button-background: rgb(0 51 73 / 1.0); 2194 2195 2196 --color-primary-button-border: rgb(0 51 73 / 1.0); 2197 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 2198 2199 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 2200 2201 2202 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 2203 2204 /* Button secondary */ 2205 --color-secondary-button-text: rgb(255 255 255 / 1.0); 2206 --color-secondary-button-text-rgb: 255 255 255; 2207 2208 --color-secondary-button-background: rgb(0 0 0 / 1.0); 2209 2210 2211 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2212 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2213 2214 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2215 2216 2217 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2218 2219 /* Input */ 2220 --color-input-background: rgb(255 255 255 / 1.0); 2221 --color-input-text: rgb(0 0 0 / 1.0); 2222 --color-input-text-rgb: 0 0 0; 2223 --color-input-border: rgb(198 198 198 / 1.0); 2224 --color-input-hover-background: rgb(245 245 245 / 1.0); 2225 2226 /* Payment Terms */ 2227 --payment-terms-background-color: rgb(255 255 255); 2228 2229 /* Arrows */ 2230 --arrow-color: rgb(30 60 50 / 1.0); 2231 --arrow-background: rgb(0 0 0 / 0.0); 2232 --arrow-border: rgb(0 0 0 / 0.0); 2233 2234 /* Pagination */ 2235 --pagination-color: rgb(198 198 198 / 1.0); 2236 --pagination-active-color: rgb(0 51 73 / 1.0); 2237 2238 /* Opacity */ 2239 --opacity-5-15: 0.05; 2240 --opacity-10-25: 0.1; 2241 --opacity-35-55: 0.35; 2242 --opacity-40-60: 0.4; 2243 --opacity-30-60: 0.3; 2244 2245 /* Disabled */ 2246 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2247 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2248 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2249 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2250 } 2251 } 2252 2253 2254 @media screen and (max-width: 749px){ 2255 2256 .color-mobile-scheme-2 {
2257 /* Background */ 2258 2259 --color-background: rgb(250 250 250 / 1.0); 2260 2261 2262 --color-background-rgb: 250 250 250; 2263 2264 /* Body */ 2265 --color-foreground: rgb(38 38 38 / 1.0); 2266 --color-foreground-rgb: 38 38 38; 2267 2268 /* Heading */ 2269 --color-foreground-heading: rgb(0 0 0 / 1.0); 2270 --color-foreground-heading-rgb: 0 0 0; 2271 2272 /* Link */ 2273 --color-primary: rgb(38 38 38 / 1.0); 2274 --color-primary-rgb: 38 38 38; 2275 --color-primary-hover: rgb(0 0 0 / 1.0); 2276 --color-primary-hover-rgb: 0 0 0; 2277 2278 /* Border */ 2279 --color-border: rgb(230 230 230 / 1.0); 2280 --color-border-rgb: 230 230 230; 2281 2282 /* Shadow */ 2283 --color-shadow: rgb(18 18 18 / 1.0); 2284 --color-shadow-rgb: 18 18 18; 2285 2286 /* Button primary */ 2287 --color-primary-button-text: rgb(243 243 243 / 1.0); 2288 --color-primary-button-text-rgb: 243 243 243; 2289 2290 --color-primary-button-background: rgb(18 18 18 / 1.0); 2291 2292 2293 --color-primary-button-border: rgb(0 0 0 / 1.0); 2294 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2295 2296 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 2297 2298 2299 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2300 2301 /* Button secondary */ 2302 --color-secondary-button-text: rgb(18 18 18 / 1.0); 2303 --color-secondary-button-text-rgb: 18 18 18; 2304 2305 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2306 2307 2308 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2309 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2310 2311 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2312 2313 2314 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2315 2316 /* Input */ 2317 --color-input-background: rgb(255 255 255 / 1.0); 2318 --color-input-text: rgb(0 0 0 / 1.0); 2319 --color-input-text-rgb: 0 0 0; 2320 --color-input-border: rgb(0 0 0 / 1.0); 2321 --color-input-hover-background: rgb(245 245 245 / 1.0); 2322 2323 /* Payment Terms */ 2324 --payment-terms-background-color: rgb(250 250 250); 2325 2326 /* Arrows */ 2327 --arrow-color: rgb(30 60 50 / 1.0); 2328 --arrow-background: rgb(0 0 0 / 0.0); 2329 --arrow-border: rgb(0 0 0 / 0.0); 2330 2331 /* Pagination */ 2332 --pagination-color: rgb(206 206 206 / 1.0); 2333 --pagination-active-color: rgb(51 51 51 / 1.0); 2334 2335 /* Opacity */ 2336 --opacity-5-15: 0.05; 2337 --opacity-10-25: 0.1; 2338 --opacity-35-55: 0.35; 2339 --opacity-40-60: 0.4; 2340 --opacity-30-60: 0.3; 2341 2342 /* Disabled */ 2343 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2344 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2345 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2346 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2347 } 2348 } 2349 @media screen and (min-width: 750px) and (max-width: 1024px){ 2350 .color-tablet-scheme-2 { 2351 /* Background */ 2352 2353 --color-background: rgb(250 250 250 / 1.0); 2354 2355 2356 --color-background-rgb: 250 250 250; 2357 2358 /* Body */ 2359 --color-foreground: rgb(38 38 38 / 1.0); 2360 --color-foreground-rgb: 38 38 38; 2361 2362 /* Heading */ 2363 --color-foreground-heading: rgb(0 0 0 / 1.0); 2364 --color-foreground-heading-rgb: 0 0 0; 2365 2366 /* Link */ 2367 --color-primary: rgb(38 38 38 / 1.0); 2368 --color-primary-rgb: 38 38 38; 2369 --color-primary-hover: rgb(0 0 0 / 1.0); 2370 --color-primary-hover-rgb: 0 0 0; 2371 2372 /* Border */ 2373 --color-border: rgb(230 230 230 / 1.0); 2374 --color-border-rgb: 230 230 230; 2375 2376 /* Shadow */ 2377 --color-shadow: rgb(18 18 18 / 1.0); 2378 --color-shadow-rgb: 18 18 18; 2379 2380 /* Button primary */ 2381 --color-primary-button-text: rgb(243 243 243 / 1.0); 2382 --color-primary-button-text-rgb: 243 243 243; 2383 2384 --color-primary-button-background: rgb(18 18 18 / 1.0); 2385 2386 2387 --color-primary-button-border: rgb(0 0 0 / 1.0); 2388 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2389 2390 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 2391 2392 2393 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2394 2395 /* Button secondary */ 2396 --color-secondary-button-text: rgb(18 18 18 / 1.0); 2397 --color-secondary-button-text-rgb: 18 18 18; 2398 2399 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2400 2401 2402 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2403 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2404 2405 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2406 2407 2408 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2409 2410 /* Input */ 2411 --color-input-background: rgb(255 255 255 / 1.0); 2412 --color-input-text: rgb(0 0 0 / 1.0); 2413 --color-input-text-rgb: 0 0 0; 2414 --color-input-border: rgb(0 0 0 / 1.0); 2415 --color-input-hover-background: rgb(245 245 245 / 1.0); 2416 2417 /* Payment Terms */ 2418 --payment-terms-background-color: rgb(250 250 250); 2419 2420 /* Arrows */ 2421 --arrow-color: rgb(30 60 50 / 1.0); 2422 --arrow-background: rgb(0 0 0 / 0.0); 2423 --arrow-border: rgb(0 0 0 / 0.0); 2424 2425 /* Pagination */ 2426 --pagination-color: rgb(206 206 206 / 1.0); 2427 --pagination-active-color: rgb(51 51 51 / 1.0); 2428 2429 /* Opacity */ 2430 --opacity-5-15: 0.05; 2431 --opacity-10-25: 0.1; 2432 --opacity-35-55: 0.35; 2433 --opacity-40-60: 0.4; 2434 --opacity-30-60: 0.3; 2435 2436 /* Disabled */ 2437 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2438 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2439 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2440 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2441 } 2442 } 2443 2444 2445 @media screen and (max-width: 749px){ 2446 2447 .color-mobile-scheme-3 {
2448 /* Background */ 2449 2450 --color-background: rgb(250 250 250 / 1.0); 2451 2452 2453 --color-background-rgb: 250 250 250; 2454 2455 /* Body */ 2456 --color-foreground: rgb(18 18 18 / 1.0); 2457 --color-foreground-rgb: 18 18 18; 2458 2459 /* Heading */ 2460 --color-foreground-heading: rgb(0 0 0 / 1.0); 2461 --color-foreground-heading-rgb: 0 0 0; 2462 2463 /* Link */ 2464 --color-primary: rgb(33 33 33 / 1.0); 2465 --color-primary-rgb: 33 33 33; 2466 --color-primary-hover: rgb(0 0 0 / 1.0); 2467 --color-primary-hover-rgb: 0 0 0; 2468 2469 /* Border */ 2470 --color-border: rgb(230 230 230 / 1.0); 2471 --color-border-rgb: 230 230 230; 2472 2473 /* Shadow */ 2474 --color-shadow: rgb(18 18 18 / 1.0); 2475 --color-shadow-rgb: 18 18 18; 2476 2477 /* Button primary */ 2478 --color-primary-button-text: rgb(0 0 0 / 1.0); 2479 --color-primary-button-text-rgb: 0 0 0; 2480 2481 --color-primary-button-background: rgb(255 255 255 / 1.0); 2482 2483 2484 --color-primary-button-border: rgb(0 0 0 / 0.0); 2485 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2486 2487 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 2488 2489 2490 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2491 2492 /* Button secondary */ 2493 --color-secondary-button-text: rgb(255 255 255 / 1.0); 2494 --color-secondary-button-text-rgb: 255 255 255; 2495 2496 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2497 2498 2499 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2500 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2501 2502 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2503 2504 2505 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2506 2507 /* Input */ 2508 --color-input-background: rgb(255 255 255 / 1.0); 2509 --color-input-text: rgb(0 0 0 / 1.0); 2510 --color-input-text-rgb: 0 0 0; 2511 --color-input-border: rgb(0 0 0 / 1.0); 2512 --color-input-hover-background: rgb(245 245 245 / 1.0); 2513 2514 /* Payment Terms */ 2515 --payment-terms-background-color: rgb(250 250 250); 2516 2517 /* Arrows */ 2518 --arrow-color: rgb(51 51 51 / 1.0); 2519 --arrow-background: rgb(255 255 255 / 1.0); 2520 --arrow-border: rgb(51 51 51 / 1.0); 2521 2522 /* Pagination */ 2523 --pagination-color: rgb(206 206 206 / 1.0); 2524 --pagination-active-color: rgb(51 51 51 / 1.0); 2525 2526 /* Opacity */ 2527 --opacity-5-15: 0.05; 2528 --opacity-10-25: 0.1; 2529 --opacity-35-55: 0.35; 2530 --opacity-40-60: 0.4; 2531 --opacity-30-60: 0.3; 2532 2533 /* Disabled */ 2534 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2535 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2536 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2537 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2538 } 2539 } 2540 @media screen and (min-width: 750px) and (max-width: 1024px){ 2541 .color-tablet-scheme-3 { 2542 /* Background */ 2543 2544 --color-background: rgb(250 250 250 / 1.0); 2545 2546 2547 --color-background-rgb: 250 250 250; 2548 2549 /* Body */ 2550 --color-foreground: rgb(18 18 18 / 1.0); 2551 --color-foreground-rgb: 18 18 18; 2552 2553 /* Heading */ 2554 --color-foreground-heading: rgb(0 0 0 / 1.0); 2555 --color-foreground-heading-rgb: 0 0 0; 2556 2557 /* Link */ 2558 --color-primary: rgb(33 33 33 / 1.0); 2559 --color-primary-rgb: 33 33 33; 2560 --color-primary-hover: rgb(0 0 0 / 1.0); 2561 --color-primary-hover-rgb: 0 0 0; 2562 2563 /* Border */ 2564 --color-border: rgb(230 230 230 / 1.0); 2565 --color-border-rgb: 230 230 230; 2566 2567 /* Shadow */ 2568 --color-shadow: rgb(18 18 18 / 1.0); 2569 --color-shadow-rgb: 18 18 18; 2570 2571 /* Button primary */ 2572 --color-primary-button-text: rgb(0 0 0 / 1.0); 2573 --color-primary-button-text-rgb: 0 0 0; 2574 2575 --color-primary-button-background: rgb(255 255 255 / 1.0); 2576 2577 2578 --color-primary-button-border: rgb(0 0 0 / 0.0); 2579 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2580 2581 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 2582 2583 2584 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2585 2586 /* Button secondary */ 2587 --color-secondary-button-text: rgb(255 255 255 / 1.0); 2588 --color-secondary-button-text-rgb: 255 255 255; 2589 2590 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2591 2592 2593 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2594 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2595 2596 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2597 2598 2599 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2600 2601 /* Input */ 2602 --color-input-background: rgb(255 255 255 / 1.0); 2603 --color-input-text: rgb(0 0 0 / 1.0); 2604 --color-input-text-rgb: 0 0 0; 2605 --color-input-border: rgb(0 0 0 / 1.0); 2606 --color-input-hover-background: rgb(245 245 245 / 1.0); 2607 2608 /* Payment Terms */ 2609 --payment-terms-background-color: rgb(250 250 250); 2610 2611 /* Arrows */ 2612 --arrow-color: rgb(51 51 51 / 1.0); 2613 --arrow-background: rgb(255 255 255 / 1.0); 2614 --arrow-border: rgb(51 51 51 / 1.0); 2615 2616 /* Pagination */ 2617 --pagination-color: rgb(206 206 206 / 1.0); 2618 --pagination-active-color: rgb(51 51 51 / 1.0); 2619 2620 /* Opacity */ 2621 --opacity-5-15: 0.05; 2622 --opacity-10-25: 0.1; 2623 --opacity-35-55: 0.35; 2624 --opacity-40-60: 0.4; 2625 --opacity-30-60: 0.3; 2626 2627 /* Disabled */ 2628 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2629 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2630 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2631 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2632 } 2633 } 2634 2635 2636 @media screen and (max-width: 749px){ 2637 2638 .color-mobile-scheme-4 {
2639 /* Background */ 2640 2641 --color-background: rgb(0 0 0 / 0.0); 2642 2643 2644 --color-background-rgb: 0 0 0; 2645 2646 /* Body */ 2647 --color-foreground: rgb(255 255 255 / 1.0); 2648 --color-foreground-rgb: 255 255 255; 2649 2650 /* Heading */ 2651 --color-foreground-heading: rgb(0 0 0 / 1.0); 2652 --color-foreground-heading-rgb: 0 0 0; 2653 2654 /* Link */ 2655 --color-primary: rgb(255 255 255 / 1.0); 2656 --color-primary-rgb: 255 255 255; 2657 --color-primary-hover: rgb(0 0 0 / 1.0); 2658 --color-primary-hover-rgb: 0 0 0; 2659 2660 /* Border */ 2661 --color-border: rgb(230 230 230 / 1.0); 2662 --color-border-rgb: 230 230 230; 2663 2664 /* Shadow */ 2665 --color-shadow: rgb(18 18 18 / 1.0); 2666 --color-shadow-rgb: 18 18 18; 2667 2668 /* Button primary */ 2669 --color-primary-button-text: rgb(255 255 255 / 1.0); 2670 --color-primary-button-text-rgb: 255 255 255; 2671 2672 --color-primary-button-background: rgb(0 0 0 / 0.0); 2673 2674 2675 --color-primary-button-border: rgb(255 255 255 / 1.0); 2676 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2677 2678 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 2679 2680 2681 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2682 2683 /* Button secondary */ 2684 --color-secondary-button-text: rgb(18 18 18 / 1.0); 2685 --color-secondary-button-text-rgb: 18 18 18; 2686 2687 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2688 2689 2690 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2691 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2692 2693 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2694 2695 2696 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2697 2698 /* Input */ 2699 --color-input-background: rgb(255 255 255 / 1.0); 2700 --color-input-text: rgb(0 0 0 / 1.0); 2701 --color-input-text-rgb: 0 0 0; 2702 --color-input-border: rgb(0 0 0 / 1.0); 2703 --color-input-hover-background: rgb(245 245 245 / 1.0); 2704 2705 /* Payment Terms */ 2706 --payment-terms-background-color: rgb(0 0 0); 2707 2708 /* Arrows */ 2709 --arrow-color: rgb(51 51 51 / 1.0); 2710 --arrow-background: rgb(255 255 255 / 1.0); 2711 --arrow-border: rgb(51 51 51 / 1.0); 2712 2713 /* Pagination */ 2714 --pagination-color: rgb(206 206 206 / 1.0); 2715 --pagination-active-color: rgb(51 51 51 / 1.0); 2716 2717 /* Opacity */ 2718 --opacity-5-15: 0.15; 2719 --opacity-10-25: 0.25; 2720 --opacity-35-55: 0.55; 2721 --opacity-40-60: 0.6; 2722 --opacity-30-60: 0.6; 2723 2724 /* Disabled */ 2725 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2726 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2727 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2728 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2729 } 2730 } 2731 @media screen and (min-width: 750px) and (max-width: 1024px){ 2732 .color-tablet-scheme-4 { 2733 /* Background */ 2734 2735 --color-background: rgb(0 0 0 / 0.0); 2736 2737 2738 --color-background-rgb: 0 0 0; 2739 2740 /* Body */ 2741 --color-foreground: rgb(255 255 255 / 1.0); 2742 --color-foreground-rgb: 255 255 255; 2743 2744 /* Heading */ 2745 --color-foreground-heading: rgb(0 0 0 / 1.0); 2746 --color-foreground-heading-rgb: 0 0 0; 2747 2748 /* Link */ 2749 --color-primary: rgb(255 255 255 / 1.0); 2750 --color-primary-rgb: 255 255 255; 2751 --color-primary-hover: rgb(0 0 0 / 1.0); 2752 --color-primary-hover-rgb: 0 0 0; 2753 2754 /* Border */ 2755 --color-border: rgb(230 230 230 / 1.0); 2756 --color-border-rgb: 230 230 230; 2757 2758 /* Shadow */ 2759 --color-shadow: rgb(18 18 18 / 1.0); 2760 --color-shadow-rgb: 18 18 18; 2761 2762 /* Button primary */ 2763 --color-primary-button-text: rgb(255 255 255 / 1.0); 2764 --color-primary-button-text-rgb: 255 255 255; 2765 2766 --color-primary-button-background: rgb(0 0 0 / 0.0); 2767 2768 2769 --color-primary-button-border: rgb(255 255 255 / 1.0); 2770 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2771 2772 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 2773 2774 2775 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2776 2777 /* Button secondary */ 2778 --color-secondary-button-text: rgb(18 18 18 / 1.0); 2779 --color-secondary-button-text-rgb: 18 18 18; 2780 2781 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2782 2783 2784 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2785 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2786 2787 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2788 2789 2790 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2791 2792 /* Input */ 2793 --color-input-background: rgb(255 255 255 / 1.0); 2794 --color-input-text: rgb(0 0 0 / 1.0); 2795 --color-input-text-rgb: 0 0 0; 2796 --color-input-border: rgb(0 0 0 / 1.0); 2797 --color-input-hover-background: rgb(245 245 245 / 1.0); 2798 2799 /* Payment Terms */ 2800 --payment-terms-background-color: rgb(0 0 0); 2801 2802 /* Arrows */ 2803 --arrow-color: rgb(51 51 51 / 1.0); 2804 --arrow-background: rgb(255 255 255 / 1.0); 2805 --arrow-border: rgb(51 51 51 / 1.0); 2806 2807 /* Pagination */ 2808 --pagination-color: rgb(206 206 206 / 1.0); 2809 --pagination-active-color: rgb(51 51 51 / 1.0); 2810 2811 /* Opacity */ 2812 --opacity-5-15: 0.15; 2813 --opacity-10-25: 0.25; 2814 --opacity-35-55: 0.55; 2815 --opacity-40-60: 0.6; 2816 --opacity-30-60: 0.6; 2817 2818 /* Disabled */ 2819 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2820 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2821 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2822 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2823 } 2824 } 2825 2826 2827 @media screen and (max-width: 749px){ 2828 2829 .color-mobile-scheme-5 {
2830 /* Background */ 2831 2832 --color-background: rgb(0 0 0 / 0.0); 2833 2834 2835 --color-background-rgb: 0 0 0; 2836 2837 /* Body */ 2838 --color-foreground: rgb(255 255 255 / 1.0); 2839 --color-foreground-rgb: 255 255 255; 2840 2841 /* Heading */ 2842 --color-foreground-heading: rgb(0 0 0 / 1.0); 2843 --color-foreground-heading-rgb: 0 0 0; 2844 2845 /* Link */ 2846 --color-primary: rgb(0 15 159 / 1.0); 2847 --color-primary-rgb: 0 15 159; 2848 --color-primary-hover: rgb(0 0 0 / 1.0); 2849 --color-primary-hover-rgb: 0 0 0; 2850 2851 /* Border */ 2852 --color-border: rgb(230 230 230 / 1.0); 2853 --color-border-rgb: 230 230 230; 2854 2855 /* Shadow */ 2856 --color-shadow: rgb(18 18 18 / 1.0); 2857 --color-shadow-rgb: 18 18 18; 2858 2859 /* Button primary */ 2860 --color-primary-button-text: rgb(0 0 0 / 1.0); 2861 --color-primary-button-text-rgb: 0 0 0; 2862 2863 --color-primary-button-background: rgb(255 255 255 / 1.0); 2864 2865 2866 --color-primary-button-border: rgb(255 255 255 / 1.0); 2867 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2868 2869 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 2870 2871 2872 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2873 2874 /* Button secondary */ 2875 --color-secondary-button-text: rgb(255 255 255 / 1.0); 2876 --color-secondary-button-text-rgb: 255 255 255; 2877 2878 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2879 2880 2881 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2882 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2883 2884 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2885 2886 2887 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2888 2889 /* Input */ 2890 --color-input-background: rgb(255 255 255 / 1.0); 2891 --color-input-text: rgb(0 0 0 / 1.0); 2892 --color-input-text-rgb: 0 0 0; 2893 --color-input-border: rgb(0 0 0 / 1.0); 2894 --color-input-hover-background: rgb(245 245 245 / 1.0); 2895 2896 /* Payment Terms */ 2897 --payment-terms-background-color: rgb(0 0 0); 2898 2899 /* Arrows */ 2900 --arrow-color: rgb(51 51 51 / 1.0); 2901 --arrow-background: rgb(255 255 255 / 1.0); 2902 --arrow-border: rgb(51 51 51 / 1.0); 2903 2904 /* Pagination */ 2905 --pagination-color: rgb(206 206 206 / 1.0); 2906 --pagination-active-color: rgb(51 51 51 / 1.0); 2907 2908 /* Opacity */ 2909 --opacity-5-15: 0.15; 2910 --opacity-10-25: 0.25; 2911 --opacity-35-55: 0.55; 2912 --opacity-40-60: 0.6; 2913 --opacity-30-60: 0.6; 2914 2915 /* Disabled */ 2916 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 2917 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 2918 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 2919 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 2920 } 2921 } 2922 @media screen and (min-width: 750px) and (max-width: 1024px){ 2923 .color-tablet-scheme-5 { 2924 /* Background */ 2925 2926 --color-background: rgb(0 0 0 / 0.0); 2927 2928 2929 --color-background-rgb: 0 0 0; 2930 2931 /* Body */ 2932 --color-foreground: rgb(255 255 255 / 1.0); 2933 --color-foreground-rgb: 255 255 255; 2934 2935 /* Heading */ 2936 --color-foreground-heading: rgb(0 0 0 / 1.0); 2937 --color-foreground-heading-rgb: 0 0 0; 2938 2939 /* Link */ 2940 --color-primary: rgb(0 15 159 / 1.0); 2941 --color-primary-rgb: 0 15 159; 2942 --color-primary-hover: rgb(0 0 0 / 1.0); 2943 --color-primary-hover-rgb: 0 0 0; 2944 2945 /* Border */ 2946 --color-border: rgb(230 230 230 / 1.0); 2947 --color-border-rgb: 230 230 230; 2948 2949 /* Shadow */ 2950 --color-shadow: rgb(18 18 18 / 1.0); 2951 --color-shadow-rgb: 18 18 18; 2952 2953 /* Button primary */ 2954 --color-primary-button-text: rgb(0 0 0 / 1.0); 2955 --color-primary-button-text-rgb: 0 0 0; 2956 2957 --color-primary-button-background: rgb(255 255 255 / 1.0); 2958 2959 2960 --color-primary-button-border: rgb(255 255 255 / 1.0); 2961 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 2962 2963 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 2964 2965 2966 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 2967 2968 /* Button secondary */ 2969 --color-secondary-button-text: rgb(255 255 255 / 1.0); 2970 --color-secondary-button-text-rgb: 255 255 255; 2971 2972 --color-secondary-button-background: rgb(255 255 255 / 1.0); 2973 2974 2975 --color-secondary-button-border: rgb(0 0 0 / 1.0); 2976 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 2977 2978 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 2979 2980 2981 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 2982 2983 /* Input */ 2984 --color-input-background: rgb(255 255 255 / 1.0); 2985 --color-input-text: rgb(0 0 0 / 1.0); 2986 --color-input-text-rgb: 0 0 0; 2987 --color-input-border: rgb(0 0 0 / 1.0); 2988 --color-input-hover-background: rgb(245 245 245 / 1.0); 2989 2990 /* Payment Terms */ 2991 --payment-terms-background-color: rgb(0 0 0); 2992 2993 /* Arrows */ 2994 --arrow-color: rgb(51 51 51 / 1.0); 2995 --arrow-background: rgb(255 255 255 / 1.0); 2996 --arrow-border: rgb(51 51 51 / 1.0); 2997 2998 /* Pagination */ 2999 --pagination-color: rgb(206 206 206 / 1.0); 3000 --pagination-active-color: rgb(51 51 51 / 1.0); 3001 3002 /* Opacity */ 3003 --opacity-5-15: 0.15; 3004 --opacity-10-25: 0.25; 3005 --opacity-35-55: 0.55; 3006 --opacity-40-60: 0.6; 3007 --opacity-30-60: 0.6; 3008 3009 /* Disabled */ 3010 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3011 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3012 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3013 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3014 } 3015 } 3016 3017 3018 @media screen and (max-width: 749px){ 3019 3020 .color-mobile-scheme-6 {
3021 /* Background */ 3022 3023 --color-background: rgb(255 255 255 / 1.0); 3024 3025 3026 --color-background-rgb: 255 255 255; 3027 3028 /* Body */ 3029 --color-foreground: rgb(0 0 0 / 1.0); 3030 --color-foreground-rgb: 0 0 0; 3031 3032 /* Heading */ 3033 --color-foreground-heading: rgb(0 0 0 / 1.0); 3034 --color-foreground-heading-rgb: 0 0 0; 3035 3036 /* Link */ 3037 --color-primary: rgb(0 0 0 / 1.0); 3038 --color-primary-rgb: 0 0 0; 3039 --color-primary-hover: rgb(0 0 0 / 1.0); 3040 --color-primary-hover-rgb: 0 0 0; 3041 3042 /* Border */ 3043 --color-border: rgb(169 169 169 / 1.0); 3044 --color-border-rgb: 169 169 169; 3045 3046 /* Shadow */ 3047 --color-shadow: rgb(128 128 128 / 1.0); 3048 --color-shadow-rgb: 128 128 128; 3049 3050 /* Button primary */ 3051 --color-primary-button-text: rgb(255 255 255 / 1.0); 3052 --color-primary-button-text-rgb: 255 255 255; 3053 3054 --color-primary-button-background: rgb(0 51 73 / 1.0); 3055 3056 3057 --color-primary-button-border: rgb(0 51 73 / 1.0); 3058 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 3059 3060 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 3061 3062 3063 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3064 3065 /* Button secondary */ 3066 --color-secondary-button-text: rgb(0 51 73 / 1.0); 3067 --color-secondary-button-text-rgb: 0 51 73; 3068 3069 --color-secondary-button-background: rgb(0 0 0 / 0.0); 3070 3071 3072 --color-secondary-button-border: rgb(0 51 73 / 1.0); 3073 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 3074 3075 --color-secondary-button-hover-background: rgb(0 51 73 / 1.0); 3076 3077 3078 --color-secondary-button-hover-border: rgb(0 51 73 / 1.0); 3079 3080 /* Input */ 3081 --color-input-background: rgb(255 255 255 / 1.0); 3082 --color-input-text: rgb(0 0 0 / 1.0); 3083 --color-input-text-rgb: 0 0 0; 3084 --color-input-border: rgb(198 198 198 / 1.0); 3085 --color-input-hover-background: rgb(245 245 245 / 1.0); 3086 3087 /* Payment Terms */ 3088 --payment-terms-background-color: rgb(255 255 255); 3089 3090 /* Arrows */ 3091 --arrow-color: rgb(30 60 50 / 1.0); 3092 --arrow-background: rgb(0 0 0 / 0.0); 3093 --arrow-border: rgb(0 0 0 / 0.0); 3094 3095 /* Pagination */ 3096 --pagination-color: rgb(0 0 0 / 1.0); 3097 --pagination-active-color: rgb(198 198 198 / 1.0); 3098 3099 /* Opacity */ 3100 --opacity-5-15: 0.05; 3101 --opacity-10-25: 0.1; 3102 --opacity-35-55: 0.35; 3103 --opacity-40-60: 0.4; 3104 --opacity-30-60: 0.3; 3105 3106 /* Disabled */ 3107 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3108 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3109 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3110 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3111 } 3112 } 3113 @media screen and (min-width: 750px) and (max-width: 1024px){ 3114 .color-tablet-scheme-6 { 3115 /* Background */ 3116 3117 --color-background: rgb(255 255 255 / 1.0); 3118 3119 3120 --color-background-rgb: 255 255 255; 3121 3122 /* Body */ 3123 --color-foreground: rgb(0 0 0 / 1.0); 3124 --color-foreground-rgb: 0 0 0; 3125 3126 /* Heading */ 3127 --color-foreground-heading: rgb(0 0 0 / 1.0); 3128 --color-foreground-heading-rgb: 0 0 0; 3129 3130 /* Link */ 3131 --color-primary: rgb(0 0 0 / 1.0); 3132 --color-primary-rgb: 0 0 0; 3133 --color-primary-hover: rgb(0 0 0 / 1.0); 3134 --color-primary-hover-rgb: 0 0 0; 3135 3136 /* Border */ 3137 --color-border: rgb(169 169 169 / 1.0); 3138 --color-border-rgb: 169 169 169; 3139 3140 /* Shadow */ 3141 --color-shadow: rgb(128 128 128 / 1.0); 3142 --color-shadow-rgb: 128 128 128; 3143 3144 /* Button primary */ 3145 --color-primary-button-text: rgb(255 255 255 / 1.0); 3146 --color-primary-button-text-rgb: 255 255 255; 3147 3148 --color-primary-button-background: rgb(0 51 73 / 1.0); 3149 3150 3151 --color-primary-button-border: rgb(0 51 73 / 1.0); 3152 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 3153 3154 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 3155 3156 3157 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3158 3159 /* Button secondary */ 3160 --color-secondary-button-text: rgb(0 51 73 / 1.0); 3161 --color-secondary-button-text-rgb: 0 51 73; 3162 3163 --color-secondary-button-background: rgb(0 0 0 / 0.0); 3164 3165 3166 --color-secondary-button-border: rgb(0 51 73 / 1.0); 3167 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 3168 3169 --color-secondary-button-hover-background: rgb(0 51 73 / 1.0); 3170 3171 3172 --color-secondary-button-hover-border: rgb(0 51 73 / 1.0); 3173 3174 /* Input */ 3175 --color-input-background: rgb(255 255 255 / 1.0); 3176 --color-input-text: rgb(0 0 0 / 1.0); 3177 --color-input-text-rgb: 0 0 0; 3178 --color-input-border: rgb(198 198 198 / 1.0); 3179 --color-input-hover-background: rgb(245 245 245 / 1.0); 3180 3181 /* Payment Terms */ 3182 --payment-terms-background-color: rgb(255 255 255); 3183 3184 /* Arrows */ 3185 --arrow-color: rgb(30 60 50 / 1.0); 3186 --arrow-background: rgb(0 0 0 / 0.0); 3187 --arrow-border: rgb(0 0 0 / 0.0); 3188 3189 /* Pagination */ 3190 --pagination-color: rgb(0 0 0 / 1.0); 3191 --pagination-active-color: rgb(198 198 198 / 1.0); 3192 3193 /* Opacity */ 3194 --opacity-5-15: 0.05; 3195 --opacity-10-25: 0.1; 3196 --opacity-35-55: 0.35; 3197 --opacity-40-60: 0.4; 3198 --opacity-30-60: 0.3; 3199 3200 /* Disabled */ 3201 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3202 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3203 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3204 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3205 } 3206 } 3207 3208 3209 @media screen and (max-width: 749px){ 3210 3211 .color-mobile-scheme-7 {
3212 /* Background */ 3213 3214 --color-background: rgb(0 0 0 / 1.0); 3215 3216 3217 --color-background-rgb: 0 0 0; 3218 3219 /* Body */ 3220 --color-foreground: rgb(255 255 255 / 1.0); 3221 --color-foreground-rgb: 255 255 255; 3222 3223 /* Heading */ 3224 --color-foreground-heading: rgb(255 255 255 / 1.0); 3225 --color-foreground-heading-rgb: 255 255 255; 3226 3227 /* Link */ 3228 --color-primary: rgb(0 15 159 / 1.0); 3229 --color-primary-rgb: 0 15 159; 3230 --color-primary-hover: rgb(0 0 0 / 1.0); 3231 --color-primary-hover-rgb: 0 0 0; 3232 3233 /* Border */ 3234 --color-border: rgb(230 230 230 / 1.0); 3235 --color-border-rgb: 230 230 230; 3236 3237 /* Shadow */ 3238 --color-shadow: rgb(18 18 18 / 1.0); 3239 --color-shadow-rgb: 18 18 18; 3240 3241 /* Button primary */ 3242 --color-primary-button-text: rgb(255 255 255 / 1.0); 3243 --color-primary-button-text-rgb: 255 255 255; 3244 3245 --color-primary-button-background: rgb(0 0 0 / 0.0); 3246 3247 3248 --color-primary-button-border: rgb(255 255 255 / 1.0); 3249 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 3250 3251 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 3252 3253 3254 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3255 3256 /* Button secondary */ 3257 --color-secondary-button-text: rgb(18 18 18 / 1.0); 3258 --color-secondary-button-text-rgb: 18 18 18; 3259 3260 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3261 3262 3263 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3264 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 3265 3266 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 3267 3268 3269 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3270 3271 /* Input */ 3272 --color-input-background: rgb(255 255 255 / 1.0); 3273 --color-input-text: rgb(0 0 0 / 1.0); 3274 --color-input-text-rgb: 0 0 0; 3275 --color-input-border: rgb(0 0 0 / 1.0); 3276 --color-input-hover-background: rgb(245 245 245 / 1.0); 3277 3278 /* Payment Terms */ 3279 --payment-terms-background-color: rgb(0 0 0); 3280 3281 /* Arrows */ 3282 --arrow-color: rgb(51 51 51 / 1.0); 3283 --arrow-background: rgb(255 255 255 / 1.0); 3284 --arrow-border: rgb(51 51 51 / 1.0); 3285 3286 /* Pagination */ 3287 --pagination-color: rgb(206 206 206 / 1.0); 3288 --pagination-active-color: rgb(0 51 73 / 1.0); 3289 3290 /* Opacity */ 3291 --opacity-5-15: 0.15; 3292 --opacity-10-25: 0.25; 3293 --opacity-35-55: 0.55; 3294 --opacity-40-60: 0.6; 3295 --opacity-30-60: 0.6; 3296 3297 /* Disabled */ 3298 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3299 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3300 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3301 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3302 } 3303 } 3304 @media screen and (min-width: 750px) and (max-width: 1024px){ 3305 .color-tablet-scheme-7 { 3306 /* Background */ 3307 3308 --color-background: rgb(0 0 0 / 1.0); 3309 3310 3311 --color-background-rgb: 0 0 0; 3312 3313 /* Body */ 3314 --color-foreground: rgb(255 255 255 / 1.0); 3315 --color-foreground-rgb: 255 255 255; 3316 3317 /* Heading */ 3318 --color-foreground-heading: rgb(255 255 255 / 1.0); 3319 --color-foreground-heading-rgb: 255 255 255; 3320 3321 /* Link */ 3322 --color-primary: rgb(0 15 159 / 1.0); 3323 --color-primary-rgb: 0 15 159; 3324 --color-primary-hover: rgb(0 0 0 / 1.0); 3325 --color-primary-hover-rgb: 0 0 0; 3326 3327 /* Border */ 3328 --color-border: rgb(230 230 230 / 1.0); 3329 --color-border-rgb: 230 230 230; 3330 3331 /* Shadow */ 3332 --color-shadow: rgb(18 18 18 / 1.0); 3333 --color-shadow-rgb: 18 18 18; 3334 3335 /* Button primary */ 3336 --color-primary-button-text: rgb(255 255 255 / 1.0); 3337 --color-primary-button-text-rgb: 255 255 255; 3338 3339 --color-primary-button-background: rgb(0 0 0 / 0.0); 3340 3341 3342 --color-primary-button-border: rgb(255 255 255 / 1.0); 3343 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 3344 3345 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 3346 3347 3348 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3349 3350 /* Button secondary */ 3351 --color-secondary-button-text: rgb(18 18 18 / 1.0); 3352 --color-secondary-button-text-rgb: 18 18 18; 3353 3354 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3355 3356 3357 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3358 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 3359 3360 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 3361 3362 3363 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3364 3365 /* Input */ 3366 --color-input-background: rgb(255 255 255 / 1.0); 3367 --color-input-text: rgb(0 0 0 / 1.0); 3368 --color-input-text-rgb: 0 0 0; 3369 --color-input-border: rgb(0 0 0 / 1.0); 3370 --color-input-hover-background: rgb(245 245 245 / 1.0); 3371 3372 /* Payment Terms */ 3373 --payment-terms-background-color: rgb(0 0 0); 3374 3375 /* Arrows */ 3376 --arrow-color: rgb(51 51 51 / 1.0); 3377 --arrow-background: rgb(255 255 255 / 1.0); 3378 --arrow-border: rgb(51 51 51 / 1.0); 3379 3380 /* Pagination */ 3381 --pagination-color: rgb(206 206 206 / 1.0); 3382 --pagination-active-color: rgb(0 51 73 / 1.0); 3383 3384 /* Opacity */ 3385 --opacity-5-15: 0.15; 3386 --opacity-10-25: 0.25; 3387 --opacity-35-55: 0.55; 3388 --opacity-40-60: 0.6; 3389 --opacity-30-60: 0.6; 3390 3391 /* Disabled */ 3392 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3393 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3394 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3395 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3396 } 3397 } 3398 3399 3400 @media screen and (max-width: 749px){ 3401 3402 .color-mobile-scheme-8 {
3403 /* Background */ 3404 3405 --color-background: rgb(248 248 248 / 1.0); 3406 3407 3408 --color-background-rgb: 248 248 248; 3409 3410 /* Body */ 3411 --color-foreground: rgb(60 60 60 / 1.0); 3412 --color-foreground-rgb: 60 60 60; 3413 3414 /* Heading */ 3415 --color-foreground-heading: rgb(0 0 0 / 1.0); 3416 --color-foreground-heading-rgb: 0 0 0; 3417 3418 /* Link */ 3419 --color-primary: rgb(60 60 60 / 1.0); 3420 --color-primary-rgb: 60 60 60; 3421 --color-primary-hover: rgb(35 35 35 / 1.0); 3422 --color-primary-hover-rgb: 35 35 35; 3423 3424 /* Border */ 3425 --color-border: rgb(230 230 230 / 1.0); 3426 --color-border-rgb: 230 230 230; 3427 3428 /* Shadow */ 3429 --color-shadow: rgb(18 18 18 / 1.0); 3430 --color-shadow-rgb: 18 18 18; 3431 3432 /* Button primary */ 3433 --color-primary-button-text: rgb(0 51 73 / 1.0); 3434 --color-primary-button-text-rgb: 0 51 73; 3435 3436 --color-primary-button-background: rgb(18 18 18 / 1.0); 3437 3438 3439 --color-primary-button-border: rgb(0 51 73 / 1.0); 3440 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 3441 3442 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 3443 3444 3445 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3446 3447 /* Button secondary */ 3448 --color-secondary-button-text: rgb(18 18 18 / 1.0); 3449 --color-secondary-button-text-rgb: 18 18 18; 3450 3451 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3452 3453 3454 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3455 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 3456 3457 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 3458 3459 3460 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3461 3462 /* Input */ 3463 --color-input-background: rgb(255 255 255 / 1.0); 3464 --color-input-text: rgb(0 0 0 / 1.0); 3465 --color-input-text-rgb: 0 0 0; 3466 --color-input-border: rgb(0 0 0 / 1.0); 3467 --color-input-hover-background: rgb(245 245 245 / 1.0); 3468 3469 /* Payment Terms */ 3470 --payment-terms-background-color: rgb(248 248 248); 3471 3472 /* Arrows */ 3473 --arrow-color: rgb(51 51 51 / 1.0); 3474 --arrow-background: rgb(255 255 255 / 1.0); 3475 --arrow-border: rgb(51 51 51 / 1.0); 3476 3477 /* Pagination */ 3478 --pagination-color: rgb(206 206 206 / 1.0); 3479 --pagination-active-color: rgb(51 51 51 / 1.0); 3480 3481 /* Opacity */ 3482 --opacity-5-15: 0.05; 3483 --opacity-10-25: 0.1; 3484 --opacity-35-55: 0.35; 3485 --opacity-40-60: 0.4; 3486 --opacity-30-60: 0.3; 3487 3488 /* Disabled */ 3489 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3490 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3491 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3492 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3493 } 3494 } 3495 @media screen and (min-width: 750px) and (max-width: 1024px){ 3496 .color-tablet-scheme-8 { 3497 /* Background */ 3498 3499 --color-background: rgb(248 248 248 / 1.0); 3500 3501 3502 --color-background-rgb: 248 248 248; 3503 3504 /* Body */ 3505 --color-foreground: rgb(60 60 60 / 1.0); 3506 --color-foreground-rgb: 60 60 60; 3507 3508 /* Heading */ 3509 --color-foreground-heading: rgb(0 0 0 / 1.0); 3510 --color-foreground-heading-rgb: 0 0 0; 3511 3512 /* Link */ 3513 --color-primary: rgb(60 60 60 / 1.0); 3514 --color-primary-rgb: 60 60 60; 3515 --color-primary-hover: rgb(35 35 35 / 1.0); 3516 --color-primary-hover-rgb: 35 35 35; 3517 3518 /* Border */ 3519 --color-border: rgb(230 230 230 / 1.0); 3520 --color-border-rgb: 230 230 230; 3521 3522 /* Shadow */ 3523 --color-shadow: rgb(18 18 18 / 1.0); 3524 --color-shadow-rgb: 18 18 18; 3525 3526 /* Button primary */ 3527 --color-primary-button-text: rgb(0 51 73 / 1.0); 3528 --color-primary-button-text-rgb: 0 51 73; 3529 3530 --color-primary-button-background: rgb(18 18 18 / 1.0); 3531 3532 3533 --color-primary-button-border: rgb(0 51 73 / 1.0); 3534 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 3535 3536 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 3537 3538 3539 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3540 3541 /* Button secondary */ 3542 --color-secondary-button-text: rgb(18 18 18 / 1.0); 3543 --color-secondary-button-text-rgb: 18 18 18; 3544 3545 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3546 3547 3548 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3549 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 3550 3551 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 3552 3553 3554 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3555 3556 /* Input */ 3557 --color-input-background: rgb(255 255 255 / 1.0); 3558 --color-input-text: rgb(0 0 0 / 1.0); 3559 --color-input-text-rgb: 0 0 0; 3560 --color-input-border: rgb(0 0 0 / 1.0); 3561 --color-input-hover-background: rgb(245 245 245 / 1.0); 3562 3563 /* Payment Terms */ 3564 --payment-terms-background-color: rgb(248 248 248); 3565 3566 /* Arrows */ 3567 --arrow-color: rgb(51 51 51 / 1.0); 3568 --arrow-background: rgb(255 255 255 / 1.0); 3569 --arrow-border: rgb(51 51 51 / 1.0); 3570 3571 /* Pagination */ 3572 --pagination-color: rgb(206 206 206 / 1.0); 3573 --pagination-active-color: rgb(51 51 51 / 1.0); 3574 3575 /* Opacity */ 3576 --opacity-5-15: 0.05; 3577 --opacity-10-25: 0.1; 3578 --opacity-35-55: 0.35; 3579 --opacity-40-60: 0.4; 3580 --opacity-30-60: 0.3; 3581 3582 /* Disabled */ 3583 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3584 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3585 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3586 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3587 } 3588 } 3589 3590 3591 @media screen and (max-width: 749px){ 3592 3593 .color-mobile-scheme-9 {
3594 /* Background */ 3595 3596 --color-background: rgb(0 0 0 / 0.0); 3597 3598 3599 --color-background-rgb: 0 0 0; 3600 3601 /* Body */ 3602 --color-foreground: rgb(255 255 255 / 1.0); 3603 --color-foreground-rgb: 255 255 255; 3604 3605 /* Heading */ 3606 --color-foreground-heading: rgb(255 255 255 / 1.0); 3607 --color-foreground-heading-rgb: 255 255 255; 3608 3609 /* Link */ 3610 --color-primary: rgb(255 255 255 / 1.0); 3611 --color-primary-rgb: 255 255 255; 3612 --color-primary-hover: rgb(255 255 255 / 1.0); 3613 --color-primary-hover-rgb: 255 255 255; 3614 3615 /* Border */ 3616 --color-border: rgb(230 230 230 / 1.0); 3617 --color-border-rgb: 230 230 230; 3618 3619 /* Shadow */ 3620 --color-shadow: rgb(18 18 18 / 1.0); 3621 --color-shadow-rgb: 18 18 18; 3622 3623 /* Button primary */ 3624 --color-primary-button-text: rgb(0 51 73 / 1.0); 3625 --color-primary-button-text-rgb: 0 51 73; 3626 3627 --color-primary-button-background: rgb(255 255 255 / 1.0); 3628 3629 3630 --color-primary-button-border: rgb(0 51 73 / 1.0); 3631 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 3632 3633 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 3634 3635 3636 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3637 3638 /* Button secondary */ 3639 --color-secondary-button-text: rgb(18 18 18 / 1.0); 3640 --color-secondary-button-text-rgb: 18 18 18; 3641 3642 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3643 3644 3645 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3646 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 3647 3648 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 3649 3650 3651 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3652 3653 /* Input */ 3654 --color-input-background: rgb(255 255 255 / 1.0); 3655 --color-input-text: rgb(0 0 0 / 1.0); 3656 --color-input-text-rgb: 0 0 0; 3657 --color-input-border: rgb(0 0 0 / 1.0); 3658 --color-input-hover-background: rgb(245 245 245 / 1.0); 3659 3660 /* Payment Terms */ 3661 --payment-terms-background-color: rgb(0 0 0); 3662 3663 /* Arrows */ 3664 --arrow-color: rgb(51 51 51 / 1.0); 3665 --arrow-background: rgb(255 255 255 / 1.0); 3666 --arrow-border: rgb(51 51 51 / 1.0); 3667 3668 /* Pagination */ 3669 --pagination-color: rgb(206 206 206 / 1.0); 3670 --pagination-active-color: rgb(0 51 73 / 1.0); 3671 3672 /* Opacity */ 3673 --opacity-5-15: 0.15; 3674 --opacity-10-25: 0.25; 3675 --opacity-35-55: 0.55; 3676 --opacity-40-60: 0.6; 3677 --opacity-30-60: 0.6; 3678 3679 /* Disabled */ 3680 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3681 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3682 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3683 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3684 } 3685 } 3686 @media screen and (min-width: 750px) and (max-width: 1024px){ 3687 .color-tablet-scheme-9 { 3688 /* Background */ 3689 3690 --color-background: rgb(0 0 0 / 0.0); 3691 3692 3693 --color-background-rgb: 0 0 0; 3694 3695 /* Body */ 3696 --color-foreground: rgb(255 255 255 / 1.0); 3697 --color-foreground-rgb: 255 255 255; 3698 3699 /* Heading */ 3700 --color-foreground-heading: rgb(255 255 255 / 1.0); 3701 --color-foreground-heading-rgb: 255 255 255; 3702 3703 /* Link */ 3704 --color-primary: rgb(255 255 255 / 1.0); 3705 --color-primary-rgb: 255 255 255; 3706 --color-primary-hover: rgb(255 255 255 / 1.0); 3707 --color-primary-hover-rgb: 255 255 255; 3708 3709 /* Border */ 3710 --color-border: rgb(230 230 230 / 1.0); 3711 --color-border-rgb: 230 230 230; 3712 3713 /* Shadow */ 3714 --color-shadow: rgb(18 18 18 / 1.0); 3715 --color-shadow-rgb: 18 18 18; 3716 3717 /* Button primary */ 3718 --color-primary-button-text: rgb(0 51 73 / 1.0); 3719 --color-primary-button-text-rgb: 0 51 73; 3720 3721 --color-primary-button-background: rgb(255 255 255 / 1.0); 3722 3723 3724 --color-primary-button-border: rgb(0 51 73 / 1.0); 3725 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 3726 3727 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 3728 3729 3730 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 3731 3732 /* Button secondary */ 3733 --color-secondary-button-text: rgb(18 18 18 / 1.0); 3734 --color-secondary-button-text-rgb: 18 18 18; 3735 3736 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3737 3738 3739 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3740 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 3741 3742 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 3743 3744 3745 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3746 3747 /* Input */ 3748 --color-input-background: rgb(255 255 255 / 1.0); 3749 --color-input-text: rgb(0 0 0 / 1.0); 3750 --color-input-text-rgb: 0 0 0; 3751 --color-input-border: rgb(0 0 0 / 1.0); 3752 --color-input-hover-background: rgb(245 245 245 / 1.0); 3753 3754 /* Payment Terms */ 3755 --payment-terms-background-color: rgb(0 0 0); 3756 3757 /* Arrows */ 3758 --arrow-color: rgb(51 51 51 / 1.0); 3759 --arrow-background: rgb(255 255 255 / 1.0); 3760 --arrow-border: rgb(51 51 51 / 1.0); 3761 3762 /* Pagination */ 3763 --pagination-color: rgb(206 206 206 / 1.0); 3764 --pagination-active-color: rgb(0 51 73 / 1.0); 3765 3766 /* Opacity */ 3767 --opacity-5-15: 0.15; 3768 --opacity-10-25: 0.25; 3769 --opacity-35-55: 0.55; 3770 --opacity-40-60: 0.6; 3771 --opacity-30-60: 0.6; 3772 3773 /* Disabled */ 3774 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3775 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3776 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3777 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3778 } 3779 } 3780 3781 3782 @media screen and (max-width: 749px){ 3783 3784 .color-mobile-scheme-10 {
3785 /* Background */ 3786 3787 --color-background: rgb(255 255 255 / 1.0); 3788 3789 3790 --color-background-rgb: 255 255 255; 3791 3792 /* Body */ 3793 --color-foreground: rgb(0 0 0 / 1.0); 3794 --color-foreground-rgb: 0 0 0; 3795 3796 /* Heading */ 3797 --color-foreground-heading: rgb(255 255 255 / 1.0); 3798 --color-foreground-heading-rgb: 255 255 255; 3799 3800 /* Link */ 3801 --color-primary: rgb(255 255 255 / 1.0); 3802 --color-primary-rgb: 255 255 255; 3803 --color-primary-hover: rgb(0 0 0 / 1.0); 3804 --color-primary-hover-rgb: 0 0 0; 3805 3806 /* Border */ 3807 --color-border: rgb(0 0 0 / 1.0); 3808 --color-border-rgb: 0 0 0; 3809 3810 /* Shadow */ 3811 --color-shadow: rgb(0 0 0 / 0.0); 3812 --color-shadow-rgb: 0 0 0; 3813 3814 /* Button primary */ 3815 --color-primary-button-text: rgb(255 255 255 / 1.0); 3816 --color-primary-button-text-rgb: 255 255 255; 3817 3818 --color-primary-button-background: rgb(0 0 0 / 1.0); 3819 3820 3821 --color-primary-button-border: rgb(0 0 0 / 1.0); 3822 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 3823 3824 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 3825 3826 3827 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 3828 3829 /* Button secondary */ 3830 --color-secondary-button-text: rgb(0 0 0 / 1.0); 3831 --color-secondary-button-text-rgb: 0 0 0; 3832 3833 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3834 3835 3836 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3837 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 3838 3839 --color-secondary-button-hover-background: rgb(0 0 0 / 1.0); 3840 3841 3842 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3843 3844 /* Input */ 3845 --color-input-background: rgb(255 255 255 / 1.0); 3846 --color-input-text: rgb(0 0 0 / 1.0); 3847 --color-input-text-rgb: 0 0 0; 3848 --color-input-border: rgb(198 198 198 / 1.0); 3849 --color-input-hover-background: rgb(245 245 245 / 1.0); 3850 3851 /* Payment Terms */ 3852 --payment-terms-background-color: rgb(255 255 255); 3853 3854 /* Arrows */ 3855 --arrow-color: rgb(30 60 50 / 1.0); 3856 --arrow-background: rgb(0 0 0 / 0.0); 3857 --arrow-border: rgb(0 0 0 / 0.0); 3858 3859 /* Pagination */ 3860 --pagination-color: rgb(0 0 0 / 1.0); 3861 --pagination-active-color: rgb(198 198 198 / 1.0); 3862 3863 /* Opacity */ 3864 --opacity-5-15: 0.05; 3865 --opacity-10-25: 0.1; 3866 --opacity-35-55: 0.35; 3867 --opacity-40-60: 0.4; 3868 --opacity-30-60: 0.3; 3869 3870 /* Disabled */ 3871 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3872 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3873 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3874 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3875 } 3876 } 3877 @media screen and (min-width: 750px) and (max-width: 1024px){ 3878 .color-tablet-scheme-10 { 3879 /* Background */ 3880 3881 --color-background: rgb(255 255 255 / 1.0); 3882 3883 3884 --color-background-rgb: 255 255 255; 3885 3886 /* Body */ 3887 --color-foreground: rgb(0 0 0 / 1.0); 3888 --color-foreground-rgb: 0 0 0; 3889 3890 /* Heading */ 3891 --color-foreground-heading: rgb(255 255 255 / 1.0); 3892 --color-foreground-heading-rgb: 255 255 255; 3893 3894 /* Link */ 3895 --color-primary: rgb(255 255 255 / 1.0); 3896 --color-primary-rgb: 255 255 255; 3897 --color-primary-hover: rgb(0 0 0 / 1.0); 3898 --color-primary-hover-rgb: 0 0 0; 3899 3900 /* Border */ 3901 --color-border: rgb(0 0 0 / 1.0); 3902 --color-border-rgb: 0 0 0; 3903 3904 /* Shadow */ 3905 --color-shadow: rgb(0 0 0 / 0.0); 3906 --color-shadow-rgb: 0 0 0; 3907 3908 /* Button primary */ 3909 --color-primary-button-text: rgb(255 255 255 / 1.0); 3910 --color-primary-button-text-rgb: 255 255 255; 3911 3912 --color-primary-button-background: rgb(0 0 0 / 1.0); 3913 3914 3915 --color-primary-button-border: rgb(0 0 0 / 1.0); 3916 --color-primary-button-hover-text: rgb(0 0 0 / 1.0); 3917 3918 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 3919 3920 3921 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 3922 3923 /* Button secondary */ 3924 --color-secondary-button-text: rgb(0 0 0 / 1.0); 3925 --color-secondary-button-text-rgb: 0 0 0; 3926 3927 --color-secondary-button-background: rgb(255 255 255 / 1.0); 3928 3929 3930 --color-secondary-button-border: rgb(0 0 0 / 1.0); 3931 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 3932 3933 --color-secondary-button-hover-background: rgb(0 0 0 / 1.0); 3934 3935 3936 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 3937 3938 /* Input */ 3939 --color-input-background: rgb(255 255 255 / 1.0); 3940 --color-input-text: rgb(0 0 0 / 1.0); 3941 --color-input-text-rgb: 0 0 0; 3942 --color-input-border: rgb(198 198 198 / 1.0); 3943 --color-input-hover-background: rgb(245 245 245 / 1.0); 3944 3945 /* Payment Terms */ 3946 --payment-terms-background-color: rgb(255 255 255); 3947 3948 /* Arrows */ 3949 --arrow-color: rgb(30 60 50 / 1.0); 3950 --arrow-background: rgb(0 0 0 / 0.0); 3951 --arrow-border: rgb(0 0 0 / 0.0); 3952 3953 /* Pagination */ 3954 --pagination-color: rgb(0 0 0 / 1.0); 3955 --pagination-active-color: rgb(198 198 198 / 1.0); 3956 3957 /* Opacity */ 3958 --opacity-5-15: 0.05; 3959 --opacity-10-25: 0.1; 3960 --opacity-35-55: 0.35; 3961 --opacity-40-60: 0.4; 3962 --opacity-30-60: 0.3; 3963 3964 /* Disabled */ 3965 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 3966 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 3967 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 3968 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 3969 } 3970 } 3971 3972 3973 @media screen and (max-width: 749px){ 3974 3975 .color-mobile-scheme-11 {
3976 /* Background */ 3977 3978 --color-background: rgb(255 255 255 / 1.0); 3979 3980 3981 --color-background-rgb: 255 255 255; 3982 3983 /* Body */ 3984 --color-foreground: rgb(0 0 0 / 1.0); 3985 --color-foreground-rgb: 0 0 0; 3986 3987 /* Heading */ 3988 --color-foreground-heading: rgb(0 0 0 / 1.0); 3989 --color-foreground-heading-rgb: 0 0 0; 3990 3991 /* Link */ 3992 --color-primary: rgb(0 0 0 / 1.0); 3993 --color-primary-rgb: 0 0 0; 3994 --color-primary-hover: rgb(0 0 0 / 1.0); 3995 --color-primary-hover-rgb: 0 0 0; 3996 3997 /* Border */ 3998 --color-border: rgb(169 169 169 / 1.0); 3999 --color-border-rgb: 169 169 169; 4000 4001 /* Shadow */ 4002 --color-shadow: rgb(128 128 128 / 1.0); 4003 --color-shadow-rgb: 128 128 128; 4004 4005 /* Button primary */ 4006 --color-primary-button-text: rgb(0 0 0 / 1.0); 4007 --color-primary-button-text-rgb: 0 0 0; 4008 4009 --color-primary-button-background: rgb(255 255 255 / 1.0); 4010 4011 4012 --color-primary-button-border: rgb(0 0 0 / 1.0); 4013 --color-primary-button-hover-text: rgb(128 128 128 / 1.0); 4014 4015 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 4016 4017 4018 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 4019 4020 /* Button secondary */ 4021 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4022 --color-secondary-button-text-rgb: 255 255 255; 4023 4024 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4025 4026 4027 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4028 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4029 4030 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4031 4032 4033 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4034 4035 /* Input */ 4036 --color-input-background: rgb(255 255 255 / 1.0); 4037 --color-input-text: rgb(0 0 0 / 1.0); 4038 --color-input-text-rgb: 0 0 0; 4039 --color-input-border: rgb(198 198 198 / 1.0); 4040 --color-input-hover-background: rgb(245 245 245 / 1.0); 4041 4042 /* Payment Terms */ 4043 --payment-terms-background-color: rgb(255 255 255); 4044 4045 /* Arrows */ 4046 --arrow-color: rgb(30 60 50 / 1.0); 4047 --arrow-background: rgb(0 0 0 / 0.0); 4048 --arrow-border: rgb(0 0 0 / 0.0); 4049 4050 /* Pagination */ 4051 --pagination-color: rgb(0 0 0 / 1.0); 4052 --pagination-active-color: rgb(198 198 198 / 1.0); 4053 4054 /* Opacity */ 4055 --opacity-5-15: 0.05; 4056 --opacity-10-25: 0.1; 4057 --opacity-35-55: 0.35; 4058 --opacity-40-60: 0.4; 4059 --opacity-30-60: 0.3; 4060 4061 /* Disabled */ 4062 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4063 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4064 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4065 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4066 } 4067 } 4068 @media screen and (min-width: 750px) and (max-width: 1024px){ 4069 .color-tablet-scheme-11 { 4070 /* Background */ 4071 4072 --color-background: rgb(255 255 255 / 1.0); 4073 4074 4075 --color-background-rgb: 255 255 255; 4076 4077 /* Body */ 4078 --color-foreground: rgb(0 0 0 / 1.0); 4079 --color-foreground-rgb: 0 0 0; 4080 4081 /* Heading */ 4082 --color-foreground-heading: rgb(0 0 0 / 1.0); 4083 --color-foreground-heading-rgb: 0 0 0; 4084 4085 /* Link */ 4086 --color-primary: rgb(0 0 0 / 1.0); 4087 --color-primary-rgb: 0 0 0; 4088 --color-primary-hover: rgb(0 0 0 / 1.0); 4089 --color-primary-hover-rgb: 0 0 0; 4090 4091 /* Border */ 4092 --color-border: rgb(169 169 169 / 1.0); 4093 --color-border-rgb: 169 169 169; 4094 4095 /* Shadow */ 4096 --color-shadow: rgb(128 128 128 / 1.0); 4097 --color-shadow-rgb: 128 128 128; 4098 4099 /* Button primary */ 4100 --color-primary-button-text: rgb(0 0 0 / 1.0); 4101 --color-primary-button-text-rgb: 0 0 0; 4102 4103 --color-primary-button-background: rgb(255 255 255 / 1.0); 4104 4105 4106 --color-primary-button-border: rgb(0 0 0 / 1.0); 4107 --color-primary-button-hover-text: rgb(128 128 128 / 1.0); 4108 4109 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 4110 4111 4112 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 4113 4114 /* Button secondary */ 4115 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4116 --color-secondary-button-text-rgb: 255 255 255; 4117 4118 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4119 4120 4121 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4122 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4123 4124 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4125 4126 4127 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4128 4129 /* Input */ 4130 --color-input-background: rgb(255 255 255 / 1.0); 4131 --color-input-text: rgb(0 0 0 / 1.0); 4132 --color-input-text-rgb: 0 0 0; 4133 --color-input-border: rgb(198 198 198 / 1.0); 4134 --color-input-hover-background: rgb(245 245 245 / 1.0); 4135 4136 /* Payment Terms */ 4137 --payment-terms-background-color: rgb(255 255 255); 4138 4139 /* Arrows */ 4140 --arrow-color: rgb(30 60 50 / 1.0); 4141 --arrow-background: rgb(0 0 0 / 0.0); 4142 --arrow-border: rgb(0 0 0 / 0.0); 4143 4144 /* Pagination */ 4145 --pagination-color: rgb(0 0 0 / 1.0); 4146 --pagination-active-color: rgb(198 198 198 / 1.0); 4147 4148 /* Opacity */ 4149 --opacity-5-15: 0.05; 4150 --opacity-10-25: 0.1; 4151 --opacity-35-55: 0.35; 4152 --opacity-40-60: 0.4; 4153 --opacity-30-60: 0.3; 4154 4155 /* Disabled */ 4156 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4157 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4158 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4159 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4160 } 4161 } 4162 4163 4164 @media screen and (max-width: 749px){ 4165 4166 .color-mobile-scheme-10e92936-df96-4719-ae18-2bc407d759aa {
4167 /* Background */ 4168 4169 --color-background: rgb(255 255 255 / 1.0); 4170 4171 4172 --color-background-rgb: 255 255 255; 4173 4174 /* Body */ 4175 --color-foreground: rgb(0 0 0 / 1.0); 4176 --color-foreground-rgb: 0 0 0; 4177 4178 /* Heading */ 4179 --color-foreground-heading: rgb(0 0 0 / 1.0); 4180 --color-foreground-heading-rgb: 0 0 0; 4181 4182 /* Link */ 4183 --color-primary: rgb(255 142 5 / 1.0); 4184 --color-primary-rgb: 255 142 5; 4185 --color-primary-hover: rgb(0 51 73 / 1.0); 4186 --color-primary-hover-rgb: 0 51 73; 4187 4188 /* Border */ 4189 --color-border: rgb(169 169 169 / 1.0); 4190 --color-border-rgb: 169 169 169; 4191 4192 /* Shadow */ 4193 --color-shadow: rgb(128 128 128 / 1.0); 4194 --color-shadow-rgb: 128 128 128; 4195 4196 /* Button primary */ 4197 --color-primary-button-text: rgb(255 255 255 / 1.0); 4198 --color-primary-button-text-rgb: 255 255 255; 4199 4200 --color-primary-button-background: rgb(0 51 73 / 1.0); 4201 4202 4203 --color-primary-button-border: rgb(0 51 73 / 1.0); 4204 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 4205 4206 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 4207 4208 4209 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 4210 4211 /* Button secondary */ 4212 --color-secondary-button-text: rgb(0 51 73 / 1.0); 4213 --color-secondary-button-text-rgb: 0 51 73; 4214 4215 --color-secondary-button-background: rgb(255 255 255 / 1.0); 4216 4217 4218 --color-secondary-button-border: rgb(255 255 255 / 1.0); 4219 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 4220 4221 --color-secondary-button-hover-background: rgb(0 51 73 / 1.0); 4222 4223 4224 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 4225 4226 /* Input */ 4227 --color-input-background: rgb(255 255 255 / 1.0); 4228 --color-input-text: rgb(0 51 73 / 1.0); 4229 --color-input-text-rgb: 0 51 73; 4230 --color-input-border: rgb(198 198 198 / 1.0); 4231 --color-input-hover-background: rgb(245 245 245 / 1.0); 4232 4233 /* Payment Terms */ 4234 --payment-terms-background-color: rgb(255 255 255); 4235 4236 /* Arrows */ 4237 --arrow-color: rgb(30 60 50 / 1.0); 4238 --arrow-background: rgb(0 0 0 / 0.0); 4239 --arrow-border: rgb(0 0 0 / 0.0); 4240 4241 /* Pagination */ 4242 --pagination-color: rgb(0 51 73 / 1.0); 4243 --pagination-active-color: rgb(255 255 255 / 1.0); 4244 4245 /* Opacity */ 4246 --opacity-5-15: 0.05; 4247 --opacity-10-25: 0.1; 4248 --opacity-35-55: 0.35; 4249 --opacity-40-60: 0.4; 4250 --opacity-30-60: 0.3; 4251 4252 /* Disabled */ 4253 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4254 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4255 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4256 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4257 } 4258 } 4259 @media screen and (min-width: 750px) and (max-width: 1024px){ 4260 .color-tablet-scheme-10e92936-df96-4719-ae18-2bc407d759aa { 4261 /* Background */ 4262 4263 --color-background: rgb(255 255 255 / 1.0); 4264 4265 4266 --color-background-rgb: 255 255 255; 4267 4268 /* Body */ 4269 --color-foreground: rgb(0 0 0 / 1.0); 4270 --color-foreground-rgb: 0 0 0; 4271 4272 /* Heading */ 4273 --color-foreground-heading: rgb(0 0 0 / 1.0); 4274 --color-foreground-heading-rgb: 0 0 0; 4275 4276 /* Link */ 4277 --color-primary: rgb(255 142 5 / 1.0); 4278 --color-primary-rgb: 255 142 5; 4279 --color-primary-hover: rgb(0 51 73 / 1.0); 4280 --color-primary-hover-rgb: 0 51 73; 4281 4282 /* Border */ 4283 --color-border: rgb(169 169 169 / 1.0); 4284 --color-border-rgb: 169 169 169; 4285 4286 /* Shadow */ 4287 --color-shadow: rgb(128 128 128 / 1.0); 4288 --color-shadow-rgb: 128 128 128; 4289 4290 /* Button primary */ 4291 --color-primary-button-text: rgb(255 255 255 / 1.0); 4292 --color-primary-button-text-rgb: 255 255 255; 4293 4294 --color-primary-button-background: rgb(0 51 73 / 1.0); 4295 4296 4297 --color-primary-button-border: rgb(0 51 73 / 1.0); 4298 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 4299 4300 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 4301 4302 4303 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 4304 4305 /* Button secondary */ 4306 --color-secondary-button-text: rgb(0 51 73 / 1.0); 4307 --color-secondary-button-text-rgb: 0 51 73; 4308 4309 --color-secondary-button-background: rgb(255 255 255 / 1.0); 4310 4311 4312 --color-secondary-button-border: rgb(255 255 255 / 1.0); 4313 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 4314 4315 --color-secondary-button-hover-background: rgb(0 51 73 / 1.0); 4316 4317 4318 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 4319 4320 /* Input */ 4321 --color-input-background: rgb(255 255 255 / 1.0); 4322 --color-input-text: rgb(0 51 73 / 1.0); 4323 --color-input-text-rgb: 0 51 73; 4324 --color-input-border: rgb(198 198 198 / 1.0); 4325 --color-input-hover-background: rgb(245 245 245 / 1.0); 4326 4327 /* Payment Terms */ 4328 --payment-terms-background-color: rgb(255 255 255); 4329 4330 /* Arrows */ 4331 --arrow-color: rgb(30 60 50 / 1.0); 4332 --arrow-background: rgb(0 0 0 / 0.0); 4333 --arrow-border: rgb(0 0 0 / 0.0); 4334 4335 /* Pagination */ 4336 --pagination-color: rgb(0 51 73 / 1.0); 4337 --pagination-active-color: rgb(255 255 255 / 1.0); 4338 4339 /* Opacity */ 4340 --opacity-5-15: 0.05; 4341 --opacity-10-25: 0.1; 4342 --opacity-35-55: 0.35; 4343 --opacity-40-60: 0.4; 4344 --opacity-30-60: 0.3; 4345 4346 /* Disabled */ 4347 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4348 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4349 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4350 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4351 } 4352 } 4353 4354 4355 @media screen and (max-width: 749px){ 4356 4357 .color-mobile-scheme-d328c48a-0b41-4931-b5e2-6a898d32d1f4 {
4358 /* Background */ 4359 4360 --color-background: rgb(0 51 73 / 1.0); 4361 4362 4363 --color-background-rgb: 0 51 73; 4364 4365 /* Body */ 4366 --color-foreground: rgb(0 0 0 / 1.0); 4367 --color-foreground-rgb: 0 0 0; 4368 4369 /* Heading */ 4370 --color-foreground-heading: rgb(0 0 0 / 1.0); 4371 --color-foreground-heading-rgb: 0 0 0; 4372 4373 /* Link */ 4374 --color-primary: rgb(255 255 255 / 1.0); 4375 --color-primary-rgb: 255 255 255; 4376 --color-primary-hover: rgb(255 255 255 / 1.0); 4377 --color-primary-hover-rgb: 255 255 255; 4378 4379 /* Border */ 4380 --color-border: rgb(169 169 169 / 1.0); 4381 --color-border-rgb: 169 169 169; 4382 4383 /* Shadow */ 4384 --color-shadow: rgb(128 128 128 / 1.0); 4385 --color-shadow-rgb: 128 128 128; 4386 4387 /* Button primary */ 4388 --color-primary-button-text: rgb(0 0 0 / 1.0); 4389 --color-primary-button-text-rgb: 0 0 0; 4390 4391 --color-primary-button-background: rgb(255 255 255 / 1.0); 4392 4393 4394 --color-primary-button-border: rgb(0 0 0 / 1.0); 4395 --color-primary-button-hover-text: rgb(128 128 128 / 1.0); 4396 4397 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 4398 4399 4400 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 4401 4402 /* Button secondary */ 4403 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4404 --color-secondary-button-text-rgb: 255 255 255; 4405 4406 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4407 4408 4409 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4410 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4411 4412 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4413 4414 4415 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4416 4417 /* Input */ 4418 --color-input-background: rgb(255 255 255 / 1.0); 4419 --color-input-text: rgb(0 0 0 / 1.0); 4420 --color-input-text-rgb: 0 0 0; 4421 --color-input-border: rgb(198 198 198 / 1.0); 4422 --color-input-hover-background: rgb(245 245 245 / 1.0); 4423 4424 /* Payment Terms */ 4425 --payment-terms-background-color: rgb(0 51 73); 4426 4427 /* Arrows */ 4428 --arrow-color: rgb(30 60 50 / 1.0); 4429 --arrow-background: rgb(0 0 0 / 0.0); 4430 --arrow-border: rgb(0 0 0 / 0.0); 4431 4432 /* Pagination */ 4433 --pagination-color: rgb(0 0 0 / 1.0); 4434 --pagination-active-color: rgb(255 255 255 / 1.0); 4435 4436 /* Opacity */ 4437 --opacity-5-15: 0.15; 4438 --opacity-10-25: 0.25; 4439 --opacity-35-55: 0.55; 4440 --opacity-40-60: 0.6; 4441 --opacity-30-60: 0.6; 4442 4443 /* Disabled */ 4444 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4445 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4446 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4447 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4448 } 4449 } 4450 @media screen and (min-width: 750px) and (max-width: 1024px){ 4451 .color-tablet-scheme-d328c48a-0b41-4931-b5e2-6a898d32d1f4 { 4452 /* Background */ 4453 4454 --color-background: rgb(0 51 73 / 1.0); 4455 4456 4457 --color-background-rgb: 0 51 73; 4458 4459 /* Body */ 4460 --color-foreground: rgb(0 0 0 / 1.0); 4461 --color-foreground-rgb: 0 0 0; 4462 4463 /* Heading */ 4464 --color-foreground-heading: rgb(0 0 0 / 1.0); 4465 --color-foreground-heading-rgb: 0 0 0; 4466 4467 /* Link */ 4468 --color-primary: rgb(255 255 255 / 1.0); 4469 --color-primary-rgb: 255 255 255; 4470 --color-primary-hover: rgb(255 255 255 / 1.0); 4471 --color-primary-hover-rgb: 255 255 255; 4472 4473 /* Border */ 4474 --color-border: rgb(169 169 169 / 1.0); 4475 --color-border-rgb: 169 169 169; 4476 4477 /* Shadow */ 4478 --color-shadow: rgb(128 128 128 / 1.0); 4479 --color-shadow-rgb: 128 128 128; 4480 4481 /* Button primary */ 4482 --color-primary-button-text: rgb(0 0 0 / 1.0); 4483 --color-primary-button-text-rgb: 0 0 0; 4484 4485 --color-primary-button-background: rgb(255 255 255 / 1.0); 4486 4487 4488 --color-primary-button-border: rgb(0 0 0 / 1.0); 4489 --color-primary-button-hover-text: rgb(128 128 128 / 1.0); 4490 4491 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 4492 4493 4494 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 4495 4496 /* Button secondary */ 4497 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4498 --color-secondary-button-text-rgb: 255 255 255; 4499 4500 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4501 4502 4503 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4504 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4505 4506 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4507 4508 4509 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4510 4511 /* Input */ 4512 --color-input-background: rgb(255 255 255 / 1.0); 4513 --color-input-text: rgb(0 0 0 / 1.0); 4514 --color-input-text-rgb: 0 0 0; 4515 --color-input-border: rgb(198 198 198 / 1.0); 4516 --color-input-hover-background: rgb(245 245 245 / 1.0); 4517 4518 /* Payment Terms */ 4519 --payment-terms-background-color: rgb(0 51 73); 4520 4521 /* Arrows */ 4522 --arrow-color: rgb(30 60 50 / 1.0); 4523 --arrow-background: rgb(0 0 0 / 0.0); 4524 --arrow-border: rgb(0 0 0 / 0.0); 4525 4526 /* Pagination */ 4527 --pagination-color: rgb(0 0 0 / 1.0); 4528 --pagination-active-color: rgb(255 255 255 / 1.0); 4529 4530 /* Opacity */ 4531 --opacity-5-15: 0.15; 4532 --opacity-10-25: 0.25; 4533 --opacity-35-55: 0.55; 4534 --opacity-40-60: 0.6; 4535 --opacity-30-60: 0.6; 4536 4537 /* Disabled */ 4538 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4539 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4540 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4541 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4542 } 4543 } 4544 4545 4546 @media screen and (max-width: 749px){ 4547 4548 .color-mobile-scheme-93864b7b-7a5e-44b1-ade3-306690eca6c6 {
4549 /* Background */ 4550 4551 --color-background: rgb(0 51 73 / 1.0); 4552 4553 4554 --color-background-rgb: 0 51 73; 4555 4556 /* Body */ 4557 --color-foreground: rgb(207 207 207 / 1.0); 4558 --color-foreground-rgb: 207 207 207; 4559 4560 /* Heading */ 4561 --color-foreground-heading: rgb(255 255 255 / 1.0); 4562 --color-foreground-heading-rgb: 255 255 255; 4563 4564 /* Link */ 4565 --color-primary: rgb(255 255 255 / 1.0); 4566 --color-primary-rgb: 255 255 255; 4567 --color-primary-hover: rgb(255 255 255 / 1.0); 4568 --color-primary-hover-rgb: 255 255 255; 4569 4570 /* Border */ 4571 --color-border: rgb(255 255 255 / 1.0); 4572 --color-border-rgb: 255 255 255; 4573 4574 /* Shadow */ 4575 --color-shadow: rgb(128 128 128 / 1.0); 4576 --color-shadow-rgb: 128 128 128; 4577 4578 /* Button primary */ 4579 --color-primary-button-text: rgb(0 51 73 / 1.0); 4580 --color-primary-button-text-rgb: 0 51 73; 4581 4582 --color-primary-button-background: rgb(255 255 255 / 1.0); 4583 4584 4585 --color-primary-button-border: rgb(0 0 0 / 1.0); 4586 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 4587 4588 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 4589 4590 4591 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 4592 4593 /* Button secondary */ 4594 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4595 --color-secondary-button-text-rgb: 255 255 255; 4596 4597 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4598 4599 4600 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4601 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4602 4603 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4604 4605 4606 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4607 4608 /* Input */ 4609 --color-input-background: rgb(255 255 255 / 1.0); 4610 --color-input-text: rgb(0 0 0 / 1.0); 4611 --color-input-text-rgb: 0 0 0; 4612 --color-input-border: rgb(198 198 198 / 1.0); 4613 --color-input-hover-background: rgb(245 245 245 / 1.0); 4614 4615 /* Payment Terms */ 4616 --payment-terms-background-color: rgb(0 51 73); 4617 4618 /* Arrows */ 4619 --arrow-color: rgb(255 255 255 / 1.0); 4620 --arrow-background: rgb(0 0 0 / 0.0); 4621 --arrow-border: rgb(0 0 0 / 0.0); 4622 4623 /* Pagination */ 4624 --pagination-color: rgb(198 198 198 / 1.0); 4625 --pagination-active-color: rgb(255 255 255 / 1.0); 4626 4627 /* Opacity */ 4628 --opacity-5-15: 0.15; 4629 --opacity-10-25: 0.25; 4630 --opacity-35-55: 0.55; 4631 --opacity-40-60: 0.6; 4632 --opacity-30-60: 0.6; 4633 4634 /* Disabled */ 4635 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4636 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4637 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4638 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4639 } 4640 } 4641 @media screen and (min-width: 750px) and (max-width: 1024px){ 4642 .color-tablet-scheme-93864b7b-7a5e-44b1-ade3-306690eca6c6 { 4643 /* Background */ 4644 4645 --color-background: rgb(0 51 73 / 1.0); 4646 4647 4648 --color-background-rgb: 0 51 73; 4649 4650 /* Body */ 4651 --color-foreground: rgb(207 207 207 / 1.0); 4652 --color-foreground-rgb: 207 207 207; 4653 4654 /* Heading */ 4655 --color-foreground-heading: rgb(255 255 255 / 1.0); 4656 --color-foreground-heading-rgb: 255 255 255; 4657 4658 /* Link */ 4659 --color-primary: rgb(255 255 255 / 1.0); 4660 --color-primary-rgb: 255 255 255; 4661 --color-primary-hover: rgb(255 255 255 / 1.0); 4662 --color-primary-hover-rgb: 255 255 255; 4663 4664 /* Border */ 4665 --color-border: rgb(255 255 255 / 1.0); 4666 --color-border-rgb: 255 255 255; 4667 4668 /* Shadow */ 4669 --color-shadow: rgb(128 128 128 / 1.0); 4670 --color-shadow-rgb: 128 128 128; 4671 4672 /* Button primary */ 4673 --color-primary-button-text: rgb(0 51 73 / 1.0); 4674 --color-primary-button-text-rgb: 0 51 73; 4675 4676 --color-primary-button-background: rgb(255 255 255 / 1.0); 4677 4678 4679 --color-primary-button-border: rgb(0 0 0 / 1.0); 4680 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 4681 4682 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 4683 4684 4685 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 4686 4687 /* Button secondary */ 4688 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4689 --color-secondary-button-text-rgb: 255 255 255; 4690 4691 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4692 4693 4694 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4695 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4696 4697 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4698 4699 4700 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4701 4702 /* Input */ 4703 --color-input-background: rgb(255 255 255 / 1.0); 4704 --color-input-text: rgb(0 0 0 / 1.0); 4705 --color-input-text-rgb: 0 0 0; 4706 --color-input-border: rgb(198 198 198 / 1.0); 4707 --color-input-hover-background: rgb(245 245 245 / 1.0); 4708 4709 /* Payment Terms */ 4710 --payment-terms-background-color: rgb(0 51 73); 4711 4712 /* Arrows */ 4713 --arrow-color: rgb(255 255 255 / 1.0); 4714 --arrow-background: rgb(0 0 0 / 0.0); 4715 --arrow-border: rgb(0 0 0 / 0.0); 4716 4717 /* Pagination */ 4718 --pagination-color: rgb(198 198 198 / 1.0); 4719 --pagination-active-color: rgb(255 255 255 / 1.0); 4720 4721 /* Opacity */ 4722 --opacity-5-15: 0.15; 4723 --opacity-10-25: 0.25; 4724 --opacity-35-55: 0.55; 4725 --opacity-40-60: 0.6; 4726 --opacity-30-60: 0.6; 4727 4728 /* Disabled */ 4729 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4730 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4731 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4732 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4733 } 4734 } 4735 4736 4737 @media screen and (max-width: 749px){ 4738 4739 .color-mobile-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 {
4740 /* Background */ 4741 4742 --color-background: rgb(255 255 255 / 1.0); 4743 4744 4745 --color-background-rgb: 255 255 255; 4746 4747 /* Body */ 4748 --color-foreground: rgb(0 0 0 / 1.0); 4749 --color-foreground-rgb: 0 0 0; 4750 4751 /* Heading */ 4752 --color-foreground-heading: rgb(0 0 0 / 1.0); 4753 --color-foreground-heading-rgb: 0 0 0; 4754 4755 /* Link */ 4756 --color-primary: rgb(0 0 0 / 1.0); 4757 --color-primary-rgb: 0 0 0; 4758 --color-primary-hover: rgb(0 0 0 / 1.0); 4759 --color-primary-hover-rgb: 0 0 0; 4760 4761 /* Border */ 4762 --color-border: rgb(169 169 169 / 1.0); 4763 --color-border-rgb: 169 169 169; 4764 4765 /* Shadow */ 4766 --color-shadow: rgb(128 128 128 / 1.0); 4767 --color-shadow-rgb: 128 128 128; 4768 4769 /* Button primary */ 4770 --color-primary-button-text: rgb(0 0 0 / 1.0); 4771 --color-primary-button-text-rgb: 0 0 0; 4772 4773 --color-primary-button-background: rgb(0 51 73 / 1.0); 4774 4775 4776 --color-primary-button-border: rgb(0 51 73 / 1.0); 4777 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 4778 4779 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 4780 4781 4782 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 4783 4784 /* Button secondary */ 4785 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4786 --color-secondary-button-text-rgb: 255 255 255; 4787 4788 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4789 4790 4791 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4792 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4793 4794 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4795 4796 4797 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4798 4799 /* Input */ 4800 --color-input-background: rgb(255 255 255 / 1.0); 4801 --color-input-text: rgb(0 0 0 / 1.0); 4802 --color-input-text-rgb: 0 0 0; 4803 --color-input-border: rgb(198 198 198 / 1.0); 4804 --color-input-hover-background: rgb(245 245 245 / 1.0); 4805 4806 /* Payment Terms */ 4807 --payment-terms-background-color: rgb(255 255 255); 4808 4809 /* Arrows */ 4810 --arrow-color: rgb(30 60 50 / 1.0); 4811 --arrow-background: rgb(0 0 0 / 0.0); 4812 --arrow-border: rgb(0 0 0 / 0.0); 4813 4814 /* Pagination */ 4815 --pagination-color: rgb(0 0 0 / 1.0); 4816 --pagination-active-color: rgb(255 255 255 / 1.0); 4817 4818 /* Opacity */ 4819 --opacity-5-15: 0.05; 4820 --opacity-10-25: 0.1; 4821 --opacity-35-55: 0.35; 4822 --opacity-40-60: 0.4; 4823 --opacity-30-60: 0.3; 4824 4825 /* Disabled */ 4826 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4827 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4828 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4829 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4830 } 4831 } 4832 @media screen and (min-width: 750px) and (max-width: 1024px){ 4833 .color-tablet-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 { 4834 /* Background */ 4835 4836 --color-background: rgb(255 255 255 / 1.0); 4837 4838 4839 --color-background-rgb: 255 255 255; 4840 4841 /* Body */ 4842 --color-foreground: rgb(0 0 0 / 1.0); 4843 --color-foreground-rgb: 0 0 0; 4844 4845 /* Heading */ 4846 --color-foreground-heading: rgb(0 0 0 / 1.0); 4847 --color-foreground-heading-rgb: 0 0 0; 4848 4849 /* Link */ 4850 --color-primary: rgb(0 0 0 / 1.0); 4851 --color-primary-rgb: 0 0 0; 4852 --color-primary-hover: rgb(0 0 0 / 1.0); 4853 --color-primary-hover-rgb: 0 0 0; 4854 4855 /* Border */ 4856 --color-border: rgb(169 169 169 / 1.0); 4857 --color-border-rgb: 169 169 169; 4858 4859 /* Shadow */ 4860 --color-shadow: rgb(128 128 128 / 1.0); 4861 --color-shadow-rgb: 128 128 128; 4862 4863 /* Button primary */ 4864 --color-primary-button-text: rgb(0 0 0 / 1.0); 4865 --color-primary-button-text-rgb: 0 0 0; 4866 4867 --color-primary-button-background: rgb(0 51 73 / 1.0); 4868 4869 4870 --color-primary-button-border: rgb(0 51 73 / 1.0); 4871 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 4872 4873 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 4874 4875 4876 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 4877 4878 /* Button secondary */ 4879 --color-secondary-button-text: rgb(255 255 255 / 1.0); 4880 --color-secondary-button-text-rgb: 255 255 255; 4881 4882 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4883 4884 4885 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4886 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4887 4888 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4889 4890 4891 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4892 4893 /* Input */ 4894 --color-input-background: rgb(255 255 255 / 1.0); 4895 --color-input-text: rgb(0 0 0 / 1.0); 4896 --color-input-text-rgb: 0 0 0; 4897 --color-input-border: rgb(198 198 198 / 1.0); 4898 --color-input-hover-background: rgb(245 245 245 / 1.0); 4899 4900 /* Payment Terms */ 4901 --payment-terms-background-color: rgb(255 255 255); 4902 4903 /* Arrows */ 4904 --arrow-color: rgb(30 60 50 / 1.0); 4905 --arrow-background: rgb(0 0 0 / 0.0); 4906 --arrow-border: rgb(0 0 0 / 0.0); 4907 4908 /* Pagination */ 4909 --pagination-color: rgb(0 0 0 / 1.0); 4910 --pagination-active-color: rgb(255 255 255 / 1.0); 4911 4912 /* Opacity */ 4913 --opacity-5-15: 0.05; 4914 --opacity-10-25: 0.1; 4915 --opacity-35-55: 0.35; 4916 --opacity-40-60: 0.4; 4917 --opacity-30-60: 0.3; 4918 4919 /* Disabled */ 4920 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 4921 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 4922 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 4923 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 4924 } 4925 } 4926 4927 4928 @media screen and (max-width: 749px){ 4929 4930 .color-mobile-scheme-4f9075f0-9b5d-442d-99fa-3094ffb505bc {
4931 /* Background */ 4932 4933 --color-background: rgb(255 255 255 / 1.0); 4934 4935 4936 --color-background-rgb: 255 255 255; 4937 4938 /* Body */ 4939 --color-foreground: rgb(0 0 0 / 1.0); 4940 --color-foreground-rgb: 0 0 0; 4941 4942 /* Heading */ 4943 --color-foreground-heading: rgb(0 0 0 / 1.0); 4944 --color-foreground-heading-rgb: 0 0 0; 4945 4946 /* Link */ 4947 --color-primary: rgb(0 0 0 / 1.0); 4948 --color-primary-rgb: 0 0 0; 4949 --color-primary-hover: rgb(0 51 73 / 1.0); 4950 --color-primary-hover-rgb: 0 51 73; 4951 4952 /* Border */ 4953 --color-border: rgb(169 169 169 / 1.0); 4954 --color-border-rgb: 169 169 169; 4955 4956 /* Shadow */ 4957 --color-shadow: rgb(128 128 128 / 1.0); 4958 --color-shadow-rgb: 128 128 128; 4959 4960 /* Button primary */ 4961 --color-primary-button-text: rgb(0 51 73 / 1.0); 4962 --color-primary-button-text-rgb: 0 51 73; 4963 4964 --color-primary-button-background: rgb(0 51 73 / 1.0); 4965 4966 4967 --color-primary-button-border: rgb(0 51 73 / 1.0); 4968 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 4969 4970 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 4971 4972 4973 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 4974 4975 /* Button secondary */ 4976 --color-secondary-button-text: rgb(0 51 73 / 1.0); 4977 --color-secondary-button-text-rgb: 0 51 73; 4978 4979 --color-secondary-button-background: rgb(0 0 0 / 1.0); 4980 4981 4982 --color-secondary-button-border: rgb(0 0 0 / 1.0); 4983 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 4984 4985 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 4986 4987 4988 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 4989 4990 /* Input */ 4991 --color-input-background: rgb(255 255 255 / 1.0); 4992 --color-input-text: rgb(0 0 0 / 1.0); 4993 --color-input-text-rgb: 0 0 0; 4994 --color-input-border: rgb(198 198 198 / 1.0); 4995 --color-input-hover-background: rgb(245 245 245 / 1.0); 4996 4997 /* Payment Terms */ 4998 --payment-terms-background-color: rgb(255 255 255); 4999 5000 /* Arrows */ 5001 --arrow-color: rgb(30 60 50 / 1.0); 5002 --arrow-background: rgb(0 0 0 / 0.0); 5003 --arrow-border: rgb(0 0 0 / 0.0); 5004 5005 /* Pagination */ 5006 --pagination-color: rgb(0 51 73 / 1.0); 5007 --pagination-active-color: rgb(255 255 255 / 1.0); 5008 5009 /* Opacity */ 5010 --opacity-5-15: 0.05; 5011 --opacity-10-25: 0.1; 5012 --opacity-35-55: 0.35; 5013 --opacity-40-60: 0.4; 5014 --opacity-30-60: 0.3; 5015 5016 /* Disabled */ 5017 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 5018 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 5019 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 5020 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 5021 } 5022 } 5023 @media screen and (min-width: 750px) and (max-width: 1024px){ 5024 .color-tablet-scheme-4f9075f0-9b5d-442d-99fa-3094ffb505bc { 5025 /* Background */ 5026 5027 --color-background: rgb(255 255 255 / 1.0); 5028 5029 5030 --color-background-rgb: 255 255 255; 5031 5032 /* Body */ 5033 --color-foreground: rgb(0 0 0 / 1.0); 5034 --color-foreground-rgb: 0 0 0; 5035 5036 /* Heading */ 5037 --color-foreground-heading: rgb(0 0 0 / 1.0); 5038 --color-foreground-heading-rgb: 0 0 0; 5039 5040 /* Link */ 5041 --color-primary: rgb(0 0 0 / 1.0); 5042 --color-primary-rgb: 0 0 0; 5043 --color-primary-hover: rgb(0 51 73 / 1.0); 5044 --color-primary-hover-rgb: 0 51 73; 5045 5046 /* Border */ 5047 --color-border: rgb(169 169 169 / 1.0); 5048 --color-border-rgb: 169 169 169; 5049 5050 /* Shadow */ 5051 --color-shadow: rgb(128 128 128 / 1.0); 5052 --color-shadow-rgb: 128 128 128; 5053 5054 /* Button primary */ 5055 --color-primary-button-text: rgb(0 51 73 / 1.0); 5056 --color-primary-button-text-rgb: 0 51 73; 5057 5058 --color-primary-button-background: rgb(0 51 73 / 1.0); 5059 5060 5061 --color-primary-button-border: rgb(0 51 73 / 1.0); 5062 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 5063 5064 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 5065 5066 5067 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 5068 5069 /* Button secondary */ 5070 --color-secondary-button-text: rgb(0 51 73 / 1.0); 5071 --color-secondary-button-text-rgb: 0 51 73; 5072 5073 --color-secondary-button-background: rgb(0 0 0 / 1.0); 5074 5075 5076 --color-secondary-button-border: rgb(0 0 0 / 1.0); 5077 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 5078 5079 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 5080 5081 5082 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 5083 5084 /* Input */ 5085 --color-input-background: rgb(255 255 255 / 1.0); 5086 --color-input-text: rgb(0 0 0 / 1.0); 5087 --color-input-text-rgb: 0 0 0; 5088 --color-input-border: rgb(198 198 198 / 1.0); 5089 --color-input-hover-background: rgb(245 245 245 / 1.0); 5090 5091 /* Payment Terms */ 5092 --payment-terms-background-color: rgb(255 255 255); 5093 5094 /* Arrows */ 5095 --arrow-color: rgb(30 60 50 / 1.0); 5096 --arrow-background: rgb(0 0 0 / 0.0); 5097 --arrow-border: rgb(0 0 0 / 0.0); 5098 5099 /* Pagination */ 5100 --pagination-color: rgb(0 51 73 / 1.0); 5101 --pagination-active-color: rgb(255 255 255 / 1.0); 5102 5103 /* Opacity */ 5104 --opacity-5-15: 0.05; 5105 --opacity-10-25: 0.1; 5106 --opacity-35-55: 0.35; 5107 --opacity-40-60: 0.4; 5108 --opacity-30-60: 0.3; 5109 5110 /* Disabled */ 5111 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 5112 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 5113 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 5114 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 5115 } 5116 } 5117 5118 5119 @media screen and (max-width: 749px){ 5120 5121 .color-mobile-scheme-4b1db62a-44b4-4446-96c4-2d8aee2ba4f0 {
5122 /* Background */ 5123 5124 --color-background: rgb(0 0 0 / 1.0); 5125 5126 5127 --color-background-rgb: 0 0 0; 5128 5129 /* Body */ 5130 --color-foreground: rgb(255 255 255 / 1.0); 5131 --color-foreground-rgb: 255 255 255; 5132 5133 /* Heading */ 5134 --color-foreground-heading: rgb(255 255 255 / 1.0); 5135 --color-foreground-heading-rgb: 255 255 255; 5136 5137 /* Link */ 5138 --color-primary: rgb(0 0 0 / 1.0); 5139 --color-primary-rgb: 0 0 0; 5140 --color-primary-hover: rgb(0 0 0 / 1.0); 5141 --color-primary-hover-rgb: 0 0 0; 5142 5143 /* Border */ 5144 --color-border: rgb(169 169 169 / 1.0); 5145 --color-border-rgb: 169 169 169; 5146 5147 /* Shadow */ 5148 --color-shadow: rgb(128 128 128 / 1.0); 5149 --color-shadow-rgb: 128 128 128; 5150 5151 /* Button primary */ 5152 --color-primary-button-text: rgb(0 51 73 / 1.0); 5153 --color-primary-button-text-rgb: 0 51 73; 5154 5155 --color-primary-button-background: rgb(255 255 255 / 1.0); 5156 5157 5158 --color-primary-button-border: rgb(0 51 73 / 1.0); 5159 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 5160 5161 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 5162 5163 5164 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 5165 5166 /* Button secondary */ 5167 --color-secondary-button-text: rgb(255 255 255 / 1.0); 5168 --color-secondary-button-text-rgb: 255 255 255; 5169 5170 --color-secondary-button-background: rgb(0 0 0 / 1.0); 5171 5172 5173 --color-secondary-button-border: rgb(0 0 0 / 1.0); 5174 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 5175 5176 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 5177 5178 5179 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 5180 5181 /* Input */ 5182 --color-input-background: rgb(255 255 255 / 1.0); 5183 --color-input-text: rgb(0 0 0 / 1.0); 5184 --color-input-text-rgb: 0 0 0; 5185 --color-input-border: rgb(198 198 198 / 1.0); 5186 --color-input-hover-background: rgb(245 245 245 / 1.0); 5187 5188 /* Payment Terms */ 5189 --payment-terms-background-color: rgb(0 0 0); 5190 5191 /* Arrows */ 5192 --arrow-color: rgb(30 60 50 / 1.0); 5193 --arrow-background: rgb(0 0 0 / 0.0); 5194 --arrow-border: rgb(0 0 0 / 0.0); 5195 5196 /* Pagination */ 5197 --pagination-color: rgb(198 198 198 / 1.0); 5198 --pagination-active-color: rgb(0 51 73 / 1.0); 5199 5200 /* Opacity */ 5201 --opacity-5-15: 0.15; 5202 --opacity-10-25: 0.25; 5203 --opacity-35-55: 0.55; 5204 --opacity-40-60: 0.6; 5205 --opacity-30-60: 0.6; 5206 5207 /* Disabled */ 5208 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 5209 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 5210 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 5211 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 5212 } 5213 } 5214 @media screen and (min-width: 750px) and (max-width: 1024px){ 5215 .color-tablet-scheme-4b1db62a-44b4-4446-96c4-2d8aee2ba4f0 { 5216 /* Background */ 5217 5218 --color-background: rgb(0 0 0 / 1.0); 5219 5220 5221 --color-background-rgb: 0 0 0; 5222 5223 /* Body */ 5224 --color-foreground: rgb(255 255 255 / 1.0); 5225 --color-foreground-rgb: 255 255 255; 5226 5227 /* Heading */ 5228 --color-foreground-heading: rgb(255 255 255 / 1.0); 5229 --color-foreground-heading-rgb: 255 255 255; 5230 5231 /* Link */ 5232 --color-primary: rgb(0 0 0 / 1.0); 5233 --color-primary-rgb: 0 0 0; 5234 --color-primary-hover: rgb(0 0 0 / 1.0); 5235 --color-primary-hover-rgb: 0 0 0; 5236 5237 /* Border */ 5238 --color-border: rgb(169 169 169 / 1.0); 5239 --color-border-rgb: 169 169 169; 5240 5241 /* Shadow */ 5242 --color-shadow: rgb(128 128 128 / 1.0); 5243 --color-shadow-rgb: 128 128 128; 5244 5245 /* Button primary */ 5246 --color-primary-button-text: rgb(0 51 73 / 1.0); 5247 --color-primary-button-text-rgb: 0 51 73; 5248 5249 --color-primary-button-background: rgb(255 255 255 / 1.0); 5250 5251 5252 --color-primary-button-border: rgb(0 51 73 / 1.0); 5253 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 5254 5255 --color-primary-button-hover-background: rgb(0 51 73 / 1.0); 5256 5257 5258 --color-primary-button-hover-border: rgb(255 255 255 / 1.0); 5259 5260 /* Button secondary */ 5261 --color-secondary-button-text: rgb(255 255 255 / 1.0); 5262 --color-secondary-button-text-rgb: 255 255 255; 5263 5264 --color-secondary-button-background: rgb(0 0 0 / 1.0); 5265 5266 5267 --color-secondary-button-border: rgb(0 0 0 / 1.0); 5268 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 5269 5270 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 5271 5272 5273 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 5274 5275 /* Input */ 5276 --color-input-background: rgb(255 255 255 / 1.0); 5277 --color-input-text: rgb(0 0 0 / 1.0); 5278 --color-input-text-rgb: 0 0 0; 5279 --color-input-border: rgb(198 198 198 / 1.0); 5280 --color-input-hover-background: rgb(245 245 245 / 1.0); 5281 5282 /* Payment Terms */ 5283 --payment-terms-background-color: rgb(0 0 0); 5284 5285 /* Arrows */ 5286 --arrow-color: rgb(30 60 50 / 1.0); 5287 --arrow-background: rgb(0 0 0 / 0.0); 5288 --arrow-border: rgb(0 0 0 / 0.0); 5289 5290 /* Pagination */ 5291 --pagination-color: rgb(198 198 198 / 1.0); 5292 --pagination-active-color: rgb(0 51 73 / 1.0); 5293 5294 /* Opacity */ 5295 --opacity-5-15: 0.15; 5296 --opacity-10-25: 0.25; 5297 --opacity-35-55: 0.55; 5298 --opacity-40-60: 0.6; 5299 --opacity-30-60: 0.6; 5300 5301 /* Disabled */ 5302 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 5303 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 5304 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 5305 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 5306 } 5307 } 5308 5309 5310 @media screen and (max-width: 749px){ 5311 5312 .color-mobile-scheme-e2e49e79-db5e-47bd-8e70-688860a6a08c {
5313 /* Background */ 5314 5315 --color-background: rgb(255 255 255 / 1.0); 5316 5317 5318 --color-background-rgb: 255 255 255; 5319 5320 /* Body */ 5321 --color-foreground: rgb(0 0 0 / 1.0); 5322 --color-foreground-rgb: 0 0 0; 5323 5324 /* Heading */ 5325 --color-foreground-heading: rgb(0 0 0 / 1.0); 5326 --color-foreground-heading-rgb: 0 0 0; 5327 5328 /* Link */ 5329 --color-primary: rgb(220 152 20 / 1.0); 5330 --color-primary-rgb: 220 152 20; 5331 --color-primary-hover: rgb(220 152 20 / 1.0); 5332 --color-primary-hover-rgb: 220 152 20; 5333 5334 /* Border */ 5335 --color-border: rgb(169 169 169 / 1.0); 5336 --color-border-rgb: 169 169 169; 5337 5338 /* Shadow */ 5339 --color-shadow: rgb(128 128 128 / 1.0); 5340 --color-shadow-rgb: 128 128 128; 5341 5342 /* Button primary */ 5343 --color-primary-button-text: rgb(255 255 255 / 1.0); 5344 --color-primary-button-text-rgb: 255 255 255; 5345 5346 --color-primary-button-background: rgb(0 51 73 / 1.0); 5347 5348 5349 --color-primary-button-border: rgb(0 51 73 / 1.0); 5350 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 5351 5352 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 5353 5354 5355 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 5356 5357 /* Button secondary */ 5358 --color-secondary-button-text: rgb(255 255 255 / 1.0); 5359 --color-secondary-button-text-rgb: 255 255 255; 5360 5361 --color-secondary-button-background: rgb(0 0 0 / 1.0); 5362 5363 5364 --color-secondary-button-border: rgb(0 0 0 / 1.0); 5365 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 5366 5367 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 5368 5369 5370 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 5371 5372 /* Input */ 5373 --color-input-background: rgb(255 255 255 / 1.0); 5374 --color-input-text: rgb(220 152 20 / 1.0); 5375 --color-input-text-rgb: 220 152 20; 5376 --color-input-border: rgb(198 198 198 / 1.0); 5377 --color-input-hover-background: rgb(245 245 245 / 1.0); 5378 5379 /* Payment Terms */ 5380 --payment-terms-background-color: rgb(255 255 255); 5381 5382 /* Arrows */ 5383 --arrow-color: rgb(30 60 50 / 1.0); 5384 --arrow-background: rgb(0 0 0 / 0.0); 5385 --arrow-border: rgb(0 0 0 / 0.0); 5386 5387 /* Pagination */ 5388 --pagination-color: rgb(198 198 198 / 1.0); 5389 --pagination-active-color: rgb(0 51 73 / 1.0); 5390 5391 /* Opacity */ 5392 --opacity-5-15: 0.05; 5393 --opacity-10-25: 0.1; 5394 --opacity-35-55: 0.35; 5395 --opacity-40-60: 0.4; 5396 --opacity-30-60: 0.3; 5397 5398 /* Disabled */ 5399 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 5400 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 5401 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 5402 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 5403 } 5404 } 5405 @media screen and (min-width: 750px) and (max-width: 1024px){ 5406 .color-tablet-scheme-e2e49e79-db5e-47bd-8e70-688860a6a08c { 5407 /* Background */ 5408 5409 --color-background: rgb(255 255 255 / 1.0); 5410 5411 5412 --color-background-rgb: 255 255 255; 5413 5414 /* Body */ 5415 --color-foreground: rgb(0 0 0 / 1.0); 5416 --color-foreground-rgb: 0 0 0; 5417 5418 /* Heading */ 5419 --color-foreground-heading: rgb(0 0 0 / 1.0); 5420 --color-foreground-heading-rgb: 0 0 0; 5421 5422 /* Link */ 5423 --color-primary: rgb(220 152 20 / 1.0); 5424 --color-primary-rgb: 220 152 20; 5425 --color-primary-hover: rgb(220 152 20 / 1.0); 5426 --color-primary-hover-rgb: 220 152 20; 5427 5428 /* Border */ 5429 --color-border: rgb(169 169 169 / 1.0); 5430 --color-border-rgb: 169 169 169; 5431 5432 /* Shadow */ 5433 --color-shadow: rgb(128 128 128 / 1.0); 5434 --color-shadow-rgb: 128 128 128; 5435 5436 /* Button primary */ 5437 --color-primary-button-text: rgb(255 255 255 / 1.0); 5438 --color-primary-button-text-rgb: 255 255 255; 5439 5440 --color-primary-button-background: rgb(0 51 73 / 1.0); 5441 5442 5443 --color-primary-button-border: rgb(0 51 73 / 1.0); 5444 --color-primary-button-hover-text: rgb(0 51 73 / 1.0); 5445 5446 --color-primary-button-hover-background: rgb(255 255 255 / 1.0); 5447 5448 5449 --color-primary-button-hover-border: rgb(0 51 73 / 1.0); 5450 5451 /* Button secondary */ 5452 --color-secondary-button-text: rgb(255 255 255 / 1.0); 5453 --color-secondary-button-text-rgb: 255 255 255; 5454 5455 --color-secondary-button-background: rgb(0 0 0 / 1.0); 5456 5457 5458 --color-secondary-button-border: rgb(0 0 0 / 1.0); 5459 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 5460 5461 --color-secondary-button-hover-background: rgb(255 255 255 / 1.0); 5462 5463 5464 --color-secondary-button-hover-border: rgb(0 0 0 / 1.0); 5465 5466 /* Input */ 5467 --color-input-background: rgb(255 255 255 / 1.0); 5468 --color-input-text: rgb(220 152 20 / 1.0); 5469 --color-input-text-rgb: 220 152 20; 5470 --color-input-border: rgb(198 198 198 / 1.0); 5471 --color-input-hover-background: rgb(245 245 245 / 1.0); 5472 5473 /* Payment Terms */ 5474 --payment-terms-background-color: rgb(255 255 255); 5475 5476 /* Arrows */ 5477 --arrow-color: rgb(30 60 50 / 1.0); 5478 --arrow-background: rgb(0 0 0 / 0.0); 5479 --arrow-border: rgb(0 0 0 / 0.0); 5480 5481 /* Pagination */ 5482 --pagination-color: rgb(198 198 198 / 1.0); 5483 --pagination-active-color: rgb(0 51 73 / 1.0); 5484 5485 /* Opacity */ 5486 --opacity-5-15: 0.05; 5487 --opacity-10-25: 0.1; 5488 --opacity-35-55: 0.35; 5489 --opacity-40-60: 0.4; 5490 --opacity-30-60: 0.3; 5491 5492 /* Disabled */ 5493 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 5494 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 5495 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 5496 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 5497 } 5498 } 5499 5500 5501 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11, .color-scheme-10e92936-df96-4719-ae18-2bc407d759aa, .color-scheme-d328c48a-0b41-4931-b5e2-6a898d32d1f4, .color-scheme-93864b7b-7a5e-44b1-ade3-306690eca6c6, .color-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332, .color-scheme-4f9075f0-9b5d-442d-99fa-3094ffb505bc, .color-scheme-4b1db62a-44b4-4446-96c4-2d8aee2ba4f0, .color-scheme-e2e49e79-db5e-47bd-8e70-688860a6a08c { 5502 color: var(--color-foreground); 5503 background: var(--color-background); 5504 } 5505 5506 :root { 5507 /* Hot stock */ 5508 --color-hot-stock: rgb(214 40 40 / 1.0); 5509 5510 /* Badges */ 5511 --color-sale-badge-foreground: rgb(255 255 255 / 1.0); 5512 --color-sale-badge-background: rgb(214 40 40 / 1.0); 5513 5514 --color-sale-badge-border: 5515 5516 rgb(214 40 40 / 1.0) 5517 ; 5518 5519 --color-sold-out-badge-foreground: rgb(0 0 0 / 1.0); 5520 --color-sold-out-badge-background: rgb(255 255 255 / 1.0); 5521 5522 --color-sold-out-badge-border: 5523 5524 rgb(0 0 0 / 1.0) 5525 ; 5526 5527 --color-new-badge-foreground: rgb(0 0 0 / 1.0); 5528 --color-new-badge-background: rgb(255 255 255 / 1.0); 5529 5530 --color-new-badge-border: 5531 5532 rgb(0 0 0 / 1.0) 5533 ; 5534 5535 --color-custom-badge-foreground: rgb(0 0 0 / 1.0); 5536 --color-custom-badge-background: rgb(255 255 255 / 1.0); 5537 5538 --color-custom-badge-border: 5539 5540 rgb(0 0 0 / 1.0) 5541 ; 5542 5543 /* Product card actions */ 5544 --wishtlist-button-color: #000000; 5545 --wishtlist-button-background: #ffffff; 5546 --quickview-button-color: #000000; 5547 --quickview-button-background: #ffffff; 5548 --compare-button-color: #000000; 5549 --compare-button-background: #ffffff; 5550 5551 /* Product prices */ 5552 --default-price-color: #000000; 5553 --default-compare-color: #000000bf; 5554 --default-sale-color: #d12442; 5555 5556 /* Arrows */ 5557 --arrow-width: 6.5rem; 5558 --arrow-height: 3.4rem; 5559 --arrow-icon-size: 4.1rem; 5560 --arrow-radius: 0.0rem; 5561 --arrow-border-thickness: 0.1rem; 5562 5563 /* Section Heights */ 5564 --section-height-small: 24rem; 5565 --section-height-medium: 40rem; 5566 --section-height-large: 55rem; 5567 5568 @media screen and (min-width: 40em) { 5569 --section-height-small: 40svh; 5570 --section-height-medium: 55svh; 5571 --section-height-large: 70svh; 5572 } 5573 5574 @media screen and (min-width: 60em) { 5575 --section-height-small: 50svh; 5576 --section-height-medium: 65svh; 5577 --section-height-large: 80svh; 5578 } 5579 5580 /* Line height / Leading */ 5581 --body-3xl-font-size: 2.8rem; /* 28px */ 5582 --body-2xl-font-size: 2.4rem; /* 24px */ 5583 --body-xl-font-size: 2.0rem; /* 20px */ 5584 --body-l-font-size: 1.8rem; /* 18px */ 5585 --body-m-font-size: 1.6rem; /* 16px */ 5586 --body-s-font-size: 1.4rem; /* 14px */ 5587 --body-xs-font-size: 1.2rem; /* 12px */ 5588 --body-xxs-font-size: 1.0rem; /* 10px */ 5589 5590 --body-3xl-line-height: 4.2rem; /* 42px */ 5591 --body-2xl-line-height: 3.6rem; /* 36px */ 5592 --body-xl-line-height: 3.0rem; /* 30px */ 5593 --body-l-line-height: 2.6rem;
5593 /* 26px */ 5594 --body-m-line-height: 2.4rem; /* 24px */ 5595 --body-s-line-height: 2rem; /* 20px */ 5596 --body-xs-line-height: 1.8rem; /* 18px */ 5597 --body-xxs-line-height: 1.4rem; /* 14px */ 5598 5599 --line-height: 1; 5600 5601 --line-height--display-tight: 1; 5602 --line-height--display-normal: 1.1; 5603 --line-height--display-loose: 1.2; 5604 5605 --line-height--heading-tight: 1.15; 5606 --line-height--heading-normal: 1.25; 5607 --line-height--heading-loose: 1.35; 5608 5609 --line-height--body-tight: 1.2; 5610 --line-height--body-normal: 1.4; 5611 --line-height--body-loose: 1.6; 5612 5613 /* Typography presets */--font-size--paragraph: 1.6rem;--font-size--paragraph-md: calc(1.6rem + 0.2rem);--font-size--paragraph-sm: clamp(1rem, calc(1.6rem - 0.2rem), 1.6rem);--font-size--h1: clamp(5.0rem, 9.6vw, 6.0rem);--font-size--h2: clamp(3.0rem, 8.0vw, 5.0rem);--font-size--h3: 4.0rem;--font-size--h4: 3.0rem;--font-size--h5: 2.0rem;--font-size--h6: 1.6rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-heading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-heading--family);--font-h6--style: var(--font-heading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);/* Letter-spacing / Tracking */ 5614 --letter-spacing--display-tight: -0.03em; /* -0.3px */ 5615 --letter-spacing--display-normal: 0; /* 0px */ 5616 --letter-spacing--display-loose: 0.03em; /* 0.3px */ 5617 5618 --letter-spacing--heading-tight: -0.03em; /* -0.3px */ 5619 --letter-spacing--heading-normal: 0; /* 0px */ 5620 --letter-spacing--heading-loose: 0.03em; /* 0.3px */ 5621 5622 --letter-spacing--body-tight: -0.03em; /* -0.3px */ 5623 --letter-spacing--body-normal: 0; /* 0px */ 5624 --letter-spacing--body-loose: 0.03em; /* 0.3px */ 5625 5626 /* Text transform */ 5627 --text-transform--none: none; 5628 --text-transform--uppercase: uppercase; 5629 --text-transform--capitalize: capitalize; 5630 5631 /* Font body */ 5632 --font-body--family: Jost, sans-serif; 5633 --font-body--style: normal; 5634 --font-body--weight: 400; 5635 --font-body--size: 1.6rem; 5636 --font-body--line-height: var(--line-height--body-normal); 5637 5638 /* Font subheading */ 5639 --font-subheading--family: Jost, sans-serif; 5640 --font-subheading--style: normal; 5641 --font-subheading--weight: 400; 5642 5643 /* Font heading */ 5644 --font-heading--family: "Playfair Display", serif; 5645 --font-heading--style: normal; 5646 --font-heading--weight: 400; 5647 5648 /* Font size */ 5649 --font-size--3xs: 1.0rem; /* 10px */ 5650 --font-size--2xs: 1.2rem; /* 12px */ 5651 --font-size--xs: 1.3rem; /* 13px */ 5652 --font-size--sm: 1.4rem; /* 14px */ 5653 --font-size--md: 1.6rem; /* 16px */ 5654 --font-size--lg: 1.8rem; /* 18px */ 5655 --font-size--xl: 2rem; /* 20px */ 5656 --font-size--2xl: 2.4rem; /* 24px */ 5657 --font-size--3xl: 3.2rem; /* 32px */ 5658 --font-size--4xl: 4rem; /* 40px */ 5659 --font-size--5xl: 4.8rem; /* 48px */ 5660 --font-size--6xl: 5.6rem; /* 56px */ 5661 5662 /* Margin sizes */ 5663 --font-h1--spacing: 0.25em; /* 2.5px */ 5664 --font-h2--spacing: 0.25em; /* 2.5px */ 5665 --font-h3--spacing: 0.25em; /* 2.5px */ 5666 --font-h4--spacing: 0.25em; /* 2.5px */ 5667 --font-h5--spacing: 0.25em; /* 2.5px */ 5668 --font-h6--spacing: 0.25em; /* 2.5px */ 5669 --font-paragraph--spacing: 0; /* 0px */ 5670 5671 /* Page layout */ 5672 --page-margin: 1rem; /* 10px */ 5673 --page-content-width: 177rem; 5674 --page-width: calc(var(--page-content-width) + var(--page-margin) * 2); 5675 --sidebar-width: 25rem; /* 250px */ 5676 --side-cart-width: 34rem; /* 340px */ 5677 --narrow-content-width: 36rem; /* 360px */ 5678 --normal-content-width: 42rem; /* 420px */ 5679 --wide-content-width: 46rem; /* 460px */ 5680 --narrow-page-width: 90rem; /* 900px */ 5681 --normal-page-width: 120rem; /* 1200px */ 5682 --wide-page-width: 150rem; /* 1500px */ 5683 5684 /* Product card */ 5685 --product-card-image-padding: 0.0rem; 5686 --product-card-corner-radius: 0.0rem; 5687 --product-card-border-width: 0.0rem; 5688 --product-card-shadow-horizontal-offset: 0.0rem; 5689 --product-card-shadow-vertical-offset: 0.4rem; 5690 --product-card-shadow-blur-radius: 0.5rem; 5691 5692 /* Badge */ 5693 --badge-corner-radius: 0.0rem; 5694 5695 /* Grid */ 5696 --grid-desktop-vertical-spacing: 3.0rem; 5697 --grid-desktop-horizontal-spacing: 3.0rem; 5698 --grid-mobile-vertical-spacing: 1.5rem; 5699 --grid-mobile-horizontal-spacing: 1.5rem; 5700 5701 /* Borders */ 5702 --style-border-width: 1px; 5703 --style-border-radius-xs: 0.2rem; 5704 --style-border-radius-sm: 0.6rem; 5705 --style-border-radius-md: 0.8rem; 5706 --style-border-radius-50: 50%; 5707 --style-border-radius-lg: 1rem; 5708 --style-border-radius-buttons-primary: 0.0rem; 5709 --style-border-radius-buttons-secondary: 0.0rem; 5710 --style-border-width-primary: 0.1rem; 5711 --style-border-width-secondary: 0.1rem; 5712 5713 /* Buttons */ 5714 --button-font-family-primary: var(--font-subheading--family); 5715 --button-font-family-secondary: var(--font-subheading--family); 5716 --button-font-size-primary: 1.6rem; 5717 --button-font-size-secondary: 1.6rem; 5718 --button-font-weight-primary: 500; 5719 --button-font-weight-secondary: default; 5720 --button-text-case-primary: uppercase; 5721 --button-text-case-secondary: uppercase; 5722 5723 --buttons-shadow-horizontal-offset: 0.0rem; 5724 --buttons-shadow-vertical-offset: 0.0rem; 5725 --buttons-shadow-blur-radius: 0.0rem; 5726 --button-padding-vertical: 1.2rem; 5727 --button-padding-vertical-mobile: 1.2rem; 5728 --button-padding-horizontal: 3.2rem; 5729 --button-padding-horizontal-mobile: 1.6rem; 5730 --minimum-touch-target: 4.5rem; /* 45px */ 5731 --button-size: var(--minimum-touch-target); 5732 5733 /* Focus */ 5734 --focus-outline-width: 0.09375rem; /* 0.9375px */ 5735 --focus-outline-offset: 0.2em; /* 2px */ 5736 5737 /* Icons */ 5738 --icon-size-2xs: 0.8rem; /* 8px */ 5739 --icon-size-xs: 1.2rem; /* 12px */ 5740 --icon-size-sm: 1.6rem; /* 16px */ 5741 --icon-size-md: 2rem; /* 20px */ 5742 --icon-size-lg: 2.4rem; /* 24px */ 5743 --icon-size-xl: 3.2rem; /* 32px */ 5744 --icon-stroke-width: 1.5px; /* 1px, 2px, 1.5px */ 5745 5746 /* Inputs */ 5747 --inputs-radius: 0.0rem; 5748 --inputs-border-width: 0.1rem; 5749 --inputs-shadow-horizontal-offset: 0.0rem; 5750 --inputs-shadow-vertical-offset: 0.0rem; 5751 --inputs-shadow-blur-radius: 0.0rem; 5752 --inputs-radius-outset: 0px; 5753 5754 /* Variant pills */ 5755 --variant-pills-radius: 0.0rem; 5756 --variant-pills-border-width: 0.1rem; 5757 --variant-pills-shadow-horizontal-offset: 0.0rem; 5758 --variant-pills-shadow-vertical-offset: 0.0rem; 5759 --variant-pills-shadow-blur-radius: 0.0rem; 5760 5761 /* Swatch input */ 5762 --swatch-input--size: 2.0rem; 5763 5764 /* Localization */ 5765 --localization-radius: 0.0rem; 5766 --localization-border-width: 0.1rem; /* 1px */ 5767 --localization-corner-radius: 1rem; /* 10px */ 5768 --localization-shadow: 0 1rem 2rem rgb(40 40 40 / var(--opacity-8)); 5769 5770 /* Popover */ 5771 --modal-max-width: 90dvw; 5772 --modal-max-height: 90dvh; 5773 --style-border-width-popover: 0.0rem;
5774 --style-border-radius-popover: 0.0rem; 5775 --style-border-popover: var(--style-border-width-popover) normal rgb(var(--color-border-rgb) / 50%); 5776 5777 5778 /* Quantity */ 5779 --quantity-color-background: var(--color-foreground-rgb); 5780 --quantity-radius: 0.0rem; 5781 --quantity-border-width: 0.1rem; /* 1px */ 5782 --quantity-shadow: none; 5783 5784 /* Size */ 5785 --size-1: 0.1rem; /* 1px */ 5786 --size-2: 0.2rem; /* 2px */ 5787 --size-3: 0.3rem; /* 3px */ 5788 --size-4: 0.4rem; /* 4px */ 5789 --size-5: 0.5rem; /* 5px */ 5790 --size-6: 0.6rem; /* 6px */ 5791 --size-7: 0.7rem; /* 7px */ 5792 --size-8: 0.8rem; /* 8px */ 5793 --size-9: 0.9rem; /* 9px */ 5794 --size-10: 1rem; /* 10px */ 5795 --size-11: 1.1rem; /* 11px */ 5796 --size-12: 1.2rem; /* 12px */ 5797 --size-13: 1.3rem; /* 13px */ 5798 --size-14: 1.4rem; /* 14px */ 5799 --size-15: 1.5rem; /* 15px */ 5800 --size-16: 1.6rem; /* 16px */ 5801 --size-17: 1.7rem; /* 17px */ 5802 --size-18: 1.8rem; /* 18px */ 5803 --size-19: 1.9rem; /* 19px */ 5804 --size-20: 2rem; /* 20px */ 5805 --size-21: 2.1rem; /* 21px */ 5806 --size-22: 2.2rem; /* 22px */ 5807 --size-23: 2.3rem; /* 23px */ 5808 --size-24: 2.4rem; /* 24px */ 5809 --size-25: 2.5rem; /* 25px */ 5810 --size-26: 2.6rem; /* 26px */ 5811 --size-27: 2.7rem; /* 27px */ 5812 --size-28: 2.8rem; /* 28px */ 5813 --size-29: 2.9rem; /* 29px */ 5814 --size-30: 3rem; /* 30px */ 5815 --size-31: 3.1rem; /* 31px */ 5816 --size-32: 3.2rem; /* 32px */ 5817 --size-33: 3.3rem; /* 33px */ 5818 --size-34: 3.4rem; /* 34px */ 5819 --size-35: 3.5rem; /* 35px */ 5820 --size-36: 3.6rem; /* 36px */ 5821 --size-37: 3.7rem; /* 37px */ 5822 --size-38: 3.8rem; /* 38px */ 5823 --size-39: 3.9rem; /* 39px */ 5824 --size-40: 4rem; /* 40px */ 5825 --size-41: 4.1rem; /* 41px */ 5826 --size-42: 4.2rem; /* 42px */ 5827 --size-43: 4.3rem; /* 43px */ 5828 --size-44: 4.4rem; /* 44px */ 5829 --size-45: 4.5rem; /* 45px */ 5830 --size-46: 4.6rem; /* 46px */ 5831 --size-47: 4.7rem; /* 47px */ 5832 --size-48: 4.8rem; /* 48px */ 5833 5834 /* Spacing */ 5835 --padding-3xs: 0.2rem; /* 2px */ 5836 --padding-2xs: 0.4rem; /* 4px */ 5837 --padding-xs: 0.8rem; /* 8px */ 5838 --padding-sm: 1rem; /* 10px */ 5839 --padding-md: 1.2rem; /* 12px */ 5840 --padding-lg: 1.6rem; /* 16px */ 5841 --padding-xl: 2rem; /* 20px */ 5842 --padding-2xl: 2.4rem; /* 24px */ 5843 --padding-3xl: 2.8rem; /* 28px */ 5844 --padding-4xl: 3.2rem; /* 32px */ 5845 --padding-5xl: 4.8rem; /* 48px */ 5846 --padding-6xl: 6.4rem; /* 64px */ 5847 5848 --gap-3xs: 0.125rem; /* 1.25px */ 5849 --gap-2xs: 0.3rem; /* 3px */ 5850 --gap-xs: 0.5rem; /* 5px */ 5851 --gap-sm: 0.7rem; /* 7px */ 5852 --gap-md: 0.9rem; /* 9px */ 5853 --gap-lg: 1rem; /* 10px */ 5854 --gap-xl: 1.5rem; /* 15px */ 5855 --gap-2xl: 2rem; /* 20px */ 5856 --gap-3xl: 2.5rem; /* 25px */ 5857 --gap-4xl: 3rem; /* 30px */ 5858 5859 --margin-3xs: 0.2rem; /* 2px */ 5860 --margin-2xs: 0.4rem; /* 4px */ 5861 --margin-xs: 0.8rem; /* 8px */ 5862 --margin-sm: 1rem; /* 10px */ 5863 --margin-md: 1.2rem; /* 12px */ 5864 --margin-lg: 1.6rem; /* 16px */ 5865 --margin-xl: 2rem; /* 20px */ 5866 --margin-2xl: 2.4rem; /* 24px */ 5867 --margin-3xl: 2.8rem; /* 28px */ 5868 --margin-4xl: 3.2rem; /* 32px */ 5869 --margin-5xl: 4.8rem; /* 48px */ 5870 --margin-6xl: 8rem; /* 80px */ 5871 5872 --spacing-sections-desktop: 0.0rem; 5873 --spacing-sections-mobile: 0px; 5874 --spacing-scale-sm: 0.5; 5875 --spacing-scale-md: 0.7; 5876 --spacing-scale-default: 1.0; 5877 5878 /** Z-Index / Layering */ 5879 --layer-section-background: -2; 5880 --layer-lowest: -1; 5881 --layer-raised: 2; 5882 --layer-base: 0; 5883 --layer-flat: 1; 5884 --layer-heightened: 4; 5885 --layer-sticky: 8; 5886 --layer-window-overlay: 10; 5887 --layer-header-menu: 12; 5888 --layer-overlay: 16; 5889 --layer-menu-drawer: 18; 5890 --layer-sidebar: 19; 5891 --layer-temporary: 20; 5892 5893 /* Animation */ 5894 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 5895 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 5896 --ease-out-smooth: cubic-bezier(0.61, 0.22, 0.23, 1); 5897 --animation-speed-fast: 0.0625s; 5898 --animation-speed: 0.125s; 5899 --animation-speed-slow: 0.2s; 5900 --animation-speed-slowest: 0.35s; 5901 --animation-speed-medium: 0.15s; 5902 --animation-easing: ease-in-out;
5903 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 5904 --drawer-animation-speed: 0.2s; 5905 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 5906 --animation-slowest-smooth: var(--animation-speed-slowest) var(--ease-out-smooth); 5907 --animation-values: var(--animation-speed) var(--animation-easing); 5908 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 5909 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 5910 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 5911 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 5912 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 5913 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 5914 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 5915 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 5916 5917 /* multi-level-category */ 5918 --color-label-multiLevel-categories: #232323; 5919 --bg-label-multiLevel-categories: #ffffff; 5920 --color-button-multiLevel-categories: #ffffff; 5921 --bg-button-multiLevel-categories: #ff8b21; 5922 --border-button-multiLevel-categories: transparent; 5923 --hover-color-button-multiLevel-categories: #ffffff; 5924 --hover-bg-button-multiLevel-categories: #ff8b21; 5925 5926 /* Opacity */ 5927 --opacity-0: 0; 5928 --opacity-1: 0.01; 5929 --opacity-4: 0.04; 5930 --opacity-8: 0.08; 5931 --opacity-10: 0.1; 5932 --opacity-15: 0.15; 5933 --opacity-20: 0.2; 5934 --opacity-25: 0.25; 5935 --opacity-30: 0.3; 5936 --opacity-35: 0.35; 5937 --opacity-40: 0.4; 5938 --opacity-45: 0.45; 5939 --opacity-50: 0.5; 5940 --opacity-55: 0.55; 5941 --opacity-60: 0.6; 5942 --opacity-65: 0.65; 5943 --opacity-70: 0.7; 5944 --opacity-75: 0.75; 5945 --opacity-80: 0.8; 5946 --opacity-85: 0.85; 5947 --opacity-90: 0.9; 5948 --opacity-95: 0.95; 5949 --opacity-100: 1; 5950 --opacity-subdued-text: var(--opacity-70); 5951 5952 /* Colors */ 5953 --color-black: #000000; 5954 --color-black-rgb: 0 0 0; 5955 --color-white: #ffffff; 5956 --color-white-rgb: 255 255 255; 5957 --color-success-text: #28a745; 5958 --color-success-background: #d4edda; 5959 --color-error-text: #dc3545; 5960 --color-error-background: #f8d7da; 5961 --color-info-text: #17a2b8; 5962 --color-info-background: #d1ecf1; 5963 --color-warning-text: #5c4425; 5964 --color-warning-background: #fbf8e5; 5965 --bg-light-gray: #fafafa; 5966 --bg-medium-gray: #cccccc; 5967 --bg-dark-gray: #333333; 5968 --color-error-strikethrough: #e95144; 5969 --color-new-arrivals: #427AE8; 5970 --color-hot: #E85342;} 5971 5972 @media screen and (min-width: 750px) { 5973 :root { 5974 --page-margin: 4rem; 5975 } 5976 } 5977 5978 *, 5979 *::before, 5980 *::after { 5981 box-sizing: inherit; 5982 } 5983 5984 html { 5985 box-sizing: border-box; 5986 font-size: 62.5%; 5987 height: 100%; 5988 } 5989 5990 body { 5991 display: grid; 5992 grid-template-rows: auto auto 1fr auto; 5993 grid-template-columns: 100%; 5994 min-height: auto; 5995 margin: 0; 5996 font-size: var(--font-body--size); 5997 line-height: var(--font-body--line-height); 5998 font-family: var(--font-body--family); 5999 font-style: var(--font-body--style); 6000 font-weight: var(--font-body--weight); 6001 } 6002</style> 6003 6004�<link rel="preload" as="font" href="//natevaporcelain.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//natevaporcelain.com/cdn/fonts/jost/jost_n4.d47a1b6347ce4a4c9f437608011273009d91f2b7.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//natevaporcelain.com/cdn/fonts/playfair_display/playfairdisplay_n4.9980f3e16959dc89137cc1369bfc3ae98af1deb9.woff2" type="font/woff2" crossorigin> 6005 6006 <link href="//natevaporcelain.com/cdn/shop/t/8/assets/vendor.css?v=125514756949995026771772453469" rel="stylesheet" type="text/css" media="all" /><link href="//natevaporcelain.com/cdn/shop/t/8/assets/base.css?v=177606922033161194101772534046" rel="stylesheet" type="text/css" media="all" /><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/section.css?v=172299611464518051501772453469" media="print" onload="this.media='all'"> 6007<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-slider.css?v=89332962870308177301772453469" media="print" onload="this.media='all'"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-swatch.css?v=58085827403482072441772453469" media="print" onload="this.media='all'"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-predictive-search.css?v=108545855333558485351772453469" media="print" onload="this.media='all'"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-card.css?v=58862237150760383531772453469" media="print" onload="this.media='all'"> 6008<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-price.css?v=20640141399347244781772453469" media="print" onload="this.media='all'"> 6009<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-cart-items.css?v=143737233847580388961772453469" media="print" onload="this.media='all'"> 6010<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/animation.css?v=19780143684392414581772453469" media="print" onload="this.media='all'"> 6011 6012 6013<noscript> 6014 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/section.css?v=172299611464518051501772453469"> 6015 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-slider.css?v=89332962870308177301772453469"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-swatch.css?v=58085827403482072441772453469"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-predictive-search.css?v=108545855333558485351772453469"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-card.css?v=58862237150760383531772453469"> 6016 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-price.css?v=20640141399347244781772453469"> 6017 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-cart-items.css?v=143737233847580388961772453469"> 6018 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/animation.css?v=19780143684392414581772453469"> 6019</noscript> 6020�
6020<script src="//natevaporcelain.com/cdn/shop/t/8/assets/vendor.js?v=173475408311710871421772453469" defer="defer"></script>
vendor: 2 bytes, line 6020
6020
6021<script src="//natevaporcelain.com/cdn/shop/t/8/assets/global.js?v=70869196033911347641772453469" defer="defer"></script>
6021��
6021<script src="//natevaporcelain.com/cdn/shop/t/8/assets/localization-form.js?v=83830534967772479541772453469" defer="defer"></script>
6021<script src="//natevaporcelain.com/cdn/shop/t/8/assets/animations.js?v=62449766046873123401772453469" defer="defer"></script>
6021<script src="//natevaporcelain.com/cdn/shop/t/8/assets/text-animation.js?v=80153670801686326571772453469" defer="defer"></script>
6021 6022
6023<script src="//natevaporcelain.com/cdn/shop/t/8/assets/details-disclosure.js?v=175343101440171279401772589473" defer="defer"></script>
vendor: 2 bytes, line 6023
6023
6024<script src="//natevaporcelain.com/cdn/shop/t/8/assets/details-modal.js?v=80196261892624041141772453469" defer="defer"></script>
vendor: 2 bytes, line 6024
6024
6025<script src="//natevaporcelain.com/cdn/shop/t/8/assets/search-form.js?v=111987362970892267951772453469" defer="defer"></script>
6025 6026
6027<script> 6028 window.shopUrl = "https:\/\/natevaporcelain.com"; 6029 window.routes = { 6030 shop_origin: "https:\/\/natevaporcelain.com", 6031 root: null, 6032 root_url: "\/", 6033 cart_add_url: "\/cart\/add", 6034 cart_change_url: "\/cart\/change", 6035 cart_update_url: "\/cart\/update", 6036 cart_url: "\/cart", 6037 collection_all: "\/collections\/all", 6038 predictive_search_url: "\/search\/suggest", 6039 search_url: "\/search" 6040 }; 6041 6042 window.inventory_text = { 6043 hotStock: "Hurry up! Only [inventory] left", 6044 warningQuantity: "Maximum quantity: [inventory]" 6045 }; 6046 6047 window.button_load_more = { 6048 default: "Show more", 6049 loading: "Loading...", 6050 view_all: "View all", 6051 no_more: "No more products", 6052 no_more_collection: "No more products in this collection" 6053 }; 6054 6055 window.cartStrings = { 6056 error: "There was an error while updating your cart. Please try again.", 6057 quantityError: "You can only add [quantity] of this item to your cart.", 6058 item: "[count] item", 6059 items: "[count] items", 6060 item_99: "99+" 6061 }; 6062 6063 window.variantStrings = { 6064 addToCart: "Add to cart", 6065 addToCart_message: "You must select at least one products to add!", 6066 addingToCart: "Adding to cart...", 6067 chooseOptions: "Choose options", 6068 preOrder: "Pre-order", 6069 soldOut: "Sold out", 6070 soldOut_message: "This variant is sold out!", 6071 unavailable: "Unavailable", 6072 unavailable_message: "This variant is unavailable!", 6073 unavailable_with_option: "[value] - Unavailable" 6074 }; 6075 6076 window.quickOrderListStrings = { 6077 itemsAdded: "[quantity] items added", 6078 itemAdded: "[quantity] item added", 6079 itemsRemoved: "[quantity] items removed", 6080 itemRemoved: "[quantity] item removed", 6081 viewCart: "View cart", 6082 each: "[money]\/ea", 6083 min_error: "This item has a minimum of [min]", 6084 max_error: "This item has a maximum of [max]", 6085 step_error: "You can only add this item in increments of [step]" 6086 }; 6087 6088 window.accessibilityStrings = { 6089 imageAvailable: "Image [index] is now available in gallery view", 6090 shareSuccess: "Link copied to clipboard", 6091 pauseSlideshow: "Pause slideshow", 6092 playSlideshow: "Play slideshow", 6093 recipientFormExpanded: "Gift card recipient form expanded", 6094 recipientFormCollapsed: "Gift card recipient form collapsed", 6095 countrySelectorSearchCount: "[count] countries\/regions found" 6096 }; 6097 6098 window.shippingCalculatorStrings = { 6099 error: "One or more errors occurred while retrieving the shipping rates:", 6100 not_found: "Sorry, we do not ship to your address.", 6101 one_result: "There is one shipping rate for your address:", 6102 multiple_results: "There are multiple shipping rates for your address:" 6103 }; 6104 6105 window.countdown = { 6106 day: "D", 6107 hour: "H", 6108 min: "M", 6109 sec: "sec", 6110 days: "Days", 6111 hours: "Hours", 6112 mins: "Mins", 6113 secs: "secs", 6114 d: "d", 6115 h: "h", 6116 m: "m", 6117 s: "s" 6118 }; 6119 6120 window.dynamicBrowserTitle = { 6121 show: false, 6122 text: "Come back â¡" 6123 }; 6124 6125 window.floatingIcons = { 6126 show: false, 6127 icons: "â,â", 6128 speed: 100 6129 }; 6130 6131 6132 6133 window.wishlist = { 6134 add: "Add to wishlist", 6135 added: "Added to wishlist", 6136 empty: "No product is added to your wishlist", 6137 continue_shopping: "Continue shopping", 6138 remove: "Remove" 6139 }; 6140 6141 window.compare = { 6142 show: true, 6143 add: "Add to compare", 6144 added: "Added to compare", 6145 message: "You must select at least two products to compare!" 6146 }; 6147 6148 6149 window.money_format = "${{amount}}"; 6150 6151 6152 window.info = { 6153 name: 'ELLA Theme', 6154 version: 'v7.1.0 - 2026/03/02' 6155 }; 6156 6157 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 6158</script>
6158<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
6158<meta name="google-site-verification" content="rlqr3Mi5Mvi4_lUsCBOKlD2tcXbKtYzO53n7B5ArvIQ"> 6159<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/81166270790/digital_wallets/dialog"> 6160<meta id="in-context-paypal-metadata" data-shop-id="81166270790" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 6161<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://natevaporcelain.com/pages/contact"> 6162<link rel="alternate" hreflang="en" href="https://natevaporcelain.com/pages/contact"> 6163<link rel="alternate" hreflang="it" href="https://natevaporcelain.com/it/pages/contatto"> 6164<link rel="alternate" hreflang="es" href="https://natevaporcelain.com/es/pages/contacto"> 6165<link rel="alternate" hreflang="el" href="https://natevaporcelain.com/el/pages/epikoinonia">
6166<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
6166 6167<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
6168<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=81166270790" crossorigin="anonymous"></script>
vendor: 1 bytes, line 6168
6168
6169<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":81166270790,"countryCode":"GR","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/81166270790","merchantName":"Nateva Porcelain","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"Nateva Porcelain","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 6169
6169
6170<script id="shopify-features" type="application/json">{"accessToken":"95bdd9e63481c0b856f590de41de5351","betas":["rich-media-storefront-analytics"],"domain":"natevaporcelain.com","predictiveSearch":true,"shopId":81166270790,"locale":"en"}</script>
vendor: 1 bytes, line 6170
6170
6171<script>var Shopify = Shopify || {}; 6172Shopify.shop = "d8426c-3.myshopify.com"; 6173Shopify.locale = "en"; 6174Shopify.currency = {"active":"USD","rate":"1.1433588"}; 6175Shopify.country = "US"; 6176Shopify.theme = {"name":"ella-7-1-0-theme-source","id":188928622918,"schema_name":"Ella","schema_version":"7.1.0","theme_store_id":null,"role":"main"}; 6177Shopify.theme.handle = "null"; 6178Shopify.theme.style = {"id":null,"handle":null}; 6179Shopify.cdnHost = "natevaporcelain.com/cdn"; 6180Shopify.routes = Shopify.routes || {}; 6181Shopify.routes.root = "/"; 6182Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 6183Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 6184Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 6185Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 6185
6185
6186<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 6186
6186
6187<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 6187
6187
6188<script> 6189 window.ShopifyPay = window.ShopifyPay || {}; 6190 window.ShopifyPay.apiHost = "shop.app\/pay"; 6191 window.ShopifyPay.redirectState = null; 6192</script>
vendor: 1 bytes, line 6192
6192
6193<script> 6194 window.Shopify = window.Shopify || {}; 6195 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 6196 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 6197 window.Shopify.SignInWithShop.eligible = true; 6198</script>
vendor: 1 bytes, line 6198
6198
6199<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 6199
6199
6200<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 6200
6200
6201<script type="module"> 6202 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 6203 6204 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 6205 6206</script>
vendor: 1 bytes, line 6206
6206
6207<script> 6208 window.Shopify = window.Shopify || {}; 6209 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 6210 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 6211</script>
vendor: 1 bytes, line 6211
6211
6212<script id="__st">var __st={"a":81166270790,"offset":10800,"reqid":"e245c7b0-8e7c-45d1-8289-50488ad9601a-1791474464","pageurl":"natevaporcelain.com\/pages\/contact","s":"pages-127000609094","u":"2f436a8f06b1","p":"page","rtyp":"page","rid":127000609094};</script>
vendor: 1 bytes, line 6212
6212
6213<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 6213
6213
6214<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 6214
6214
6215<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//natevaporcelain.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 6215
6215
6216<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//natevaporcelain.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
6216<script crossorigin="anonymous" defer="defer" src="//natevaporcelain.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 6216
6216
6217<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 6217
6217
6218<script> 6219 window.Shopify = window.Shopify || {}; 6220 window.Shopify.MCP = window.Shopify.MCP || {}; 6221 window.Shopify.MCP.enabled = true; 6222 window.Shopify.MCP.shop = "d8426c-3.myshopify.com"; 6223 window.Shopify.MCP.mcpEndpoint = "https:\/\/natevaporcelain.com\/api\/mcp"; 6224 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 6225</script>
vendor: 1 bytes, line 6225
6225
6226<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/natevaporcelain.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 6227</script>
vendor: 1 bytes, line 6227
6227
6228<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://natevaporcelain.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 6229</script>
vendor: 1 bytes, line 6229
6229
6230<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 6231 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 6232</script>
vendor: 1 bytes, line 6232
6232
6233<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 6234</script>
vendor: 1 bytes, line 6234
6234
6235<script id='scb4127' type='text/javascript' async='' src='https://natevaporcelain.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
6235<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://natevaporcelain.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 6236<style id="shopify-accelerated-checkout-cart"> 6237 #shopify-buyer-consent { 6238 margin-top: 1em; 6239 display: inline-block; 6240 width: 100%; 6241} 6242 6243#shopify-buyer-consent.hidden { 6244 display: none; 6245} 6246 6247#shopify-subscription-policy-button { 6248 background: none; 6249 border: none; 6250 padding: 0; 6251 text-decoration: underline; 6252 font-size: inherit; 6253 cursor: pointer; 6254} 6255 6256#shopify-subscription-policy-button::before { 6257 box-shadow: none; 6258} 6259 6260 </style> 6261
6262<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
6262�
6262<script src="https://t.contentsquare.net/uxa/adc88e7d5652c.js" defer></script>
6262 6263 <!-- BEGIN app block: shopify://apps/live-product-options/blocks/app-embed/88bfdf40-5e27-4962-a966-70c8d1e87757 -->
6263<script> 6264 window.theme = window.theme || {};window.theme.moneyFormat = "${{amount}} USD";window.theme.moneyFormatWithCurrency = "${{amount}} USD"; 6265 window.theme.currencies = ['AED','ALL','AMD','ANG','AUD','AWG','AZN','BAM','BBD','BOB','BSD','BZD','CAD','CHF','CRC','CZK','DKK','DOP','ETB','EUR','FJD','FKP','GBP','GTQ','GYD','HKD','HNL','HUF','ILS','ISK','JMD','JPY','KYD','MAD','MDL','MKD','MWK','NIO','NZD','PEN','PGK','PLN','PYG','RON','RSD','SBD','SEK','SHP','THB','TOP','TTD','TWD','UAH','UGX','USD','UYU','VND','VUV','WST','XCD','XPF']; 6266</script>
6266<script src="https://assets.cloudlift.app/api/assets/options.js?shop=d8426c-3.myshopify.com" defer="defer"></script>
6266<script type="application/json" data-live-options-customer data-login="https://natevaporcelain.com/customer_authentication/redirect?locale=en&region_country=US"></script>
6266 6267<!-- END app block --><!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'> 6268
6269<script id='shopify-chat-app-embed-data' type='application/json'> 6270 { 6271 "settings": { 6272 "invertActivatorColors": true, 6273 "greetingMessage": "", 6274 "showFeaturedProducts": true, 6275 "featuredProducts": [], 6276 "horizontalPosition": "bottom_right", 6277 "icon": "chat_bubble", 6278 "buttonLabel": "" 6279 } 6280 } 6281</script>
6281 6282 6283<style data-shopify> 6284 6285 6286 /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */ 6287 shopify-chat:defined:empty { 6288 display: grid; 6289 } 6290 6291 :root { 6292 --shopify-chat-bg-color: #FFFFFF; 6293 --shopify-chat-text-color: #000000; 6294 --shopify-chat-accent-bg-color: #000000; 6295 --shopify-chat-accent-text-color: #FFFFFF; 6296 --shopify-chat-activator-offset: 80px; 6297 6298 6299 6300 --shopify-chat-activator-font-size: 16px; 6301 --shopify-chat-border-radius: 16px; 6302 } 6303 6304 6305</style> 6306
6307<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
6307 6308 6309 6310<!-- END app block -->
6310<script src="https://cdn.shopify.com/extensions/01a11c04-5004-7089-99f7-e26379ae3845/forms-2615/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
6310 6311<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
6312<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 81166270790,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 6312
6312
6313<script> 6314 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 6315</script>
vendor: 1 bytes, line 6315
6315
6316<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
6316).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 81166270790,storefrontBaseUrl: "https://natevaporcelain.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://natevaporcelain.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"1114734918","configuration":"{\"pixel_id\":\"8661648827230004\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"958988614","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-HF04ZHXRFD\\\",\\\"GT-K543ZHRM\\\"],\\\"target_country\\\":\\\"IT\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-HF04ZHXRFD\\\",\\\"MC-DC9353PFTY\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-HF04ZHXRFD\\\",\\\"MC-DC9353PFTY\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-HF04ZHXRFD\\\",\\\"MC-DC9353PFTY\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-HF04ZHXRFD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Nateva Porcelain","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"d8426c-3.myshopify.com","countryCode":"GR","storefrontUrl":"https:\/\/natevaporcelain.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://natevaporcelain.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188928622918","themePublished":"true","eventMetadataId":"5287134e-05e5-462a-9e19-b8aad951a653","pageType":"page","resourceId":"127000609094","shopId":"81166270790","storefrontBaseUrl":"https:\/\/natevaporcelain.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
6316<script> 6317 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 6318 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 6319 window.ShopifyAnalytics.meta.currency = 'USD'; 6320 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":127000609094,"requestId":"e245c7b0-8e7c-45d1-8289-50488ad9601a-1791474464"}}; 6321 for (var attr in meta) { 6322 window.ShopifyAnalytics.meta[attr] = meta[attr]; 6323 } 6324</script>
vendor: 1 bytes, line 6324
6324
6325<script class="analytics"> 6326 (function () { 6327 var customDocumentWrite = function(content) { 6328 var jquery = null; 6329 6330 if (window.jQuery) { 6331 jquery = window.jQuery; 6332 } else if (window.Checkout && window.Checkout.$) { 6333 jquery = window.Checkout.$; 6334 } 6335 6336 if (jquery) { 6337 jquery('body').append(content); 6338 } 6339 }; 6340 6341 var hasLoggedConversion = function(token) { 6342 if (token) { 6343 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 6344 } 6345 return false; 6346 } 6347 6348 var setCookieIfConversion = function(token) { 6349 if (token) { 6350 var twoMonthsFromNow = new Date(Date.now()); 6351 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 6352 6353 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 6354 } 6355 } 6356 6357 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 6358 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 6359 if (trekkie.integrations) { 6360 return; 6361 } 6362 trekkie.methods = [ 6363 'identify', 6364 'page', 6365 'ready', 6366 'track', 6367 'trackForm', 6368 'trackLink' 6369 ]; 6370 trekkie.factory = function(method) { 6371 return function() { 6372 var args = Array.prototype.slice.call(arguments); 6373 args.unshift(method); 6374 trekkie.push(args); 6375 if (method == 'track' || method == 'page') { 6376 var pageUrl; 6377 try { 6378 pageUrl = window.location.href; 6379 } catch (e) {} 6380 var pageReferrer; 6381 try { 6382 pageReferrer = document.referrer; 6383 } catch (e) {} 6384 try { 6385 if (window.__TREKKIE_SHIM_QUEUE == null) { 6386 window.__TREKKIE_SHIM_QUEUE = []; 6387 } 6388 window.__TREKKIE_SHIM_QUEUE.push({ 6389 from: 'trekkie-stub', 6390 method: method, 6391 args: args.slice(1), 6392 pageContext: { 6393 url: pageUrl, 6394 referrer: pageReferrer 6395 } 6396 }); 6397 } catch (e) { 6398 // no-op 6399 } 6400 } 6401 return trekkie; 6402 }; 6403 }; 6404 for (var i = 0; i < trekkie.methods.length; i++) { 6405 var key = trekkie.methods[i]; 6406 trekkie[key] = trekkie.factory(key); 6407 } 6408 trekkie.load = function(config) { 6409 trekkie.config = config || {}; 6410 trekkie.config.initialDocumentCookie = document.cookie; 6411 var first = document.getElementsByTagName('script')[0]; 6412var script = document.createElement('script'); 6413script.type = 'text/javascript'; 6414script.onerror = function(e) { 6415 var scriptFallback = document.createElement('script'); 6416 scriptFallback.type = 'text/javascript'; 6417 scriptFallback.onerror = function(error) { 6418 var Monorail = { 6419 produce: function produce(monorailDomain, schemaId, payload) { 6420 var currentMs = new Date().getTime(); 6421 var event = { 6422 schema_id: schemaId, 6423 payload: payload, 6424 metadata: { 6425 event_created_at_ms: currentMs, 6426 event_sent_at_ms: currentMs 6427 } 6428 }; 6429 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 6430 }, 6431 sendRequest: function sendRequest(endpointUrl, payload) { 6432 // Try the sendBeacon API 6433 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 6434 var blobData = new window.Blob([payload], { 6435 type: 'text/plain' 6436 }); 6437 6438 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 6439 return true; 6440 } // sendBeacon was not successful 6441 6442 } // XHR beacon 6443 6444 var xhr = new XMLHttpRequest(); 6445 6446 try { 6447 xhr.open('POST', endpointUrl); 6448 xhr.setRequestHeader('Content-Type', 'text/plain'); 6449 xhr.send(payload); 6450 } catch (e) { 6451 console.log(e); 6452 } 6453 6454 return false; 6455 }, 6456 isIos12: function isIos12() { 6457 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 6458 } 6459 }; 6460 Monorail.produce('monorail-edge.shopifysvc.com', 6461 'trekkie_storefront_load_errors/1.1', 6462 {shop_id: 81166270790,
6463 theme_id: 188928622918, 6464 app_name: "storefront", 6465 context_url: window.location.href, 6466 source_url: "//natevaporcelain.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 6467 6468 }; 6469 scriptFallback.async = true; 6470 scriptFallback.src = '//natevaporcelain.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 6471 first.parentNode.insertBefore(scriptFallback, first); 6472}; 6473script.async = true; 6474script.src = '//natevaporcelain.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 6475first.parentNode.insertBefore(script, first); 6476 6477 }; 6478 trekkie.load( 6479 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":81166270790,"isMerchantRequest":null,"themeId":188928622918,"themeCityHash":"7972795474473437132","contentLanguage":"en","currency":"USD","eventMetadataId":"5287134e-05e5-462a-9e19-b8aad951a653"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 6480 ); 6481 6482 var loaded = false; 6483 trekkie.ready(function() { 6484 if (loaded) return; 6485 loaded = true; 6486 6487 window.ShopifyAnalytics.lib = window.trekkie; 6488 6489 var originalDocumentWrite = document.write; 6490 document.write = customDocumentWrite; 6491 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 6492 document.write = originalDocumentWrite; 6493 6494 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 6495 var token = match? match[1]: undefined; 6496 if (!hasLoggedConversion(token)) { 6497 setCookieIfConversion(token); 6498 6499 } 6500 }); 6501 6502 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":127000609094,"requestId":"e245c7b0-8e7c-45d1-8289-50488ad9601a-1791474464","shopifyEmitted":true}); 6503 6504 var eventsListenerScript = document.createElement('script'); 6505 eventsListenerScript.async = true; 6506 eventsListenerScript.src = "//natevaporcelain.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 6507 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 6508})();</script>
vendor: 1 bytes, line 6508
6508
6509<script 6510 defer 6511 src="https://natevaporcelain.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 6512 data-application="storefront-renderer" 6513 data-shop-id="81166270790" 6514 data-render-region="gcp-europe-west4" 6515 data-page-type="page" 6516 data-theme-instance-id="188928622918" 6517 data-theme-name="Ella" 6518 data-theme-version="7.1.0" 6519 data-monorail-region="shop_domain" 6520 data-resource-timing-sampling-rate="10" 6521 data-shs="true" 6522 data-shs-beacon="true" 6523 data-shs-export-with-fetch="true" 6524 data-shs-logs-sample-rate="1" 6525 data-shs-beacon-endpoint="https://natevaporcelain.com/api/collect" 6526></script>
vendor: 1 bytes, line 6526
6526
6527<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to Nateva Porcelain. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":true,"exportCommand":false,"shopName":"Nateva Porcelain","translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respondâ¦"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"Iâd like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldnât load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldnât be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didnât upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldnât respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached â try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached â try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isnât available right nowâemail us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isnât available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isnât available right now â our team will reply shortly"},{"key":"agent_chat.unavailable.title","value":"Chat isnât available right now"},{"key":"agent_chat.unavailable.description","value":"Something went wrong while loading the chat."},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I canât connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, weâll email you when thereâs a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when thereâs a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
6527,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
vendor: 1 bytes, line 6527
6527
6528<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"81166270790","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"US","language":"en"}}</script>
6528 6529<meta name="shopify-y" content="227682ae-4793-4094-8727-1a3489258e6b" data-expiration="1823032064000"><meta name="shopify-s" content="d0f22131-ae7e-4106-a8fd-1acd803dfb64" data-expiration="1791476264000"><meta name="new-cookie-storage-activated" content="t"> 6530</head> 6531 6532 <body 6533 class=" 6534 template-page 6535 card-hover--lift 6536 button-hover--effect 6537 " 6538 > 6539 <a 6540 class="skip-to-content-link button visually-hidden" 6541 href="#MainContent" 6542> 6543 Skip to content 6544</a> 6545 6546 6547 6548 <div id="header-group"> 6549 <!-- BEGIN sections: header-group --> 6550<header id="shopify-section-sections--27281275060550__header_kTqX97" class="shopify-section shopify-section-group-header-group header-section"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-search.css?v=173606876337702980011772453469" media="print" onload="this.media='all'"> 6551<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-list-menu.css?v=96236445775633628771772453469" media="print" onload="this.media='all'"> 6552<noscript> 6553 <link href="//natevaporcelain.com/cdn/shop/t/8/assets/component-search.css?v=173606876337702980011772453469" rel="stylesheet" type="text/css" media="all" /> 6554 <link href="//natevaporcelain.com/cdn/shop/t/8/assets/component-list-menu.css?v=96236445775633628771772453469" rel="stylesheet" type="text/css" media="all" /> 6555</noscript><side-drawer 6556 id="Drawer-Account" 6557 class="drawer drawer__container fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden" 6558 data-drawer-direction="right" 6559> 6560 <div id="Drawer-Overlay-Account" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 6561 <div 6562 class="drawer__inner-wrapper color-" 6563 data-drawer-content 6564 style="--drawer-max-width: var(--normal-content-width);" 6565 > 6566 <div 6567 class="drawer__inner cus-scrollbar" 6568 role="dialog" 6569 aria-modal="true" 6570 aria-label="Account Drawer" 6571 tabindex="-1" 6572 > 6573 <div 6574 class="drawer__header flex justify-between items-center relative" 6575 style="--gap-x: 1rem;--p: var(--padding-xs) 0;" 6576 > 6577 <h2 class="drawer__heading break m-0 h5">Login</h2> 6578 <button 6579 class="drawer__close block t-button bor-none rounded-full cursor-pointer" 6580 type="button" 6581 onclick="this.closest('side-drawer').close()" 6582 aria-label="Close Account Drawer" 6583 > 6584 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 6585</span> 6586 </button> 6587 </div> 6588 6589 <div class="drawer__wrapper relative h-full cus-scrollbar motion-reduce" style="--p: 1.5rem 0 0;"> 6590 <div class="drawer__content"> 6591 <div class="drawer__content-inner"> 6592 �<form method="post" action="/account/login" id="CustomerLoginForm" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="customer-drawer__form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /><div class="drawer__form-field flex flex-column" style="--gap-y: 0.8rem;"> 6593 <label for="CustomerEmail"> 6594 Email 6595 </label> 6596 <input 6597 class="field__input" 6598 type="email" 6599 name="customer[email]" 6600 id="CustomerEmail" 6601 autocomplete="email" 6602 autocorrect="off" 6603 autocapitalize="off" 6604 required 6605 6606 placeholder="Email" 6607 > 6608 </div><div class="drawer__form-field flex flex-column" style="--gap-y: 0.8rem; --mt: 1.2rem;"> 6609 <label for="CustomerPassword"> 6610 Password 6611 </label> 6612 <input 6613 class="field__input" 6614 type="password" 6615 value="" 6616 name="customer[password]" 6617 id="CustomerPassword" 6618 autocomplete="current-password" 6619 required 6620 6621 placeholder="Password" 6622 > 6623 </div><div class="flex flex-column items-center gap-2xl" style="--mt: var(--margin-2xl)">
6624 <button class="button w-full" type="submit"> 6625 <span 6626 class="button-overflow relative overflow-hidden" 6627 data-button-text="Login" 6628 > 6629 <span class="button-text-main inline-block relative z-1"> 6630 Login 6631 </span> 6632 </span> 6633 </button> 6634 <a class="link link--hover-underline paragraph" href="https://natevaporcelain.com/customer_authentication/redirect?locale=en®ion_country=US#recover"> 6635 <span class="text"> 6636 Forgot your password? 6637 </span> 6638 </a> 6639 </div> 6640 <div style="--mt: var(--margin-2xl);"> 6641 <a 6642 href="https://account.natevaporcelain.com?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJkODQyNmMtMy5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTIwNzkyNjQsIm5iZiI6MTc5MTQ3NDQ2NH0.TWLM8tBfWdIGKcFNByn98TyifiNDaEWuyllGdNIu4MI" 6643 class="size-style button-secondary w-full" 6644 style="--button-text-case: uppercase;" 6645 > 6646 <span 6647 class="button-overflow relative overflow-hidden" 6648 data-button-text="Create account" 6649 > 6650 <span class="button-text-main inline-block relative z-1"> 6651 Create account 6652 </span> 6653 </span> 6654 </a> 6655 </div></form> 6656 </div> 6657 </div> 6658 </div> 6659 </div> 6660 </div> 6661</side-drawer> 6662<header-component 6663 class=" 6664 header-wrapper 6665 header 6666 6667 6668 " 6669 6670 data-sticky-type="always" 6671 6672 6673 id="header-component" 6674> 6675 <div class="row-group" 6676 style=" 6677 --padding-block-start-top: 7px; 6678 --padding-block-end-top: 7px; 6679 --padding-block-start-bottom: 0px; 6680 --padding-block-end-bottom: 0px; 6681 --button-type-font-link: var(--font-body--family);--button-font-size-link: 1.6rem;--button-font-weight-link: 500; --text-transform: uppercase; 6682 --button-type-font-link-2: var(--font-body--family);--button-font-size-link-2: 1.6rem;--button-font-weight-link-2: 600; --text-transform-link-2: uppercase; 6683 --button-type-font-link-3: var(--font-body--family);--button-font-size-link-3: 1.6rem;--button-font-weight-link-3: default; --text-transform-link-3: none; 6684 �--gap-items: 12px; 6685 " 6686 > 6687 6688 6689 6690 6691 6692 6693 6694 <div 6695 class="header__row header__row--top color-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 section section--full-width-margin section--full-width color-tablet-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 color-mobile-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 divider--page-width"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 6696 <div class="header__columns items-center spacing-style"> 6697 <div 6698 class="header__column header__column--left" 6699 data-testid="header-top-left" 6700 > 6701 6702 6703 6704 � 6705 6706<side-drawer-opener 6707 class="lg:none header__icon--menu" 6708 data-side-drawer="#Drawer-Menu" 6709> 6710 <button 6711 class="header__icon header__icon--menu header__icon--icon header__icon--summary button flex items-center justify-center " 6712 type="button" 6713 aria-haspopup="dialog" 6714 aria-label="Menu" 6715 > 6716 6717 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg> 6718</span> 6719 </button> 6720</side-drawer-opener> 6721 6722 6723 6724 6725<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-menu-drawer.css?v=166048201573744498291772453469" media="print" onload="this.media='all'"><side-drawer 6726 class="drawer__container drawer drawer--menu fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden" 6727 id="Drawer-Menu" 6728 data-drawer-direction="left" 6729> 6730 <div id="Drawer-Overlay-Menu" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 6731 <header-drawer class="side-drawer" data-drawer-content data-breakpoint="tablet"> 6732 <div 6733 class="drawer__inner d-flex flex-column h-full color-scheme-1" 6734 role="dialog" 6735 aria-modal="true" 6736 aria-label="Menu" 6737 tabindex="-1" 6738 > 6739 <div class="drawer__header flex justify-between items-center relative" style="--p: var(--padding-xs) 0;"> 6740 <h2 class="drawer__heading break m-0 h5">Menu</h2> 6741 <button 6742 class="drawer__close block t-button bor-none cursor-pointer" 6743 type="button" 6744 onclick="this.closest('side-drawer').close()" 6745 aria-label="Close dialog" 6746 >
6747 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 6748</span> 6749 </button> 6750 </div> 6751 6752 <div class="drawer__wrapper menu-drawer relative h-full motion-reduce" style="--p: 1.5rem 0 0;"> 6753 <div class="menu-drawer__navigation-container cus-scrollbar"> 6754 <nav class="menu-drawer__navigation"> 6755 <ul class="menu-drawer__menu has-submenu list-menu" role="list"><menu-drawer class="menu-drawer__list-item" style="--menu-drawer-animation-index: 1;"><a 6756 id="HeaderDrawer-memorial-plaques" 6757 href="/pages/memorial-plaques" 6758 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__item-animate" 6759 6760 > 6761 Memorial Plaques 6762 </a></menu-drawer><menu-drawer class="menu-drawer__list-item" style="--menu-drawer-animation-index: 2;"><details id="Details-menu-drawer-menu-item-2"> 6763 <summary 6764 id="HeaderDrawer-memorial-jewellery" 6765 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__item-animate" 6766 > 6767 Memorial Jewellery�<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6767ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 6768</span></summary> 6769 <div 6770 id="link-memorial-jewellery" 6771 class="menu-drawer__submenu has-submenu motion-reduce" 6772 tabindex="-1" 6773 > 6774 <div class="menu-drawer__inner-submenu"> 6775 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 6776</span>Memorial Jewellery 6777 </button> 6778 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 6779 <li> 6780 <a 6781 id="Goto-HeaderDrawer-memorial-jewellery" 6782 href="/collections/memorial-jewellery" 6783 class="menu-drawer__menu-item list-menu__item link link--text focus-inset link--go-to" 6784 6785 > 6786 Go to Memorial Jewellery 6787 </a> 6788 </li><li><a 6789 id="HeaderDrawer-memorial-jewellery-memorial-pendants" 6790 href="/pages/memorial-jewellery" 6791 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6792 6793 > 6794 Memorial Pendants 6795 </a></li><li><a 6796 id="HeaderDrawer-memorial-jewellery-memorial-necklace-for-ashes" 6797 href="/pages/memorial-necklaces-for-ashes" 6798 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6799 6800 > 6801 Memorial Necklace for Ashes 6802 </a></li></ul> 6803 </div> 6804 </div> 6805 </details></menu-drawer><menu-drawer class="menu-drawer__list-item" style="--menu-drawer-animation-index: 3;"><a 6806 id="HeaderDrawer-pet-memorial" 6807 href="/pages/pet-memorial" 6808 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__item-animate" 6809 6810 > 6811 Pet Memorial 6812 </a></menu-drawer><menu-drawer class="menu-drawer__list-item" style="--menu-drawer-animation-index: 4;"><details id="Details-menu-drawer-menu-item-4"> 6813 <summary 6814 id="HeaderDrawer-grave-ornaments" 6815 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__item-animate" 6816 > 6817 Grave Ornaments�<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6817ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 6818</span></summary> 6819 <div 6820 id="link-grave-ornaments" 6821 class="menu-drawer__submenu has-submenu motion-reduce" 6822 tabindex="-1" 6823 > 6824 <div class="menu-drawer__inner-submenu"> 6825 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 6826</span>Grave Ornaments 6827 </button> 6828 <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"> 6829 <li> 6830 <a 6831 id="Goto-HeaderDrawer-grave-ornaments" 6832 href="/pages/grave-ornaments" 6833 class="menu-drawer__menu-item list-menu__item link link--text focus-inset link--go-to" 6834 6835 > 6836 Go to Grave Ornaments 6837 </a> 6838 </li><li><a 6839 id="HeaderDrawer-grave-ornaments-candle-lamps" 6840 href="/collections/candle-lamps" 6841 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6842 6843 > 6844 Candle Lamps 6845 </a></li><li><a 6846 id="HeaderDrawer-grave-ornaments-crosses-crucifixes" 6847 href="/collections/crosses-crucifixes" 6848 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6849 6850 > 6851 Crosses & Crucifixes 6852 </a></li><li><a 6853 id="HeaderDrawer-grave-ornaments-flowerpots" 6854 href="/collections/flowerpots" 6855 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6856 6857 > 6858 Flowerpots 6859 </a></li><li><details id="Details-menu-drawer-grave-ornaments-frames"> 6860 <summary 6861 id="HeaderDrawer-grave-ornaments-frames" 6862 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6863 > 6864 Frames�<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
6864ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 6865</span></summary> 6866 <div 6867 id="childlink-frames" 6868 class="menu-drawer__submenu has-submenu motion-reduce" 6869 > 6870 <button 6871 class="menu-drawer__close-button link link--text focus-inset" 6872 aria-expanded="true" 6873 ><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 6874</span>Frames 6875 </button> 6876 <ul 6877 class="menu-drawer__menu list-menu" 6878 role="list" 6879 tabindex="-1" 6880 > 6881 <li> 6882 <a 6883 id="Goto-HeaderDrawer-grave-ornaments-frames" 6884 href="/collections/frames" 6885 class="menu-drawer__menu-item list-menu__item link link--text focus-inset link--go-to" 6886 6887 > 6888 Go to Frames 6889 </a> 6890 </li><li> 6891 <a 6892 id="HeaderDrawer-grave-ornaments-frames-aluminium" 6893 href="/collections/frames/Frames+Aluminium" 6894 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6895 6896 > 6897 Aluminium 6898 </a> 6899 </li><li> 6900 <a 6901 id="HeaderDrawer-grave-ornaments-frames-brass" 6902 href="/collections/frames/Frames+Brass" 6903 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6904 6905 > 6906 Brass 6907 </a> 6908 </li></ul> 6909 </div> 6910 </details></li><li><a 6911 id="HeaderDrawer-grave-ornaments-letters" 6912 href="/collections/letters" 6913 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 6914 6915 > 6916 Letters 6917 </a></li></ul> 6918 </div> 6919 </div> 6920 </details></menu-drawer><menu-drawer class="menu-drawer__list-item" style="--menu-drawer-animation-index: 5;"><a 6921 id="HeaderDrawer-urns" 6922 href="/collections/urns" 6923 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__item-animate" 6924 6925 > 6926 Urns 6927 </a></menu-drawer></ul> 6928 </nav><div 6929 class="menu-drawer__utility-links" 6930 style="--menu-drawer-animation-index: 6;" 6931> 6932 6933 �<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/icon-flag.css?v=71537565649894096171772453469" media="print" onload="this.media='all'"><div class=" menu-drawer__item-animate"> 6934 <h3 class="menu-drawer__utility-heading h6" id="HeaderLanguageLabel">Region and language�</h3><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/custom.css?v=173323939385996652831772528478" media="print" onload="this.media='all'">�<section-fetcher 6935 data-section-id="sections--27281275060550__header_kTqX97" 6936 data-target-id="Selector-Content-sections--27281275060550__header_kTqX97-MobileCountryLocalizationList" 6937 data-activate="interaction" 6938 ></section-fetcher><drawer-localization-component
6939 class="drawer-localization relative" 6940 id="Selector-Content-sections--27281275060550__header_kTqX97-MobileCountryLocalizationList" 6941 > 6942 <button 6943 type="button" 6944 class="drawer-localization__button t-button inline-flex items-center w-full cursor-pointer" 6945 aria-expanded="false" 6946 aria-controls="DrawerHeaderLanguageList" 6947 aria-describedby="DrawerHeaderLanguageLabel" 6948 aria-label="Region and language Button" 6949 ><span class="drawer-localization__button--label h6 inline-flex items-center gap-xs" style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 1.2rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"><span class="mobile-localization mobile-localization--country inline-flex items-center gap-2xs"> 6950 6951 <span 6952 class="icon-flag icon-flag--United States" 6953 style=" 6954 background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32); 6955 --size-shadow: px; 6956 --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60)); 6957 " 6958 ></span> 6959 6960 <span class="currency-code">USD</span> 6961 </span><span>/</span><div class="mobile-localization mobile-localization--country"> 6962 <span> 6963 EN 6964 </span> 6965 </div><span class="svg-wrapper icon-caret icon-caret--forward"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 6966</span></span> 6967 </button> 6968 </drawer-localization-component></div></div> 6969</div> 6970 </div> 6971 </div> 6972 </header-drawer> 6973</side-drawer> 6974 6975 6976� 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988 � 6989 <div 6990 class=" 6991 header__column-action header__column-action--icon header-block grid__itemblock search-action 6992 lg:none 6993 " 6994 > 6995 6996 <div class="header__search"> 6997 <div> 6998 6999 <side-drawer-opener data-side-drawer="#Drawer-Search"> 7000 7001 <button 7002 class="header__icon header__icon--search header__icon--summary button focus-inset modal__toggle" 7003 aria-haspopup="dialog" 7004 aria-label="Search" 7005 > 7006 <span class="header__icon header__icon--icon"> 7007 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 7008</span></span> 7009 </button> 7010 7011 </side-drawer-opener> 7012 �<side-drawer 7013 id="Drawer-Search" 7014 class="search-drawer drawer__container search-drawer-- drawer fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden" 7015 data-drawer-direction="right" 7016 data-mobile-drawer-direction="left" 7017> 7018 <div id="Drawer-Overlay-Search" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 7019 7020 <div 7021 id="Drawer-Search-Content" 7022 class="search-drawer-content color-scheme-1" 7023 data-drawer-content 7024 > 7025 <div class="drawer__header flex justify-between items-center relative" style="--p: var(--padding-xs) var(--padding-lg);"> 7026 <h2 class="drawer__heading break m-0 h5">Search</h2> 7027 <button 7028 class="drawer__close block t-button bor-none rounded-full cursor-pointer" 7029 type="button" 7030 onclick="this.closest('side-drawer').close()" 7031 aria-label="Close dialog" 7032 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/>
7032</svg> 7033</button> 7034 </div> 7035 7036 <div 7037 class="search-drawer__inner drawer__inner" 7038 role="dialog" 7039 aria-modal="true" 7040 aria-label="Search" 7041 tabindex="-1" 7042 ><predictive-search class="search-drawer__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-drawer__form"> 7043 <div class="predictive-search--center"> 7044 <div class="field"> 7045 <button class="search__button field__button" aria-label="Search"> 7046 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 7047</span> 7048 </button> 7049 <input 7050 class="search__input field__input field__input--focus" 7051 id="Search-In-Modal-Mobile" 7052 type="search" 7053 name="q" 7054 value="" 7055 placeholder=" "role="combobox" 7056 aria-expanded="false" 7057 aria-owns="predictive-search-results" 7058 aria-controls="predictive-search-results" 7059 aria-haspopup="listbox" 7060 aria-autocomplete="list" 7061 autocorrect="off" 7062 autocomplete="off" 7063 autocapitalize="off" 7064 spellcheck="false"> 7065 <label class="field__label" for="Search-In-Modal-Mobile">Search</label> 7066 <input type="hidden" name="options[prefix]" value="last"> 7067 <button 7068 type="reset" 7069 class="reset__button field__button hidden" 7070 aria-label="Clear search term" 7071 > 7072 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 7073</span> 7074 </button> 7075 </div> 7076 </div><div 7077 class="predictive-search predictive-search--header predictive-search--center cus-scrollbar" 7078 tabindex="-1" 7079 data-predictive-search 7080 > 7081 7082 7083 7084 7085<div 7086 id="predictive-search-results" 7087 class="predictive-search-dropdown" 7088 role="listbox" 7089 aria-expanded="true" 7090 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 7091> 7092 <div class="predictive-search-results__inner"> 7093 �� 7094 7095 </div> 7096</div> 7097 7098 </div> 7099 7100 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div> 7101 </div> 7102</side-drawer> 7103</div> 7104 </div> 7105 7106 7107 </div> 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 </div><div 7120 class="header__column header__column--center" 7121 data-testid="header-top-center" 7122 > 7123 7124 7125 7126 <div 7127 class=" 7128 header-block header-logo grid__item block 7129 " 7130 7131 data-main-logo 7132 7133 style=" 7134 --header-logo-spacing-left: 0px; --header-logo-spacing-right: 0px; 7135 --aspect-ratio: 2.3333333333333335; 7136 " 7137> 7138 � 7139 <a href="/" class="header__heading-link inline-block link link--text focus-inset" data-logo-page aria-label="Nateva Porcelain" rel="preload" as="image"> 7140 <div class="header__heading-logo-wrapper w-full inline-block relative" style="--header-logo-image-width: 135px;--header-logo-image-width-mobile: 140px; --header-logo-image-height: 58px; --header-logo-image-height-mobile: 60px; --aspect-ratio: 2.3333333333333335;"><span 7141 class="header-logo__image-container header-logo__image-container--original" 7142 data-testid="header-logo" 7143 > 7144 7145 7146 7147 � 7148 7149 7150 7151 7152 7153 <img src="//natevaporcelain.com/cdn/shop/files/Nateva-Black-logo.webp?height=150&v=1772787567" alt="Image" loading="eager" class="header-logo__image" srcset="//natevaporcelain.com/cdn/shop/files/Nateva-Black-logo.webp?height=150&v=1772787567 1x, //natevaporcelain.com/cdn/shop/files/Nateva-Black-logo.webp?height=300&v=1772787567 2x, //natevaporcelain.com/cdn/shop/files/Nateva-Black-logo.webp?height=450&
7153v=1772787567 3x" sizes="auto, (min-width: 750px) 100vw, 100vw" fetchpriority="auto" style="--header-logo-image-width: 135px;--header-logo-image-width-mobile: 140px; --header-logo-image-height: 58px; --header-logo-image-height-mobile: 60px; --aspect-ratio: 2.3333333333333335;"> 7154 7155�</span> 7156 7157 7158 7159 7160 </div> 7161 </a> 7162 �</div> 7163 7164 7165 7166 7167 </div><div 7168 class="header__column header__column--right" 7169 data-testid="header-top-right" 7170 > 7171 7172 7173 7174 7175 <div class="header-message custom-typography custom-font-size max-md:hidden" style="--color: ;--font-size: clamp(1.1rem, 1.2vw, 1.2rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"> 7176 7177 </div> 7178 7179 7180 7181 7182 7183 7184 7185 � 7186 <side-drawer-opener class="header__column-action header__column-action--icon account-actions" data-side-drawer="#Drawer-Account"> 7187 <button class=" 7188 button focus-inset account-actions header__icon header__icon--account header__icon--icon 7189" type="button" aria-haspopup="dialog" aria-label="Log in"> 7190 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 7191</span> 7192 � 7193 </button> 7194 </side-drawer-opener> 7195 � 7196 7197 7198 7199 7200 7201 � 7202 <div 7203 class=" 7204 header__column-action header__column-action--icon header-block grid__itemblock search-action 7205 max-md:hidden 7206 " 7207 > 7208 7209 <div class="header__search"> 7210 <div> 7211 7212 <side-drawer-opener data-side-drawer="#Drawer-Search"> 7213 7214 <button 7215 class="header__icon header__icon--search header__icon--summary button focus-inset modal__toggle" 7216 aria-haspopup="dialog" 7217 aria-label="Search" 7218 > 7219 <span class="header__icon header__icon--icon"> 7220 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 7221</span></span> 7222 </button> 7223 7224 </side-drawer-opener> 7225 �<side-drawer 7226 id="Drawer-Search" 7227 class="search-drawer drawer__container search-drawer-- drawer fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden" 7228 data-drawer-direction="right" 7229 data-mobile-drawer-direction="left" 7230> 7231 <div id="Drawer-Overlay-Search" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 7232 7233 <div 7234 id="Drawer-Search-Content" 7235 class="search-drawer-content" 7236 data-drawer-content 7237 > 7238 <div class="drawer__header flex justify-between items-center relative" style="--p: var(--padding-xs) var(--padding-lg);"> 7239 <h2 class="drawer__heading break m-0 h5">Search</h2> 7240 <button 7241 class="drawer__close block t-button bor-none rounded-full cursor-pointer" 7242 type="button" 7243 onclick="this.closest('side-drawer').close()" 7244 aria-label="Close dialog" 7245 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/>
7245</svg> 7246</button> 7247 </div> 7248 7249 <div 7250 class="search-drawer__inner drawer__inner" 7251 role="dialog" 7252 aria-modal="true" 7253 aria-label="Search" 7254 tabindex="-1" 7255 ><predictive-search class="search-drawer__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-drawer__form"> 7256 <div class="predictive-search--center"> 7257 <div class="field"> 7258 <button class="search__button field__button" aria-label="Search"> 7259 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 7260</span> 7261 </button> 7262 <input 7263 class="search__input field__input field__input--focus" 7264 id="Search-In-Modal" 7265 type="search" 7266 name="q" 7267 value="" 7268 placeholder=" "role="combobox" 7269 aria-expanded="false" 7270 aria-owns="predictive-search-results" 7271 aria-controls="predictive-search-results" 7272 aria-haspopup="listbox" 7273 aria-autocomplete="list" 7274 autocorrect="off" 7275 autocomplete="off" 7276 autocapitalize="off" 7277 spellcheck="false"> 7278 <label class="field__label" for="Search-In-Modal">Search</label> 7279 <input type="hidden" name="options[prefix]" value="last"> 7280 <button 7281 type="reset" 7282 class="reset__button field__button hidden" 7283 aria-label="Clear search term" 7284 > 7285 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 7286</span> 7287 </button> 7288 </div> 7289 </div><div 7290 class="predictive-search predictive-search--header predictive-search--center cus-scrollbar" 7291 tabindex="-1" 7292 data-predictive-search 7293 > 7294 7295 7296 7297 7298<div 7299 id="predictive-search-results" 7300 class="predictive-search-dropdown" 7301 role="listbox" 7302 aria-expanded="true" 7303 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 7304> 7305 <div class="predictive-search-results__inner"> 7306 �� 7307 7308 </div> 7309</div> 7310 7311 </div> 7312 7313 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div> 7314 </div> 7315</side-drawer> 7316</div> 7317 </div> 7318 7319 7320 </div> 7321 7322 7323 7324 7325 7326 7327 7328 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/icon-flag.css?v=71537565649894096171772453469" media="print" onload="this.media='all'">�<div class="header__column-action header__column-action--icon header__icon--localization small-hide medium-hide"> 7329 <div class="header-localization country-language-localization"><div> 7330 <h2 class="visually-hidden" id="HeaderLanguageLabel">Language</h2><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/custom.css?v=173323939385996652831772528478" media="print" onload="this.media='all'">�<section-fetcher 7331 data-section-id="sections--27281275060550__header_kTqX97" 7332 data-target-id="Selector-Content-sections--27281275060550__header_kTqX97-CountryLocalizationList" 7333 data-activate="interaction" 7334 ></section-fetcher><dropdown-localization-component 7335 class="dropdown-localization relative" 7336 id="Selector-Content-sections--27281275060550__header_kTqX97-CountryLocalizationList" 7337 > 7338 <button 7339 type="button" 7340 class="dropdown-localization__button t-button header__icon header__icon--icon button cursor-pointer" 7341 aria-expanded="false" 7342 aria-controls="HeaderLanguageList" 7343 aria-describedby="HeaderLanguageLabel"
7344 aria-label="Region and language Button" 7345 > 7346 <span class="svg-wrapper"> 7347 <svg 7348 class="icon-globe icon" 7349 aria-hidden="true" 7350 focusable="false" 7351 fill="none" 7352 viewBox="0 0 50 50" 7353 >�<path fill="currentColor" d="M 25 1.9199219 C 12.265113 1.9199219 1.9199219 12.265113 1.9199219 25 C 1.9199219 37.734887 12.265113 48.080078 25 48.080078 C 37.734887 48.080078 48.080078 37.734887 48.080078 25 C 48.080078 12.265113 37.734887 1.9199219 25 1.9199219 z M 24 4.0371094 L 24 13.970703 C 21.43251 13.91011 18.991445 13.623022 16.740234 13.152344 C 17.136627 11.9515 17.587103 10.835559 18.087891 9.8339844 C 19.740825 6.5281156 21.837286 4.5160498 24 4.0371094 z M 26 4.0371094 C 28.162714 4.5160498 30.259175 6.5281156 31.912109 9.8339844 C 32.414496 10.838757 32.866379 11.958806 33.263672 13.164062 C 31.015269 13.630037 28.5709 13.911377 26 13.970703 L 26 4.0371094 z M 19.171875 4.7402344 C 18.086481 5.8772845 17.118637 7.2998344 16.298828 8.9394531 C 15.727502 10.082106 15.226366 11.34271 14.789062 12.6875 C 12.825936 12.158279 11.050587 11.492361 9.5175781 10.71875 C 12.097501 7.9227151 15.411073 5.8180109 19.171875 4.7402344 z M 30.828125 4.7402344 C 34.585289 5.8169681 37.895737 7.9189636 40.474609 10.710938 C 38.96425 11.498668 37.190868 12.172098 35.216797 12.703125 C 34.778353 11.352409 34.274712 10.086534 33.701172 8.9394531 C 32.881363 7.2998344 31.913519 5.8772845 30.828125 4.7402344 z M 41.783203 12.273438 C 44.280319 15.563254 45.849591 19.596544 46.054688 24 L 37.013672 24 C 36.940686 20.642697 36.511581 17.472843 35.777344 14.632812 C 38.021162 14.025788 40.043564 13.230357 41.783203 12.273438 z M 8.2050781 12.289062 C 9.9635362 13.222752 11.989301 14.00879 14.226562 14.615234 C 13.489633 17.459671 13.059462 20.635904 12.986328 24 L 3.9453125 24 C 4.1500856 19.603485 5.7148727 15.576078 8.2050781 12.289062 z M 16.175781 15.085938 C 18.608124 15.603479 21.237145 15.911692 24 15.972656 L 24 24 L 14.986328 24 C 15.060725 20.787369 15.480743 17.762271 16.175781 15.085938 z M 33.828125 15.099609 C 34.521088 17.7726 34.939401 20.792796 35.013672 24 L 26 24 L 26 15.972656 C 28.764457 15.913393 31.396477 15.612271 33.828125 15.099609 z M 3.9453125 26 L 12.986328 26 C 13.059314 29.357303 13.488419 32.527156 14.222656 35.367188 C 11.978838 35.974212 9.9564363 36.769643 8.2167969 37.726562 C 5.7196806 34.436746 4.1504088 30.403456 3.9453125 26 z M 14.986328 26 L 24 26 L 24 34.027344 C 21.235543 34.086607 18.603523 34.387729 16.171875 34.900391 C 15.478912 32.2274 15.060599 29.207204 14.986328 26 z M 26 26 L 35.013672 26 C 34.939275 29.212631 34.519257 32.237729 33.824219 34.914062 C 31.391876 34.396521 28.762855 34.088308 26 34.027344 L 26 26 z M 37.013672 26 L 46.054688 26 C 45.849914 30.396515 44.285127 34.423922 41.794922 37.710938 C 40.036464 36.777248 38.010699 35.99121 35.773438 35.384766 C 36.510367 32.540329 36.940538 29.364096 37.013672 26 z M 24 36.029297 L 24 45.962891 C 21.837286 45.48395 19.740825 43.471884 18.087891 40.166016 C 17.585504 39.161243 17.133621 38.041194 16.736328 36.835938 C 18.984731 36.369963 21.4291 36.088623 24 36.029297 z M 26 36.029297 C 28.56749 36.08989 31.008555 36.376978 33.259766 36.847656 C 32.863373 38.0485 32.412897 39.16444 31.912109 40.166016 C 30.259175 43.471884 28.162714 45.48395 26 45.962891 L 26 36.029297 z M 14.783203 37.296875 C 15.221647 38.647591 15.725288 39.913466 16.298828 41.060547 C 17.118637 42.700166 18.086481 44.122716 19.171875 45.259766 C 15.414711 44.183032 12.104263 42.081036 9.5253906 39.289062 C 11.03575 38.501332 12.809132 37.827902 14.783203 37.296875 z M 35.210938 37.3125 C 37.174064 37.841721 38.949413 38.507639 40.482422 39.28125 C 37.902499 42.077285 34.588927 44.181989 30.828125 45.259766 C 31.913519 44.122716 32.881363 42.700166 33.701172 41.060547 C 34.272498 39.917894 34.773634 38.65729 35.210938 37.3125 z"></path></svg> 7354 </span></button> 7355 </dropdown-localization-component></div></div> 7356 </div> 7357 � 7358 7359 7360 7361 7362 7363 �<noscript> 7364 <a 7365 href="/cart" 7366 class=" 7367 header__column-action header__column-action--icon header__icon button relative focus-inset cart-icon--drawer header-actions 7368 header__icon--icon� header__icon--cart 7369 7370 " 7371 aria-label="0 items" 7372 ><span class="svg-wrapper">
7373 <svg width="24" height="25" viewBox="0 0 24 25" fill="none" class="icon icon-cart" xmlns="http://www.w3.org/2000/svg"> 7374<path d="M6.85943 6.49207C6.85943 6.43354 6.85886 6.389 6.85943 6.34447C6.86801 5.7901 6.85886 5.23522 6.89087 4.68235C6.9383 3.85779 7.23835 3.10028 7.775 2.41982C8.32994 1.71634 9.06091 1.19699 9.95704 0.859759C10.5166 0.649116 11.1046 0.542044 11.7133 0.508521C12.4363 0.468994 13.1352 0.568062 13.8125 0.783207C14.592 1.03037 15.259 1.42664 15.8139 1.96751C16.6272 2.76005 17.0581 3.69218 17.1135 4.7529C17.141 5.27725 17.133 5.80261 17.141 6.32746C17.1415 6.377 17.141 6.42603 17.141 6.49207H17.317C18.6406 6.49207 19.9648 6.48957 21.2884 6.49308C22.0148 6.49508 22.6727 6.68521 23.2065 7.1225C23.6088 7.45223 23.8408 7.87851 23.9391 8.35384C23.9729 8.51695 23.9963 8.68406 23.9963 8.84967C23.9997 12.5352 24.0026 16.2207 23.9963 19.9062C23.9946 20.9924 23.6465 21.9886 22.8538 22.8381C22.1137 23.6312 21.169 24.1575 20.0185 24.3677C19.6111 24.4422 19.1899 24.4923 18.7749 24.4928C14.2605 24.5013 9.74558 24.5023 5.23119 24.4958C4.00072 24.4938 2.87255 24.1886 1.90784 23.5021C0.9957 22.8532 0.392181 22.0231 0.151002 21.0114C0.0658462 20.6547 0.00926628 20.2859 0.00812326 19.9227C-0.00273551 16.2257 -0.00102097 12.5277 0.00355114 8.82916C0.00412266 8.19273 0.242444 7.61934 0.748805 7.15953C1.11972 6.8223 1.5975 6.62767 2.12615 6.54511C2.31704 6.51509 2.51307 6.49508 2.70681 6.49458C4.02587 6.49007 5.34492 6.49207 6.66398 6.49207H6.85886H6.85943ZM6.85943 7.99509C6.82171 7.99159 6.80343 7.98809 6.78457 7.98809C5.37978 7.98809 3.975 7.98509 2.57022 7.99209C2.42391 7.99309 2.26618 8.03262 2.13473 8.09066C1.80096 8.23826 1.70952 8.50944 1.70952 8.81415C1.70952 12.5247 1.70723 16.2352 1.71409 19.9457C1.71409 20.1929 1.75581 20.4455 1.82097 20.6867C2.18045 22.0216 3.52351 22.9963 5.1769 22.9998C9.72501 23.0098 14.2731 23.0048 18.8207 23.0013C19.3596 23.0013 19.8848 22.9042 20.3626 22.6835C21.6136 22.1052 22.2766 21.18 22.2835 19.9487C22.3029 16.2382 22.2903 12.5277 22.2903 8.81715C22.2903 8.28029 21.9583 7.98809 21.3467 7.98809C19.9991 7.98809 18.6515 7.98809 17.3033 7.98809H17.1398C17.1398 8.05313 17.1398 8.10217 17.1398 8.1512C17.1398 9.327 17.1427 10.5028 17.1375 11.6786C17.1364 11.9803 17.0352 12.251 16.698 12.3961C16.3849 12.5312 16.0717 12.5177 15.7785 12.346C15.5042 12.1854 15.4339 11.9358 15.4327 11.6691C15.4287 10.4933 15.431 9.31749 15.431 8.14169C15.431 8.09316 15.431 8.04513 15.431 7.99559H8.56655C8.56655 8.05313 8.56655 8.10267 8.56655 8.1517C8.56655 9.28597 8.56712 10.4197 8.5654 11.554C8.5654 11.6616 8.55569 11.7702 8.54026 11.8772C8.49796 12.1689 8.25221 12.4006 7.92531 12.4636C7.56068 12.5337 7.18348 12.4121 7.00746 12.1684C6.8943 12.0118 6.85886 11.8372 6.85886 11.6556C6.85829 10.4883 6.85886 9.32099 6.85886 8.1532V7.99459L6.85943 7.99509ZM15.4321 6.48807C15.4321 6.01275 15.4367 5.55094 15.431 5.08862C15.4213 4.26557 15.1407 3.52907 14.4714 2.93416C13.5639 2.12762 12.4688 1.81591 11.2035 2.08359C9.63299 2.41581 8.57112 3.62563 8.56769 5.03959C8.56655 5.47739 8.56769 5.91468 8.56769 6.35248V6.48707H15.4321V6.48807Z" fill="currentColor"/> 7375</svg> 7376 7377 </span></a> 7378 </noscript> 7379 <side-drawer-opener 7380 class="no-js-hidden header__column-action header__column-action--icon header-actions" 7381 data-side-drawer="#Cart-Drawer" 7382 > 7383 <button 7384 class="header__icon button relative focus-inset cart-icon--drawer 7385 header__icon--icon� header__icon--cart" 7386 type="button" 7387 aria-haspopup="dialog" 7388 aria-label="0 items" 7389 id="cart-icon-bubble" 7390 > 7391 <span class="svg-wrapper"> 7392 <svg width="24" height="25" viewBox="0 0 24 25" fill="none" class="icon icon-cart" xmlns="http://www.w3.org/2000/svg"> 7393<path d="M6.85943 6.49207C6.85943 6.43354 6.85886 6.389 6.85943 6.34447C6.86801 5.7901 6.85886 5.23522 6.89087 4.68235C6.9383 3.85779 7.23835 3.10028 7.775 2.41982C8.32994 1.71634 9.06091 1.19699 9.95704 0.859759C10.5166 0.649116 11.1046 0.542044 11.7133 0.508521C12.4363 0.468994 13.1352 0.568062 13.8125 0.783207C14.592 1.03037 15.259 1.42664 15.8139 1.96751C16.6272 2.76005 17.0581 3.69218 17.1135 4.7529C17.141 5.27725 17.133 5.80261 17.141 6.32746C17.1415 6.377 17.141 6.42603 17.141 6.49207H17.317C18.6406 6.49207 19.9648 6.48957 21.2884 6.49308C22.0148 6.49508 22.6727 6.68521 23.2065 7.1225C23.6088 7.45223 23.8408 7.87851 23.9391 8.35384C23.9729 8.51695 23.99
739363 8.68406 23.9963 8.84967C23.9997 12.5352 24.0026 16.2207 23.9963 19.9062C23.9946 20.9924 23.6465 21.9886 22.8538 22.8381C22.1137 23.6312 21.169 24.1575 20.0185 24.3677C19.6111 24.4422 19.1899 24.4923 18.7749 24.4928C14.2605 24.5013 9.74558 24.5023 5.23119 24.4958C4.00072 24.4938 2.87255 24.1886 1.90784 23.5021C0.9957 22.8532 0.392181 22.0231 0.151002 21.0114C0.0658462 20.6547 0.00926628 20.2859 0.00812326 19.9227C-0.00273551 16.2257 -0.00102097 12.5277 0.00355114 8.82916C0.00412266 8.19273 0.242444 7.61934 0.748805 7.15953C1.11972 6.8223 1.5975 6.62767 2.12615 6.54511C2.31704 6.51509 2.51307 6.49508 2.70681 6.49458C4.02587 6.49007 5.34492 6.49207 6.66398 6.49207H6.85886H6.85943ZM6.85943 7.99509C6.82171 7.99159 6.80343 7.98809 6.78457 7.98809C5.37978 7.98809 3.975 7.98509 2.57022 7.99209C2.42391 7.99309 2.26618 8.03262 2.13473 8.09066C1.80096 8.23826 1.70952 8.50944 1.70952 8.81415C1.70952 12.5247 1.70723 16.2352 1.71409 19.9457C1.71409 20.1929 1.75581 20.4455 1.82097 20.6867C2.18045 22.0216 3.52351 22.9963 5.1769 22.9998C9.72501 23.0098 14.2731 23.0048 18.8207 23.0013C19.3596 23.0013 19.8848 22.9042 20.3626 22.6835C21.6136 22.1052 22.2766 21.18 22.2835 19.9487C22.3029 16.2382 22.2903 12.5277 22.2903 8.81715C22.2903 8.28029 21.9583 7.98809 21.3467 7.98809C19.9991 7.98809 18.6515 7.98809 17.3033 7.98809H17.1398C17.1398 8.05313 17.1398 8.10217 17.1398 8.1512C17.1398 9.327 17.1427 10.5028 17.1375 11.6786C17.1364 11.9803 17.0352 12.251 16.698 12.3961C16.3849 12.5312 16.0717 12.5177 15.7785 12.346C15.5042 12.1854 15.4339 11.9358 15.4327 11.6691C15.4287 10.4933 15.431 9.31749 15.431 8.14169C15.431 8.09316 15.431 8.04513 15.431 7.99559H8.56655C8.56655 8.05313 8.56655 8.10267 8.56655 8.1517C8.56655 9.28597 8.56712 10.4197 8.5654 11.554C8.5654 11.6616 8.55569 11.7702 8.54026 11.8772C8.49796 12.1689 8.25221 12.4006 7.92531 12.4636C7.56068 12.5337 7.18348 12.4121 7.00746 12.1684C6.8943 12.0118 6.85886 11.8372 6.85886 11.6556C6.85829 10.4883 6.85886 9.32099 6.85886 8.1532V7.99459L6.85943 7.99509ZM15.4321 6.48807C15.4321 6.01275 15.4367 5.55094 15.431 5.08862C15.4213 4.26557 15.1407 3.52907 14.4714 2.93416C13.5639 2.12762 12.4688 1.81591 11.2035 2.08359C9.63299 2.41581 8.57112 3.62563 8.56769 5.03959C8.56655 5.47739 8.56769 5.91468 8.56769 6.35248V6.48707H15.4321V6.48807Z" fill="currentColor"/> 7394</svg> 7395 7396 </span></button> 7397 </side-drawer-opener> 7398 7399 7400 7401 </div> 7402 </div> 7403 </div> 7404 7405 7406 7407 7408 7409 7410 7411 7412 <div 7413 class="header__row header__row--bottom color-scheme-d328c48a-0b41-4931-b5e2-6a898d32d1f4 section section--full-width-margin section--full-width color-tablet-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 color-mobile-scheme-d7e3ad6e-fd1e-439d-ac16-a3d3842c0332 max-md:hidden"style="--border-bottom-width: 0px;"> 7414 <div class="header__columns items-center spacing-style"> 7415 <div 7416 class="header__column header__column--center" 7417 data-testid="header-bottom-center" 7418 > 7419 7420 7421 7422 ��<div class="header-block header-menu grid__item flex items-center"><div class="header__menu-wrapper" data-main-menu> 7423 <nav class="header__inline-menu"> 7424 <ul class="list-menu list-menu-desktop list-menu--inline" style="--gap-x: 0px;" role="list"><li><a 7425 id="HeaderMenu-memorial-plaques" 7426 href="/pages/memorial-plaques" 7427 class=" 7428 header__menu-item list-menu__item link link--text focus-inset link--hover-underline 7429 � 7430 7431 " 7432 7433 style="� 7434" 7435 > 7436 <span 7437 class="text" 7438 >Memorial Plaques</span> 7439 7440 <div class="label-wrapper"></div> 7441 7442 </a></li><li><details 7443 id="Details-HeaderMenu-2" 7444 class="details--dropdown mega-menu" 7445 is="mega-menu-details" 7446 data-mega-menu-item 7447 activate-event="hover" 7448 data-index="0" 7449 > 7450 <section-fetcher data-section-id="sections--27281275060550__header_kTqX97" data-target-id="MegaMenu-Content-sections--27281275060550__header_kTqX97-2-MainMenu" data-activate="interaction"></section-fetcher> 7451 <summary
7452 id="HeaderMenu-memorial-jewellery" 7453 class=" 7454 details__summary 7455 list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline 7456 � 7457 7458 "aria-controls="submenu-2" 7459 aria-haspopup="true" 7460 aria-expanded="false"style="� 7461" 7462 > 7463 <a 7464 class="text" 7465 7466 href="/collections/memorial-jewellery" 7467 7468 >Memorial Jewellery</a> 7469 7470 <div class="label-wrapper"></div> 7471 7472 </summary> 7473 <div 7474 class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1" 7475 tabindex="-1" 7476 >�<div 7477 class="header__submenu-wrapper list-menu--wrapper cus-scrollbar" 7478 tabindex="-1" 7479 id="MegaMenu-Content-sections--27281275060550__header_kTqX97-2-MainMenu" 7480 ></div></div> 7481 </details></li><li><a 7482 id="HeaderMenu-pet-memorial" 7483 href="/pages/pet-memorial" 7484 class=" 7485 header__menu-item list-menu__item link link--text focus-inset link--hover-underline 7486 � 7487 7488 " 7489 7490 style="� 7491" 7492 > 7493 <span 7494 class="text" 7495 >Pet Memorial</span> 7496 7497 <div class="label-wrapper"></div> 7498 7499 </a></li><li><details 7500 id="Details-HeaderMenu-4" 7501 class="details--dropdown mega-menu" 7502 is="mega-menu-details" 7503 data-mega-menu-item 7504 activate-event="hover" 7505 data-index="0" 7506 > 7507 <section-fetcher data-section-id="sections--27281275060550__header_kTqX97" data-target-id="MegaMenu-Content-sections--27281275060550__header_kTqX97-4-MainMenu" data-activate="interaction"></section-fetcher> 7508 <summary 7509 id="HeaderMenu-grave-ornaments" 7510 class=" 7511 details__summary 7512 list-menu__item menu__link--level-1 header__menu-item list-menu__item link focus-inset link--hover-underline 7513 � 7514 7515 "aria-controls="submenu-4" 7516 aria-haspopup="true" 7517 aria-expanded="false"style="� 7518" 7519 > 7520 <a 7521 class="text" 7522 7523 href="/pages/grave-ornaments" 7524 7525 >Grave Ornaments</a> 7526 7527 <div class="label-wrapper"></div> 7528 7529 </summary> 7530 <div 7531 class="details__list mega-menu__content z-1 motion-reduce global-settings-popup color-scheme-1" 7532 tabindex="-1" 7533 >�<div 7534 class="header__submenu-wrapper list-menu--wrapper cus-scrollbar" 7535 tabindex="-1" 7536 id="MegaMenu-Content-sections--27281275060550__header_kTqX97-4-MainMenu" 7537 ></div></div> 7538 </details></li><li><a 7539 id="HeaderMenu-urns" 7540 href="/collections/urns" 7541 class=" 7542 header__menu-item list-menu__item link link--text focus-inset link--hover-underline 7543 � 7544 7545 " 7546 7547 style="� 7548" 7549 > 7550 <span 7551 class="text" 7552 >Urns</span> 7553 7554 <div class="label-wrapper"></div> 7555 7556 </a></li></ul> 7557 </nav> 7558 </div> 7559</div> 7560� 7561 7562 7563 7564 </div> 7565 </div> 7566 </div> 7567 7568 7569 </div> 7570</header-component> 7571
7572<script type="application/ld+json"> 7573 { 7574 "@context": "http://schema.org", 7575 "@type": "Organization", 7576 "name": "Nateva Porcelain", 7577 7578 "logo": "https:\/\/natevaporcelain.com\/cdn\/shop\/files\/Nateva-Black-logo.webp?v=1772787567\u0026width=500", 7579 7580 "sameAs": [ 7581 "https:\/\/x.com\/nateva_p", 7582 "https:\/\/www.facebook.com\/natevaporcelain", 7583 "", 7584 "https:\/\/www.instagram.com\/nateva_porcelain\/", 7585 "", 7586 "", 7587 "", 7588 "https:\/\/www.youtube.com\/channel\/UCN06tLsZKDfvT-dG9wbmc7A", 7589 "" 7590 ], 7591 "url": "https:\/\/natevaporcelain.com\/pages\/contact" 7592 } 7593</script>
7593 7594 7595 7596 7597</header><div id="shopify-section-sections--27281275060550__header_mobile_MqfLk9" class="shopify-section shopify-section-group-header-group"> 7598 7599 7600</div> 7601<!-- END sections: header-group --> 7602 </div><!-- BEGIN sections: popup-group --> 7603<section id="shopify-section-sections--27281275093318__multitasking_bar_AY9KgF" class="shopify-section shopify-section-group-popup-group section-multitasking-bar"><multitasking-bar 7604 class="multitasking-bar fixed h-auto z-3 no-js-hidden" 7605 id="multitasking-bar" 7606 style=" 7607 --right: 0.5%; 7608 --color-background: 255 255 255 / 1.0; 7609 --color-background-rgb: 255 255 255; 7610 --color-foreground: 0 0 0 / 1.0; 7611 --color-foreground-rgb: 0 0 0; 7612 --secondary-icon-background: 0 51 73 / 1.0; 7613 --secondary-icon: 255 255 255 / 1.0; 7614 " 7615 > 7616 <div class="multi-t__wrap relative flex flex-column gap-xs" id="multitasking-wrap"> 7617 <side-drawer-opener 7618 class="target-block product-popup-modal__opener inline-block" 7619 data-side-drawer="#popup-recently-viewed" 7620> 7621 <button 7622 class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full" 7623 data-target="multitasking-recently-viewed" 7624 type="button" 7625 aria-haspopup="dialog" 7626 aria-label="Recently viewed products" 7627 7628 > 7629 <svg 7630 xmlns="http://www.w3.org/2000/svg" 7631 viewBox="0 0 511.1 479.39" 7632 class="icon icon-recently-viewed" 7633 aria-hidden="true" 7634 focusable="false" 7635 role="presentation" 7636 > 7637 <path fill="currentColor" d="M250.58,479.39c-8.32-1.31-16.7-2.36-25-4-58.29-11.37-105.26-40.94-141.09-88.24-6.86-9-6-18.73,1.94-24.57,7.7-5.66,17.09-3.57,23.74,5.32A197.18,197.18,0,0,0,285.56,446.7c72.16-6.1,127.32-40.21,164.81-101.93,22.25-36.62,30.95-76.91,28.1-119.78C473.08,143.56,418.19,68.58,336,42.73,264,20.1,197.59,33,138.89,80.58c-39.2,31.76-62.43,73.51-71.65,123.08a18.25,18.25,0,0,0,0,2.25c3.3-3.35,6-6.23,8.87-9,7-6.73,16.75-6.83,23.16-.32s6.29,16-.37,22.79q-19.62,19.91-39.52,39.51c-7.84,7.69-18.7,6.59-24.91-2.55Q18.49,232.88,3,209.09c-5.28-8.05-3.26-17.8,4.37-22.77,7.4-4.82,16.78-2.75,22.34,5,1.69,2.35,3.28,4.77,4.95,7.2,3.88-13.53,6.68-26.87,11.5-39.44C77.69,76.7,136.3,23.79,222.64,5.76,310-12.48,385.78,12.89,447.42,77.41c35.21,36.85,55.29,81.56,61.78,132.24.56,4.41,1.26,8.8,1.9,13.21v33.93c-.4,2.94-.85,5.87-1.2,8.81-5.35,45.62-21.73,86.8-50.45,122.74q-56,70.11-144.41,87.05c-8.78,1.66-17.68,2.68-26.53,4Z"/> 7638 <path fill="currentColor" d="M247.61,175.92q0-35.19,0-70.37c0-10.53,6.54-17.52,16.19-17.43,9.28.1,15.7,7.19,15.7,17.45q0,64.62-.07,129.25a8.58,8.58,0,0,0,3.86,7.83c27.65,20.75,55.29,41.54,82.66,62.66A24.82,24.82,0,0,1,374,316.64c2.14,6.68-1.19,13.35-6.94,16.69-6.18,3.6-12.43,3.38-18.23-.89-10.44-7.69-20.78-15.53-31.15-23.31-20.74-15.56-41.43-31.21-62.26-46.66a18.08,18.08,0,0,1-7.9-15.69C247.68,223.16,247.61,199.54,247.61,175.92Z"/> 7639 </svg> 7640 </button> 7641 <span class="target-block--tooltip">Recently viewed products</span> 7642</side-drawer-opener> 7643 7644<side-drawer 7645 class="multi-t__products drawer__container drawer fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden" 7646 id="popup-recently-viewed" 7647 data-drawer-direction="right" 7648> 7649 <div id="Drawer-Overlay-Multitasking-Bar" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 7650 <div 7651 class="drawer__inner-wrapper" 7652 data-drawer-content 7653 style="--drawer-max-width: var(--normal-content-width);" 7654 > 7655 <div 7656 class="drawer__inner" 7657 role="dialog" 7658 aria-modal="true" 7659 aria-label="Recently viewed" 7660 tabindex="-1" 7661 7662 > 7663 <div class="drawer__header flex justify-between items-center relative" style="--p: 1.5rem 0;"> 7664 <h2 class="drawer__heading break m-0 h5">Recently viewed</h2> 7665 <button 7666 class="drawer__close block t-button bor-none rounded-full cursor-pointer" 7667 type="button" 7668 onclick="this.closest('side-drawer').close()" 7669 aria-label="Close dialog" 7670 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18">
7670<path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 7671</button> 7672 </div> 7673 <recently-viewed-products 7674 class="recently-viewed-products collection cus-scrollbar" 7675 id="recently-viewed-drawer-sections--27281275093318__multitasking_bar_AY9KgF" 7676 data-url="/search?section_id=sections--27281275093318__multitasking_bar_AY9KgF&type=product&q=" 7677 data-limit="6" 7678 data-id="sections--27281275093318__multitasking_bar_AY9KgF" 7679 7680 ><div class="recently-viewed__warnings flex flex-column flex-1 justify-center center"> 7681 <svg 7682 xmlns="http://www.w3.org/2000/svg" 7683 viewBox="0 0 455 455" 7684 xmlns:xlink="http://www.w3.org/1999/xlink" 7685 class="icon icon-no-product" 7686 aria-hidden="true" 7687 focusable="false" 7688 role="presentation" 7689 xml:space="preserve" 7690 > 7691 <path d="M360.967,130.599c-4.06-0.818-8.018,1.8-8.841,5.86c-0.823,4.06,1.801,8.018,5.86,8.841 7692 c1.147,0.232,2.013,1.286,2.013,2.45v160c0,1.355-1.145,2.5-2.5,2.5H179.676c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5H357.5 7693 c9.649,0,17.5-7.851,17.5-17.5v-160C375,139.46,369.099,132.247,360.967,130.599z"></path> 7694 <path d="M274.824,130.25H97.5c-9.649,0-17.5,7.851-17.5,17.5v160c0,8.063,5.48,15.046,13.326,16.982 7695 c0.604,0.149,1.208,0.221,1.803,0.221c3.369,0,6.432-2.287,7.276-5.705c0.992-4.021-1.463-8.086-5.484-9.078 7696 c-0.955-0.235-1.92-1.143-1.92-2.42v-160c0-1.355,1.145-2.5,2.5-2.5h177.324c4.142,0,7.5-3.357,7.5-7.5 7697 S278.966,130.25,274.824,130.25z"></path> 7698 <path d="M235.363,170.798c-2.655-0.363-5.3-0.548-7.863-0.548c-31.706,0-57.5,25.794-57.5,57.5c0,2.563,0.185,5.209,0.548,7.863 7699 c0.515,3.759,3.731,6.483,7.421,6.483c0.339,0,0.682-0.023,1.027-0.07c4.104-0.562,6.975-4.345,6.413-8.448 7700 c-0.271-1.982-0.409-3.943-0.409-5.828c0-23.435,19.065-42.5,42.5-42.5c1.884,0,3.845,0.138,5.828,0.409 7701 c4.108,0.564,7.886-2.309,8.448-6.413C242.338,175.143,239.467,171.359,235.363,170.798z"></path> 7702 <path d="M219.127,284.636c2.789,0.407,5.605,0.614,8.373,0.614c31.706,0,57.5-25.794,57.5-57.5c0-2.77-0.207-5.587-0.613-8.373 7703 c-0.599-4.099-4.408-6.934-8.505-6.337c-4.099,0.599-6.936,4.406-6.337,8.505c0.303,2.071,0.456,4.158,0.456,6.205 7704 c0,23.435-19.065,42.5-42.5,42.5c-2.044,0-4.132-0.153-6.205-0.456c-4.099-0.6-7.907,2.238-8.505,6.337 7705 S215.028,284.037,219.127,284.636z"></path> 7706 <path d="M318.5,203.25c9.098,0,16.5-7.402,16.5-16.5c0-8.318-6.227-15.355-14.484-16.37c-2.293-0.277-4.585,0.509-6.218,2.142 7707 l-10.027,10.027c-1.633,1.632-2.422,3.926-2.141,6.217C303.145,197.023,310.183,203.25,318.5,203.25z"></path> 7708 <path d="M117.5,114.75h30c4.142,0,7.5-3.357,7.5-7.5s-3.358-7.5-7.5-7.5h-30c-4.142,0-7.5,3.357-7.5,7.5 7709 S113.358,114.75,117.5,114.75z"></path> 7710 <path d="M388.367,66.633C345.397,23.664,288.268,0,227.5,0S109.603,23.664,66.633,66.633C23.664,109.603,0,166.732,0,227.5 7711 s23.664,117.897,66.633,160.867C109.603,431.336,166.732,455,227.5,455s117.897-23.664,160.867-66.633 7712 C431.336,345.397,455,288.268,455,227.5S431.336,109.603,388.367,66.633z M15,227.5C15,110.327,110.327,15,227.5,15 7713 c55.894,0,106.807,21.703,144.783,57.11L72.11,372.283C36.703,334.307,15,283.395,15,227.5z M227.5,440 7714 c-55.894,0-106.807-21.703-144.783-57.11L382.89,82.717C418.297,120.693,440,171.606,440,227.5C440,344.673,344.673,440,227.5,440z 7715 "></path> 7716 </svg> 7717 <span class="text">Sorry, there are no products.</span> 7718 </div></recently-viewed-products> 7719 </div> 7720 </div> 7721</side-drawer> 7722 7723<div class="target-block relative"> 7724 <button 7725 class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full" 7726 data-target="multitasking-social-media" 7727 type="button" 7728 aria-haspopup="dialog" 7729 aria-label="Social media" 7730 7731 > 7732 <span class="svg-wrapper"> 7733 <svg width="28" height="28" fill="none" class="icon icon-social" aria-hidden="true" focusable="false" role="presentation" viewB
7733ox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"> 7734<path d="M21.5919 18.834C20.2504 18.834 19.0417 19.4134 18.2028 20.3349L10.6574 15.6617C10.8589 15.1461 10.9706 14.5859 10.9706 14C10.9706 13.4138 10.8589 12.8537 10.6574 12.3382L18.2028 7.66478C19.0417 8.58635 20.2504 9.1659 21.5919 9.1659C24.1191 9.1659 26.175 7.11 26.175 4.58285C26.175 2.05569 24.1191 0 21.5919 0C19.0648 0 17.0088 2.0559 17.0088 4.58306C17.0088 5.16903 17.1208 5.72915 17.322 6.24483L9.77687 10.918C8.93797 9.99647 7.7293 9.41691 6.38775 9.41691C3.86059 9.41691 1.80469 11.473 1.80469 14C1.80469 16.5271 3.86059 18.583 6.38775 18.583C7.7293 18.583 8.93797 18.0037 9.77687 17.0819L17.322 21.7551C17.1208 22.2708 17.0088 22.8309 17.0088 23.4171C17.0088 25.944 19.0648 27.9999 21.5919 27.9999C24.1191 27.9999 26.175 25.944 26.175 23.4171C26.175 20.8899 24.1191 18.834 21.5919 18.834ZM18.68 4.58306C18.68 2.97747 19.9863 1.67117 21.5919 1.67117C23.1975 1.67117 24.5038 2.97747 24.5038 4.58306C24.5038 6.18865 23.1975 7.49495 21.5919 7.49495C19.9863 7.49495 18.68 6.18865 18.68 4.58306ZM6.38775 16.9119C4.78195 16.9119 3.47564 15.6056 3.47564 14C3.47564 12.3944 4.78195 11.0881 6.38775 11.0881C7.99333 11.0881 9.29942 12.3944 9.29942 14C9.29942 15.6056 7.99333 16.9119 6.38775 16.9119ZM18.68 23.4169C18.68 21.8113 19.9863 20.505 21.5919 20.505C23.1975 20.505 24.5038 21.8113 24.5038 23.4169C24.5038 25.0225 23.1975 26.3288 21.5919 26.3288C19.9863 26.3288 18.68 25.0225 18.68 23.4169Z" fill="currentColor"/> 7735</svg> 7736 7737 </span> 7738 </button> 7739 7740 <div class="multi-t__wrapper multi-t__social pointer-events-none absolute top-0">�<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-list-social.css?v=13730622090596776651772453469" media="print" fetchpriority="low" onload="this.media='all'"> 7741 <noscript><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-list-social.css?v=13730622090596776651772453469"></noscript> 7742 <div class="flex flex-wrap justify-center flex-column h-full"> 7743 <ul 7744 class="list-unstyled list-social flex flex-wrap justify-end sm\:justify-center multi-t__list" 7745 role="list" 7746 style="--gap-x: 1.1rem; --gap-y: 1.1rem;" 7747 ><li class="list-social__item social__item--effect"> 7748 <a href="https://x.com/nateva_p" class="list-social__link link"> 7749 <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg> 7750<svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg> 7751</span> 7752 <span class="visually-hidden">X (Twitter)</span> 7753 </a> 7754 </li><li class="list-social__item social__item--effect"> 7755 <a href="https://www.facebook.com/natevaporcelain" class="list-social__link link"> 7756 <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg> 7757<svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg> 7758</span> 7759 <span class="visually-hidden">Facebook</span> 7760 </a> 7761 </li><li class="list-social__item social__item--effect"> 7762 <a href="https://www.instagram.com/nateva_porcelain/" class="list-social__link link">
7763 <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 7764<svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 7765</span> 7766 <span class="visually-hidden">Instagram</span> 7767 </a> 7768 </li><li class="list-social__item social__item--effect"> 7769 <a href="https://www.youtube.com/channel/UCN06tLsZKDfvT-dG9wbmc7A" class="list-social__link link"> 7770 <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 7771<svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 7772</span>
7773 <span class="visually-hidden">YouTube</span> 7774 </a> 7775 </li></ul> 7776 </div></div> 7777 <span class="target-block--tooltip">Social media</span> 7778</div> 7779 7780 7781<div 7782 class="target-block relative button__back-to-top hide" 7783> 7784 <button 7785 class="multi-t__button p-0 flex items-center justify-center relative cursor-pointer bor-none rounded-full" 7786 data-target="back-to-top" 7787 role="button" 7788 aria-haspopup="dialog" 7789 aria-label="Back to top" 7790 7791 > 7792 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 7793<svg class="progress-circle progress-circle-fill svg-content absolute inset-0" width="100%" height="100%" viewBox="-1 -1 102 102"> 7794 <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path> 7795 </svg> 7796 </span> 7797 </button> 7798 <span class="target-block--tooltip">Back to top</span> 7799</div> 7800
7801<script src="//natevaporcelain.com/cdn/shop/t/8/assets/back-to-top-progress.js?v=58821228533285910701772453469" defer="defer"></script>
7801 7802 7803 7804 7805 7806 <span class="glider absolute flex rounded-full"></span> 7807 </div> 7808 </multitasking-bar> 7809 7810
7810<script src="//natevaporcelain.com/cdn/shop/t/8/assets/multitasking-bar.js?v=126658097558579621991772453469" defer="defer"></script>
7810 7811<style> #shopify-section-sections--27281275093318__multitasking_bar_AY9KgF .multitasking-bar {margin-top: 8%;} </style></section><section id="shopify-section-sections--27281275093318__cart_drawer_PFLQy3" class="shopify-section shopify-section-group-popup-group section-cart-drawer"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-cart-drawer.css?v=145065958075122386701772453469" media="print" fetchpriority="low" onload="this.media='all'"> 7812 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-cart.css?v=126975925752820387781772453469" media="print" fetchpriority="low" onload="this.media='all'"> 7813 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-totals.css?v=65700457759007518761772453469" media="print" fetchpriority="low" onload="this.media='all'"> 7814 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/quantity-popover.css?v=48766266399209775371772453469" media="print" fetchpriority="low" onload="this.media='all'"> 7815 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-discounts.css?v=136859639673735941111772453469" media="print" fetchpriority="low" onload="this.media='all'"> 7816 7817 <noscript> 7818 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-cart-drawer.css?v=145065958075122386701772453469"> 7819 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-cart.css?v=126975925752820387781772453469"> 7820 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-totals.css?v=65700457759007518761772453469"> 7821 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/quantity-popover.css?v=48766266399209775371772453469"> 7822 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-discounts.css?v=136859639673735941111772453469"> 7823 </noscript> 7824 7825 7826 7827 7828 7829 �<cart-drawer 7830 id="Cart-Drawer"
7831 class="drawer drawer__container fixed top-0 left-0 w-screen h-full z-9 flex no-js-hidden is-empty" 7832 data-moved="false" 7833 data-drawer-direction="right" 7834 data-section-id="sections--27281275093318__cart_drawer_PFLQy3" 7835> 7836 <div id="CartDrawer-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 7837 <div 7838 id="CartDrawer" 7839 class="cart-drawer color-scheme-1" 7840 data-drawer-content 7841 style="--drawer-max-width: var(--normal-content-width);" 7842 > 7843 <div 7844 class="drawer__inner cus-scrollbar" 7845 role="dialog" 7846 aria-modal="true" 7847 aria-label="Your cart" 7848 tabindex="-1" 7849 ><div class="drawer__inner-empty h-full overflow-hidden flex flex-column" style="--p: 0 1.5rem;"> 7850 <div class="drawer__header flex justify-end items-center relative" style="--p: var(--padding-xs) 0;"> 7851 <button 7852 class="drawer__close block t-button bor-none rounded-full cursor-pointer" 7853 type="button" 7854 onclick="this.closest('cart-drawer').close()" 7855 aria-label="Close dialog" 7856 style="--top: 0.3rem; --right: 0.3rem;" 7857 > 7858 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 7859</span> 7860 </button> 7861 </div> 7862 <div class="cart-drawer__warnings flex flex-column flex-1 justify-center center"> 7863 <div class="cart-drawer__empty-content"> 7864 <h4 class="cart__empty-text">Your cart is empty</h4> 7865 <a href="/collections/all" class="button"> 7866 Continue shopping 7867 </a><p class="cart__login-title h4">Have an account?</p> 7868 <p class="cart__login-paragraph"> 7869 <a href="https://natevaporcelain.com/customer_authentication/redirect?locale=en®ion_country=US" class="link link--underline">Log in</a> to check out faster. 7870 </p></div> 7871 </div></div><cart-drawer-items 7872 class="h-full is-empty" 7873 data-section-id="sections--27281275093318__cart_drawer_PFLQy3" 7874 > 7875 <div class="section--main-cart h-full"> 7876 7877<div class="loading__spinner hidden cart-drawer__loading-spinner absolute-c-c"> 7878 <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg> 7879 7880</div> 7881<form 7882 action="/cart" 7883 id="CartDrawer-Form" 7884 class="cart__contents cart-drawer__form flex-grow flex flex-wrap" 7885 method="post" 7886 > 7887 <div id="CartDrawer-CartItems" class="drawer__contents flex-grow flex flex-column js-contents overflow-hidden"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 7888 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> 7889 Loading... 7890 </p> 7891 </div> 7892 <div id="CartDrawer-CartErrors" role="alert"></div> 7893 </form><div class="drawer__footer"> 7894 <div class="drawer--function-blocks"><button 7895 class="function-block function-block--cart-note button focus-inset" 7896 type="button" 7897 aria-haspopup="dialog" 7898 aria-label="Additional comments" 7899 data-drawer-toggle="#Drawer-CartNote" 7900 > 7901 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="clipboard" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="icon icon-note"><path fill="currentColor" d="M336 64h-88.6c.4-2.6.6-5.3.6-8 0-30.9-25.1-56-56-56s-56 25.1-56 56c0 2.7.2 5.4.6 8H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 32c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm160 432c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h48v20c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12V96h48c8.8 0 16 7.2 16 16z" class=""></path></svg></span> 7902 </button>�<button 7903 type="button" 7904 aria-haspopup="dialog" 7905 aria-label="Estimate Shipping Rates" 7906 class="function-block function-block--cart-shipping button focus-inset" 7907 data-drawer-toggle="#Drawer-CartShipping" 7908 >
7909 <span class="svg-wrapper" style="width: 3.2rem; height: 3.2rem;"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="shipping-fast" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon icon-shipping"><path fill="currentColor" d="M280 192c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240zm352 192h-24V275.9c0-16.8-6.8-33.3-18.8-45.2l-83.9-83.9c-11.8-12-28.3-18.8-45.2-18.8H416V78.6c0-25.7-22.2-46.6-49.4-46.6H113.4C86.2 32 64 52.9 64 78.6V96H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H96V78.6c0-8.1 7.8-14.6 17.4-14.6h253.2c9.6 0 17.4 6.5 17.4 14.6V384H207.6C193 364.7 170 352 144 352c-18.1 0-34.6 6.2-48 16.4V288H64v144c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h195.2c-1.1 5.2-1.6 10.5-1.6 16 0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H632c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-488 96c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm272-320h44.1c8.4 0 16.7 3.4 22.6 9.4l83.9 83.9c.8.8 1.1 1.9 1.8 2.8H416V160zm80 320c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-96h-16.4C545 364.7 522 352 496 352s-49 12.7-63.6 32H416v-96h160v96zM256 248v-16c0-4.4-3.6-8-8-8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8z" class=""></path></svg></span> 7910 </button><button 7911 type="button" 7912 aria-haspopup="dialog" 7913 aria-label="Add a coupon" 7914 class="function-block function-block--cart-coupon button focus-inset" 7915 data-drawer-toggle="#Drawer-CartCoupon" 7916 > 7917 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="tag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon icon-coupon"><path fill="currentColor" d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243 6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238 6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z" class=""></path></svg></span> 7918 </button><section-fetcher 7919 data-section-id="sections--27281275093318__cart_drawer_PFLQy3" 7920 data-target-id="CartDrawer-Content-sections--27281275093318__cart_drawer_PFLQy3" 7921 data-activate="interaction" 7922 ></section-fetcher><div class="section-resource-list" id="CartDrawer-Content-sections--27281275093318__cart_drawer_PFLQy3"> 7923 </div></div> 7924 7925 <div class="cart-drawer__footer" > 7926 <div></div> 7927 7928 <div class="totals" role="status"> 7929 <h2 class="totals__total">Estimated total</h2> 7930 <p class="totals__total-value">$0.00 USD</p> 7931 </div> 7932 7933 <small class="tax-note caption-large rte">Taxes included. Discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout.�</small> 7934 </div> 7935 7936 <div class="cart__ctas cart__ctas-drawer" > 7937 <button 7938 type="submit" 7939 id="CartDrawer-Checkout" 7940 class="cart__checkout-button button button--full-width" 7941 name="checkout" 7942 form="CartDrawer-Form" 7943 7944 disabled 7945 7946 > 7947 <span class="button-overflow relative overflow-hidden" data-button-text="Checkout"> 7948 <span class="button-text-main inline-block relative z-1">Checkout</span> 7949 </span> 7950 </button> 7951 <a 7952 href="/cart" 7953 id="CartDrawer-Viewcart" 7954 class="cart__viewcart-button button-secondary button--full-width" 7955 >
7956 <span class="button-overflow relative overflow-hidden" data-button-text="View cart"> 7957 <span class="button-text-main inline-block relative z-1">View cart</span> 7958 </span> 7959 </a> 7960 </div> 7961 </div> 7962 </div> 7963 </cart-drawer-items> 7964 </div> 7965 </div> 7966</cart-drawer>
7967<script src="//natevaporcelain.com/cdn/shop/t/8/assets/cart.js?v=179724439728969812631772453469" defer="defer"></script>
7967 7968
7968<script src="//natevaporcelain.com/cdn/shop/t/8/assets/cart-drawer.js?v=92300357632842052011772453469" defer="defer"></script>
7968</section><section id="shopify-section-sections--27281275093318__toolbar_mobile_3HBwAV" class="shopify-section shopify-section-group-popup-group shopify-section--popup section--toolbar-mobile"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/toolbar-mobile.css?v=177774062987669657031772453469" media="print" onload="this.media='all'"> 7969<noscript> 7970 <link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/toolbar-mobile.css?v=177774062987669657031772453469"> 7971</noscript> 7972 7973<toolbar-mobile 7974 class="toolbar-mobile toolbar-mobile-col--4 element-spacing-all fixed left-0 right-0 bottom-0 w-full flex z-3 color-scheme-1 gradient lg:none no-js-hidden" 7975 style=" 7976 --padding-top: 4px; 7977 --padding-bottom: 4px; 7978 --icon-size: 20px; 7979 " 7980><a 7981 7982 href="/" 7983 7984 class="toolbar__item flex-grow shrink-0 flex justify-center items-center flex-column center decoration-none link linkfulltext" 7985 aria-label="Home" 7986 > 7987 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="home-lg-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" class="svg-inline--fa fa-home-lg-alt fa-w-18 fa-3x"><path fill="currentColor" d="M573.48 219.91L310.6 8a35.85 35.85 0 0 0-45.19 0L2.53 219.91a6.71 6.71 0 0 0-1 9.5l14.2 17.5a6.82 6.82 0 0 0 9.6 1L64 216.72V496a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V216.82l38.8 31.29a6.83 6.83 0 0 0 9.6-1l14.19-17.5a7.14 7.14 0 0 0-1.11-9.7zM240 480V320h96v160zm240 0H368V304a16 16 0 0 0-16-16H224a16 16 0 0 0-16 16v176H96V190.92l187.71-151.4a6.63 6.63 0 0 1 8.4 0L480 191z" class=""></path></svg>�</span><span class="text">Home</span></a><side-drawer-opener 7988 class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none" 7989 data-side-drawer="#Drawer-Search" 7990 > 7991 <button 7992 class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full" 7993 type="button" 7994 aria-haspopup="dialog" 7995 aria-label="Search" 7996 > 7997 <span class="svg-wrapper"><svg style="transform: scale(1.2);" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 32 32" class="icon icon-search"><path d="M 19 3 C 13.488281 3 9 7.488281 9 13 C 9 15.394531 9.839844 17.589844 11.25 19.3125 L 3.28125 27.28125 L 4.71875 28.71875 L 12.6875 20.75 C 14.410156 22.160156 16.605469 23 19 23 C 24.511719 23 29 18.511719 29 13 C 29 7.488281 24.511719 3 19 3 Z M 19 5 C 23.429688 5 27 8.570313 27 13 C 27 17.429688 23.429688 21 19 21 C 14.570313 21 11 17.429688 11 13 C 11 8.570313 14.570313 5 19 5 Z"></path></svg>�</span><span class="text">Search</span></button> 7998 </side-drawer-opener><side-drawer-opener 7999 class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none" 8000 data-side-drawer="#Drawer-Account" 8001 > 8002 <button 8003 class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full" 8004 type="button" 8005 aria-haspopup="dialog" 8006 aria-label="Log in" 8007 > 8008 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 8009�</span><span class="text">Account</span></button> 8010 </side-drawer-opener><side-drawer-opener
8011 class="toolbar__item flex-grow shrink-0 flex justify-center items-center p-0 decoration-none color-foreground after-none" 8012 data-side-drawer="#Cart-Drawer" 8013 > 8014 <button 8015 class="t-button flex justify-center items-center flex-column bor-none cursor-pointer p-0 color-foreground bg-transparent focus-inset no-js-hidden decoration-none link h-full relative" 8016 type="button" 8017 aria-haspopup="dialog" 8018 aria-label="Cart with 0 items" 8019 > 8020 <div class="count-bubble relative"> 8021 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-cart icon-cart-classy" width="26" height="26" viewBox="0 0 26 26" aria-hidden="true" focusable="false" role="presentation" fill="none"> 8022 <path d="M1.00391 24.9929C1.00391 18.982 1.00391 13.0027 1.00391 6.99882C2.09001 6.99882 3.14437 6.99882 4.19873 6.99882C5.22841 6.99882 6.25809 6.98118 7.28777 7.00587C7.71445 7.01645 7.84493 6.9071 7.85904 6.52259C7.88725 5.73947 7.86961 4.92461 8.10235 4.18029C8.63129 2.47295 9.98187 1.43937 11.9636 1.10072C13.9666 0.758547 15.6522 1.29121 16.9851 2.65285C17.7009 3.38659 18.0113 4.26142 18.0783 5.20681C18.11 5.63012 18.0959 6.05696 18.0994 6.48379C18.1029 6.98471 18.11 6.99529 18.6707 6.99529C20.6031 6.99529 22.532 7.00587 24.4644 6.98823C24.877 6.98471 25.0039 7.08701 25.0039 7.45034C24.9933 13.1509 24.9969 18.8514 24.9969 24.5485C24.9969 24.806 25.0039 25 24.5808 25C16.7347 24.9894 8.89929 24.9929 1.00391 24.9929ZM18.0924 12.1879C17.2672 12.2655 17.2672 12.2655 17.2672 11.6305C17.2672 10.4417 17.2672 9.2494 17.2672 8.06061C17.2672 7.95126 17.2531 7.84543 17.2425 7.71138C17.0909 7.71138 16.978 7.71138 16.8652 7.71138C14.3192 7.71138 11.7732 7.71138 9.23077 7.71138C8.67008 7.71138 8.67008 7.71138 8.67008 8.20877C8.67008 9.42226 8.66303 10.6393 8.67361 11.8527C8.67714 12.1208 8.59603 12.2231 8.26456 12.2302C7.89782 12.2373 7.83787 12.0997 7.83787 11.8281C7.84493 10.5899 7.83083 9.34818 7.84846 8.11C7.85198 7.79957 7.73914 7.70433 7.38298 7.70786C5.71152 7.72197 4.03652 7.71491 2.36506 7.71491C1.7938 7.71491 1.79379 7.71491 1.79379 8.20877C1.79379 13.3943 1.79379 18.5798 1.79379 23.7654C1.79379 24.2768 1.79379 24.2768 2.38974 24.2768C9.45292 24.2768 16.5161 24.2768 23.5793 24.2768C24.1717 24.2768 24.1717 24.2768 24.1717 23.7548C24.1717 20.4106 24.1717 17.0665 24.1717 13.7224C24.1717 11.8704 24.1646 10.0149 24.1788 8.16291C24.1823 7.82427 24.0624 7.70786 23.6604 7.71138C21.9607 7.72902 20.2575 7.72549 18.5543 7.71138C18.1946 7.70786 18.0747 7.81368 18.0853 8.12058C18.1065 8.73438 18.0924 9.34818 18.0924 9.96197C18.0924 10.6957 18.0924 11.433 18.0924 12.1879ZM12.9686 6.99529C14.2557 6.99529 15.5428 6.98823 16.8264 6.99882C17.1579 7.00234 17.2919 6.91415 17.2707 6.61431C17.2425 6.12751 17.2601 5.63717 17.239 5.15037C17.2073 4.40253 16.9146 3.71818 16.3786 3.14671C15.2219 1.91559 13.7092 1.43937 11.9425 1.81329C10.3733 2.14488 9.25898 3.00561 8.87814 4.40958C8.68772 5.10451 8.74061 5.84883 8.66656 6.56845C8.63129 6.90004 8.7794 7.00587 9.15319 7.00234C10.4262 6.98823 11.6992 6.99529 12.9686 6.99529Z" fill="currentColor" stroke="currentColor" stroke-width="0.75" stroke-miterlimit="10"/> 8023 </svg>�</span><div class="leading-none absolute rounded-full flex justify-center items-center cart-count-bubble cart-icon-bubble"> 8024 <span aria-hidden="true" data-cart-count>0</span> 8025 <span class="visually-hidden" data-cart-text>0 items</span> 8026 </div></div><span class="text">Cart</span></button> 8027 </side-drawer-opener></toolbar-mobile> 8028
8029<script src="//natevaporcelain.com/cdn/shop/t/8/assets/toolbar-mobile.js?v=101042659985946627461772453469" defer="defer"></script>
8029 8030 8031 8032</section><section id="shopify-section-sections--27281275093318__recent_sale_popup_egVXYj" class="shopify-section shopify-section-group-popup-group section-recent-sale-popup"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-recent-sale-popup.css?v=40841070603384968761772453469" media="print" onload="this.media='all'"> 8033<noscript><link href="//natevaporcelain.com/cdn/shop/t/8/assets/component-recent-sale-popup.css?v=40841070603384968761772453469" rel="stylesheet" type="text/css" media="all" /></noscript> 8034 8035�<div class="recent-sale-popup-wrapper fixed left-0 bottom-0 w-full z-10 duration-slide-in no-js-hidden" style="--animation-slide-in: 0.3s;"> 8036 <section-fetcher 8037 data-section-id="sections--27281275093318__recent_sale_popup_egVXYj" 8038 data-target-id="RecentSalePopup-Content-sections--27281275093318__recent_sale_popup_egVXYj" 8039 data-activate="interaction" 8040 ></section-fetcher><div class="section-resource-list" id="RecentSalePopup-Content-sections--27281275093318__recent_sale_popup_egVXYj"> 8041 </div></div> 8042
8043<script src="//natevaporcelain.com/cdn/shop/t/8/assets/recent-sale-popup.js?v=3231831740473589911772453469" defer="defer"></script>
8043 8044 8045</section> 8046<!-- END sections: popup-group --><!-- BEGIN sections: general-group --> 8047<div id="shopify-section-sections--27281275027782__color_swatches_wJV8Fg" class="shopify-section shopify-section-group-general-group color-swatches-section"><style data-shopify>.color-swacth-color--blue {background: #1199bb !important;}.color-swacth-color--beige {background-image: linear-gradient(to bottom right, #c8ae7e, #c8ae7e 50%, #fafdf3 50%, #fafdf3) !important;}.color-swacth-color--darkorange {background-image: linear-gradient(to bottom right, #383030, #383030 50%, #df753a 50%, #df753a) !important;}</style> 8048</div> 8049<!-- END sections: general-group --><main 8050 id="MainContent" 8051 class="content-for-layout focus-none relative z-2" 8052 role="main" 8053 tabindex="-1" 8054 > 8055 <div id="shopify-section-template--27282087608646__section_T6atEk" class="shopify-section section-wrapper"> 8056 8057 8058 8059 8060 8061<div class="section-background color-scheme-1"></div> 8062<div 8063 class="section section--full-width color-scheme-1 " 8064 8065 8066 8067 style="" 8068> 8069 <div class="custom-section-background"> 8070 8071 8072 </div> 8073 8074 <div 8075 class="border-style custom-section-content" 8076 style="--border-width: 1px; 8077--border-style: none; 8078--border-color: rgb(var(--color-border-rgb) / 1.0); 8079--border-radius: 0px; 8080 8081" 8082 ><div 8083 class=" 8084 spacing-style 8085 layout-panel-flex 8086 layout-panel-flex--column 8087 mobile-column 8088 section-content-wrapper 8089 " 8090 style="--flex-direction: column; 8091--flex-wrap: no-wrap;--flex-direction-mobile: column;�--gap: 12px;--horizontal-alignment: center;--horizontal-alignment-mobile: center;--vertical-alignment: center;--vertical-alignment-mobile: center;--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 8092 data-testid="section-content" 8093 > 8094 8095 <div id="shopify-block-AaU9oVzFpY1FFQ1FZM__map_b6NGhN" class="shopify-block"><div class="map-embed"> 8096 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3071.370878997438!2d20.84230669472758!3d39.663871027819994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x135be9b63ab2c443%3A0xfa29488ac7a9d592!2zzqPPgM-Nz4HOv8-FIM6bzqzOvM-Az4HOv8-FIDcsIM6Zz4nOrM69zr3Ouc69zrEgNDUzIDMz!5e0!3m2!1sel!2sgr!4v1772528246827!5m2!1sel!2sgr" width="100%" height="365" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 8097</div> 8098 8099 8100 8101 8102</div> 8103 8104 8105 </div> 8106 </div> 8107</div> 8108 8109 8110</div><div id="shopify-section-template--27282087608646__section_Hwj3mi" class="shopify-section section-wrapper"> 8111 8112 8113 8114 8115 8116<div class="section-background color-scheme-1"></div> 8117<div 8118 class="section section--custom color-scheme-1 " 8119 8120 8121 8122 style="--page-content-width: 121rem; 8123 --page-width: calc(var(--page-content-width) + var(--page-margin) * 2);" 8124> 8125 <div class="custom-section-background"> 8126 8127 8128 </div> 8129 8130 <div 8131 class="border-style custom-section-content" 8132 style="--border-width: 1px; 8133--border-style: none; 8134--border-color: rgb(var(--color-border-rgb) / 1.0); 8135--border-radius: 0px; 8136 8137" 8138 ><div 8139 class=" 8140 spacing-style 8141 layout-panel-flex 8142 layout-panel-flex--column 8143 mobile-column 8144 section-content-wrapper 8145 " 8146 style="--flex-direction: column; 8147--flex-wrap: no-wrap;--flex-direction-mobile: column;�--gap: 12px;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8147--vertical-alignment: center;--vertical-alignment-mobile: center;--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));--padding-inline-start: 0px;--padding-inline-end: 0px;" 8148 data-testid="section-content" 8149 > 8150 8151 8152 8153�<div 8154 class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style" 8155 style=" 8156 8157 --padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 45px));--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 8158 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 8159 --size-style-width-mobile-min: 5rem; 8160 --shadow-vertical-offset: 0px; 8161--shadow-horizontal-offset: 0px; 8162--shadow-blur: 0px; 8163--shadow-color: rgb(0 0 0 / 0.0); 8164--shadow-spread-radius: 0px; 8165 8166 8167 8168 " 8169 8170 8171 8172 8173 data-testid="group-block" 8174 8175><div class="group-block__media-wrapper media--empty none"> 8176 8177 8178 </div> 8179 8180 8181 <div 8182 class=" 8183 group-block-content relative 8184 layout-panel-flex 8185 layout-panel-flex--column 8186 8187 mobile-column 8188 8189 " 8190 style="--flex-direction: column; 8191--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: center;--horizontal-alignment-mobile: flex-start;
8191--vertical-alignment: center;--vertical-alignment-mobile: center;" 8192 > 8193 8194 8195 8196 8197 8198 8199 8200 8201 8202 8203 8204 8205 8206 8207 <div 8208 class=" 8209 size-style spacing-style text-block max-w-full flex 8210 text-block--ANHRiYTd6RHNFRW5DT__text_HqrMXj 8211 flex-column 8212 custom text-block--full-width text-block--align- custom-typography custom-font-size custom-color 8213 8214 8215 8216 8217 8218 8219 " 8220 style=" 8221 --size-style-width: 100%;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8222 --size-style-width-mobile-min: fit-content; 8223 --padding-block-start: 0px; --padding-block-end:0px; 8224--padding-inline-start:0px; --padding-inline-end:0px; 8225 8226 --color: var(--color-foreground);--font-size: clamp(1.7rem, 2.4vw, 2.4rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);�" 8227 8228 8229 8230> 8231 8232 <h2>GET IN TOUCH</h2> 8233 8234 8235 �</div> 8236 8237 8238 8239 8240 8241 8242 8243</div> 8244</div> 8245 8246 8247 8248 8249 8250�<div 8251 class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style" 8252 style=" 8253 8254 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 8255 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 8256 --size-style-width-mobile-min: 5rem; 8257 --shadow-vertical-offset: 0px; 8258--shadow-horizontal-offset: 0px; 8259--shadow-blur: 0px; 8260--shadow-color: rgb(0 0 0 / 0.0); 8261--shadow-spread-radius: 0px; 8262 8263 8264 8265 " 8266 8267 8268 8269 8270 data-testid="group-block" 8271 8272><div class="group-block__media-wrapper media--empty none"> 8273 8274 8275 </div> 8276 8277 8278 <div 8279 class=" 8280 group-block-content relative 8281 layout-panel-flex 8282 layout-panel-flex--row 8283 8284 mobile-column 8285 8286 " 8287 style="--flex-direction: row; 8288--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 80px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8288--vertical-alignment: flex-start;--vertical-alignment-mobile: center;" 8289 > 8290 8291 8292�<div 8293 class="group-block relative group-block--height-fit group-block--width-custom spacing-style size-style shadow-style" 8294 style=" 8295 8296 --padding-block-start: max(20px, calc(var(--spacing-scale) * 55px));--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 8297 --size-style-width: 57%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 8298 --size-style-width-mobile-min: 5rem; 8299 --shadow-vertical-offset: 0px; 8300--shadow-horizontal-offset: 0px; 8301--shadow-blur: 0px; 8302--shadow-color: rgb(0 0 0 / 0.0); 8303--shadow-spread-radius: 0px; 8304 8305 8306 8307 " 8308 8309 8310 8311 8312 data-testid="group-block" 8313 8314><div class="group-block__media-wrapper media--empty none"> 8315 8316 8317 </div> 8318 8319 8320 <div 8321 class=" 8322 group-block-content relative 8323 layout-panel-flex 8324 layout-panel-flex--column 8325 8326 mobile-column 8327 8328 " 8329 style="--flex-direction: column; 8330--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 19px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8330--vertical-alignment: center;--vertical-alignment-mobile: center;" 8331 > 8332 8333 8334 8335 8336 8337 8338 8339 8340 8341 8342 8343 8344 8345 8346 <rte-formatter 8347 class=" 8348 size-style spacing-style text-block max-w-full flex 8349 text-block--ATFR3MFppbG9NWHJGa__text_jgrrGa 8350 flex-column 8351 rte rte 8352 8353 8354 8355 8356 8357 8358 " 8359 style=" 8360 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8361 --size-style-width-mobile-min: fit-content; 8362 --padding-block-start: 0px; --padding-block-end:0px; 8363--padding-inline-start:0px; --padding-inline-end:0px; 8364 8365 �" 8366 8367 8368 8369> 8370 8371 <p><strong>Have a question or comment?</strong></p> 8372 8373 8374 �</rte-formatter> 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 8387 8388 8389 8390 8391 8392 8393 8394 8395 <rte-formatter 8396 class=" 8397 size-style spacing-style text-block max-w-full flex 8398 text-block--AbjB5bVBwTzMycHo2U__text_hA8VKf 8399 flex-column 8400 rte rte 8401 8402 8403 8404 8405 8406 8407 " 8408 style=" 8409 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8410 --size-style-width-mobile-min: fit-content; 8411 --padding-block-start: 0px; --padding-block-end:32px; 8412--padding-inline-start:0px; --padding-inline-end:0px; 8413 8414 �" 8415 8416 8417 8418> 8419 8420 <p>Use the form below to send us a message or contact us by mail at:</p> 8421 8422 8423 �</rte-formatter> 8424 8425 8426 8427 8428 8429 8430�<div class="w-full block" style=" 8431 --gap:20px; 8432 8433 8434 8435 8436 8437"> 8438 <contact-form class="block-contact-form" id="ContactForm-AR1pnbnNwbkYzb1dVW__contact_form_zGtHbw--block"><form method="post" action="/contact#ContactForm-AR1pnbnNwbkYzb1dVW__contact_form_zGtHbw" id="ContactForm-AR1pnbnNwbkYzb1dVW__contact_form_zGtHbw" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="â" /><div class="contact-form-stack"> 8439 � 8440 <div class="contact-form-row" style="--formRowWidth: 50%;" data-order-index="3" data-field-name="email"> 8441 <label for="AUHl1OVZrS0ZSZGYwT__email-input" style="--mb:8px;" class="block paragraph">Email address<small><span aria-hidden="true">*</span></small></label> 8442 <input id="AUHl1OVZrS0ZSZGYwT__email-input" type="email" name="contact[email]" placeholder="Enter your email" required class="border-style--all w-full block contact-form-input paragraph left" 8443 style=" 8444 --pl:15px; 8445 --pt:12px; 8446 --pb:12px; 8447 --pr:15px; 8448 --border-width: 1px; 8449 8450 "> 8451 </div> 8452 � 8453 � 8454 <div class="contact-form-row" style="--formRowWidth: 50%;"> 8455 <label for="Aa2ZiNC9ZcUJaOGx1Y__input_GAhhtc" style="--mb:8px;" class="block paragraph">First Name</label> 8456 <input id="Aa2ZiNC9ZcUJaOGx1Y__input_GAhhtc" type="text" name="contact[first-name]" placeholder="Jane" class="border-style--all w-full block contact-form-input paragraph left" 8457 style=" 8458 --pl:15px; 8459 --pt:12px; 8460 --pb:12px; 8461 --pr:15px; 8462 --border-width: 1px; 8463 8464 "> 8465 </div> 8466 �� 8467 <div class="contact-form-row" style="--formRowWidth: 50%;"> 8468 <label for="AUUh0TFFyajhyYU1Sc__input_RRMLay" style="--mb:8px;" class="block paragraph">Last Name</label> 8469 <input id="AUUh0TFFyajhyYU1Sc__input_RRMLay" type="text" name="contact[last-name]" placeholder="Doe" class="border-style--all w-full block contact-form-input paragraph left" 8470 style=" 8471 --pl:15px; 8472 --pt:12px; 8473 --pb:12px; 8474 --pr:15px; 8475 --border-width: 1px; 8476 8477 "> 8478 </div> 8479 �� 8480 <div class="contact-form-row" style="--formRowWidth: 100%;"> 8481 <label for="AbzdPVjJhQ3BwdzBrc__textarea_3P3NjB" style="--mb:8px;" class="block paragraph">Comment</label> 8482 <textarea id="AbzdPVjJhQ3BwdzBrc__textarea_3P3NjB" name="contact[comment]" placeholder="Please fill in this field" class="border-style--all w-full block contact-form-textarea paragraph left" 8483style=" 8484--pl:15px; 8485--pt:12px; 8486--pb:12px; 8487--pr:15px; 8488--border-width: 1px; 8489 8490 --textarea-height: 220px; 8491"></textarea> 8492 </div> 8493 8494 8495 8496 </div> 8497 <button class="button whitespace-nowrap" type="submit">
8498 <span class="button-overflow relative overflow-hidden" data-button-text="SUBMIT CONTACT"> 8499 <span class="button-text-main inline-block relative z-1"> 8500 SUBMIT CONTACT 8501 </span> 8502 </span> 8503 </button> 8504
8504<script> 8505 (() => { 8506 const stack = document.querySelector('#ContactForm-AR1pnbnNwbkYzb1dVW__contact_form_zGtHbw--block .contact-form-stack'); 8507 if (!stack) return; 8508 const email = stack.querySelector('[data-order-index]'); 8509 if (!email) return; 8510 const order = parseInt(email.dataset.orderIndex || '1', 10); 8511 const children = Array.from(stack.children).filter((el) => el !== email); 8512 const target = children[Math.max(0, order - 1)]; 8513 if (target) { 8514 stack.insertBefore(email, target); 8515 } else { 8516 stack.appendChild(email); 8517 } 8518 })(); 8519 </script>
8519</form></contact-form> 8520</div> 8521 8522 8523 8524</div> 8525</div> 8526 8527 8528 8529 8530 8531�<div 8532 class="group-block relative group-block--height-fit group-block--width-custom spacing-style size-style shadow-style color- color-scheme-custom" 8533 style=" 8534 8535 --padding-block-start: max(20px, calc(var(--spacing-scale) * 55px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 55px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 55px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 55px));--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 8536 --size-style-width: 40%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 8537 --size-style-width-mobile-min: 5rem; 8538 --shadow-vertical-offset: 0px; 8539--shadow-horizontal-offset: 0px; 8540--shadow-blur: 0px; 8541--shadow-color: rgb(0 0 0 / 0.0); 8542--shadow-spread-radius: 0px; 8543 8544 8545 --color-background: rgb(255 255 255 / 1.0);--color-background-rgb: 255 255 255;--color-foreground: rgb(0 0 0 / 1.0); 8546--color-foreground-rgb: 0 0 0;--color-foreground-heading: rgb(0 0 0 / 1.0); 8547--color-foreground-heading-rgb: 0 0 0;--color-primary: rgb(0 15 159 / 1.0); 8548--color-primary-rgb: 0 15 159;--color-primary-hover: rgb(0 0 0 / 1.0); 8549--color-primary-hover-rgb: 0 0 0;--color-border: rgb(230 230 230 / 1.0); 8550--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0); 8551--color-shadow-rgb: 0 0 0; 8552 8553 8554 " 8555 8556 8557 8558 8559 data-testid="group-block" 8560 8561><div class="group-block__media-wrapper media--empty none"> 8562 8563 8564 </div> 8565 8566 8567 <div 8568 class=" 8569 group-block-content relative 8570 layout-panel-flex 8571 layout-panel-flex--column 8572 8573 mobile-column 8574 8575 " 8576 style="--flex-direction: column; 8577--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: 0px;--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8577--vertical-alignment: center;--vertical-alignment-mobile: center;" 8578 > 8579 8580 8581 8582 8583 8584 8585 8586 8587 8588 8589 8590 8591 8592 8593 <div 8594 class=" 8595 size-style spacing-style text-block max-w-full flex 8596 text-block--ANG50WmVHVjdtcFpIc__text_FcJLVi 8597 flex-column 8598 custom custom-typography custom-font-size custom-color 8599 8600 8601 8602 8603 8604 8605 " 8606 style=" 8607 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8608 --size-style-width-mobile-min: fit-content; 8609 --padding-block-start: 0px; --padding-block-end:18px; 8610--padding-inline-start:0px; --padding-inline-end:0px; 8611 8612 --color: var(--color-foreground);--font-size: clamp(1.4rem, 1.8vw, 1.8rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);�" 8613 8614 8615 8616> 8617 8618 <h2><strong>Get In Touch!</strong></h2> 8619 8620 8621 �</div> 8622 8623 8624 8625 8626 8627 8628 8629 8630 8631 8632 8633 8634 8635 8636 8637 8638 8639 8640 8641 8642 <rte-formatter 8643 class=" 8644 size-style spacing-style text-block max-w-full flex 8645 text-block--AWWM5bHdHV3pqdndEZ__text_iyd4pW 8646 flex-column 8647 rte rte 8648 8649 8650 8651 8652 8653 8654 " 8655 style=" 8656 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8657 --size-style-width-mobile-min: fit-content; 8658 --padding-block-start: 0px; --padding-block-end:0px; 8659--padding-inline-start:0px; --padding-inline-end:0px; 8660 8661 �" 8662 8663 8664 8665> 8666 8667 <p>We'd love to hear from you - please use the form to send us your message or ideas. Or simply pop in for a cup of fresh tea and a cookie:</p> 8668 8669 8670 �</rte-formatter> 8671 8672 8673 8674 8675 8676 8677<span class="spacer" style="--spacerHeight: 40px; --spacerWidth: 0px"></span> 8678 8679 8680 8681 8682�<div 8683 class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style" 8684 style=" 8685 8686 --padding-block-start: 0px;--padding-block-end: 13px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 8687 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 8688 --size-style-width-mobile-min: 5rem; 8689 --shadow-vertical-offset: 0px; 8690--shadow-horizontal-offset: 0px; 8691--shadow-blur: 0px; 8692--shadow-color: rgb(0 0 0 / 0.0); 8693--shadow-spread-radius: 0px; 8694 8695 8696 8697 " 8698 8699 8700 8701 8702 data-testid="group-block" 8703 8704><div class="group-block__media-wrapper media--empty none"> 8705 8706 8707 </div> 8708 8709 8710 <div 8711 class=" 8712 group-block-content relative 8713 layout-panel-flex 8714 layout-panel-flex--row 8715 8716 mobile-row 8717 8718 " 8719 style="--flex-direction: row; 8720--flex-wrap: nowrap;--flex-direction-mobile: row;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 8px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8720--vertical-alignment: center;--vertical-alignment-mobile: center;" 8721 > 8722 <div id="shopify-block-AL1hReHppNko0dXlUb__icon_eRhJay" class="shopify-block icon-block">� 8723 <span class="icon-block--size-style" aria-hidden="true" style="--size-style-width: 40px; --size-style-width-mobile: 30px;"> 8724 8725 8726 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> 8727<path d="M10.0116 0.000423859C12.657 0.000423859 15.3023 -0.00087421 17.9477 0.00107289C18.8829 0.00172193 19.631 0.555348 19.9037 1.464C19.9688 1.68207 19.9944 1.92092 19.995 2.15003C20.0007 5.21671 20.0007 10.8802 19.9982 13.9469C19.9975 14.9477 19.4671 15.7233 18.5801 16.003C18.3555 16.0738 18.1084 16.0945 17.872 16.0952C15.4556 16.1017 15.5413 16.1004 13.1255 16.0958C12.9772 16.0958 12.8747 16.1426 12.7708 16.2503C10.8686 17.7288 10.0004 18.5005 8.27703 19.6233C7.8892 20.0257 7.42006 20.1121 7.00158 19.8524C6.66567 19.6441 6.50241 19.3274 6.50178 18.9217C6.50116 17.6185 6.50178 17.6126 6.50178 16.3094C6.50178 16.1696 6.43318 16.
87270995 6.29598 16.0991C5.70736 16.0991 2.61663 16.1049 2.02863 16.0971C1.1016 16.0854 0.371609 15.5403 0.0982536 14.6426C0.0331987 14.4304 0.00567548 14.1968 0.00567548 13.9728C4.57265e-05 10.8906 -0.00245639 5.21087 0.00317337 2.12796C0.00567548 0.885707 0.874534 0.00172193 2.07492 0.00107289C4.72028 -0.000225175 7.36564 0.00107289 10.011 0.00107289L10.0116 0.000423859ZM6.99845 8.05364C7.00158 7.19497 6.33226 6.49986 5.49906 6.49726C4.67837 6.49466 4.00467 7.18848 4.00155 8.03937C3.99842 8.89999 4.66836 9.60484 5.49281 9.60808C6.31788 9.61133 6.9947 8.91232 6.99845 8.053V8.05364ZM10.006 6.49726C9.1853 6.49012 8.50722 7.18199 8.50159 8.03223C8.49597 8.89414 9.15965 9.599 9.98597 9.60873C10.8092 9.61782 11.4935 8.91816 11.4985 8.06143C11.5035 7.20016 10.8398 6.5044 10.006 6.49791V6.49726ZM14.5129 6.49726C13.6985 6.48688 13.0148 7.17031 13.0016 8.00886C12.9879 8.88181 13.6447 9.59315 14.4785 9.60873C15.2936 9.62366 15.9848 8.93049 15.9979 8.0848C16.0111 7.2125 15.3524 6.50829 14.5129 6.49726Z" fill="#232323"/> 8728</svg>� 8729 8730 8731 </span> 8732 � 8733</div> 8734 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 <rte-formatter 8749 class=" 8750 size-style spacing-style text-block max-w-full flex 8751 text-block--AcUZIUmVNZEdBNXROR__text_U6FtVr 8752 flex-column 8753 rte rte 8754 8755 8756 8757 8758 8759 8760 " 8761 style=" 8762 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8763 --size-style-width-mobile-min: fit-content; 8764 --padding-block-start: 0px; --padding-block-end:0px; 8765--padding-inline-start:0px; --padding-inline-end:0px; 8766 8767 �" 8768 8769 8770 8771> 8772 8773 <p>TEXT: +30 694 691 5683</p> 8774 8775 8776 �</rte-formatter> 8777 8778 8779 8780 8781 8782 8783 8784</div> 8785</div> 8786 8787 8788 8789 8790 8791�<div 8792 class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style" 8793 style=" 8794 8795 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 8796 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 8797 --size-style-width-mobile-min: 5rem; 8798 --shadow-vertical-offset: 0px; 8799--shadow-horizontal-offset: 0px; 8800--shadow-blur: 0px; 8801--shadow-color: rgb(0 0 0 / 0.0); 8802--shadow-spread-radius: 0px; 8803 8804 8805 8806 " 8807 8808 8809 8810 8811 data-testid="group-block" 8812 8813><div class="group-block__media-wrapper media--empty none"> 8814 8815 8816 </div> 8817 8818 8819 <div 8820 class=" 8821 group-block-content relative 8822 layout-panel-flex 8823 layout-panel-flex--row 8824 8825 mobile-row 8826 8827 " 8828 style="--flex-direction: row; 8829--flex-wrap: nowrap;--flex-direction-mobile: row;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 8px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8829--vertical-alignment: center;--vertical-alignment-mobile: center;" 8830 > 8831 <div id="shopify-block-ANklVVzN1Z2dHYVNjS__icon_HRMTPz" class="shopify-block icon-block">� 8832 <span class="icon-block--size-style" aria-hidden="true" style="--size-style-width: 40px; --size-style-width-mobile: 30px;"> 8833 8834 8835 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"> 8836<path d="M0.00729604 4.48578C0.064622 4.52525 0.107356 4.55305 0.148526 4.58252C2.86474 6.51615 5.57469 8.45923 8.29976 10.3784C9.41137 11.1612 10.5683 11.1618 11.6846 10.3845C13.3695 9.21145 15.0356 8.00724 16.7095 6.81581C17.7773 6.05582 18.8441 5.29415 19.9114 4.53359C19.9291 4.52081 19.9479 4.5108 19.9828 4.48967C19.987 4.53971 19.9927 4.57807 19.9927 4.61588C19.9927 7.75205 19.9953 10.8882 19.9917 14.0244C19.9906 15.113 19.2053 15.958 18.1734 15.9975C18.1301 15.9992 18.0869 15.9986 18.0431 15.9986C12.6769 15.9986 7.31063 15.9986 1.94439 15.9997C1.29088 15.9997 0.751492 15.7518 0.355942 15.1869C0.129244 14.8633 0.00260573 14.4947 0.00260573 14.0895C0 10.9255 0 7.7615 0 4.59753C0 4.56695 0.00416916 4.53693 0.00729604 4.48578Z" fill="#232323"/> 8837<path d="M9.99725 0.000726153C12.6905 0.000726153 15.3843 -0.00149769 18.0776 0.00183808C18.8692 0.00295 19.4639 0.374332 19.8156 1.13822C20.2023 1.97884 19.9647 2.97901 19.2392 3.5055C17.8905 4.48288 16.5309 5.44192 15.1748 6.40762C13.8188 7.37332 12.4628 8.33903 11.1057 9.30251C10.3521 9.83735 9.62515 9.82901 8.87418 9.29361C6.19914 7.38722 3.52306 5.4825 0.846456 3.57834C0.246096 3.15136 -0.0400125 2.55759 0.00480606 1.78758C0.0485823 1.0198 0.649463 0.252021 1.35197 0.0802286C1.54896 0.03186 1.75429 0.00406192 1.95597 0.00406192C4.63623 -0.00094173 7.317 0.000726153 9.99725 0.000726153Z" fill="#232323"/> 8838</svg>� 8839 8840 8841 </span> 8842 � 8843</div> 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 <rte-formatter 8859 class=" 8860 size-style spacing-style text-block max-w-full flex 8861 text-block--ATXhCazliNzR5bTR3N__text_kRn6ab 8862 flex-column 8863 rte rte 8864 8865 8866 8867 8868 8869 8870 " 8871 style=" 8872 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8873 --size-style-width-mobile-min: fit-content; 8874 --padding-block-start: 0px; --padding-block-end:0px; 8875--padding-inline-start:0px; --padding-inline-end:0px; 8876 8877 �" 8878 8879 8880 8881> 8882 8883 <p>[email protected]</p> 8884 8885 8886 �</rte-formatter> 8887 8888 8889 8890 8891 8892 8893 8894</div> 8895</div> 8896 8897 8898 8899<span class="spacer" style="--spacerHeight: 30px; --spacerWidth: 0px"></span> 8900 8901 8902 8903 8904�<div 8905 class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style" 8906 style=" 8907 8908 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 8909 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 8910 --size-style-width-mobile-min: 5rem; 8911 --shadow-vertical-offset: 0px; 8912--shadow-horizontal-offset: 0px; 8913--shadow-blur: 0px; 8914--shadow-color: rgb(0 0 0 / 0.0); 8915--shadow-spread-radius: 0px; 8916 8917 8918 8919 " 8920 8921 8922 8923 8924 data-testid="group-block" 8925 8926><div class="group-block__media-wrapper media--empty none"> 8927 8928 8929 </div> 8930 8931 8932 <div 8933 class=" 8934 group-block-content relative 8935 layout-panel-flex 8936 layout-panel-flex--column 8937 8938 mobile-column 8939 8940 " 8941 style="--flex-direction: column; 8942--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 8px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
8942--vertical-alignment: center;--vertical-alignment-mobile: center;" 8943 > 8944 8945 8946 8947 8948 8949 8950 8951 8952 8953 8954 8955 8956 8957 8958 <rte-formatter 8959 class=" 8960 size-style spacing-style text-block max-w-full flex 8961 text-block--ANGtNYUNLWHdjN205Z__text_8Jgxwd 8962 flex-column 8963 rte rte 8964 8965 8966 8967 8968 8969 8970 " 8971 style=" 8972 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 8973 --size-style-width-mobile-min: fit-content; 8974 --padding-block-start: 0px; --padding-block-end:0px; 8975--padding-inline-start:0px; --padding-inline-end:0px; 8976 8977 �" 8978 8979 8980 8981> 8982 8983 <p>Spirou Lamprou 7</p> 8984 8985 8986 �</rte-formatter> 8987 8988 8989 8990 8991 8992 8993 8994 8995 8996 8997 8998 8999 9000 9001 9002 9003 9004 9005 9006 9007 <rte-formatter 9008 class=" 9009 size-style spacing-style text-block max-w-full flex 9010 text-block--AbkdRUmpKZmkyT2Fpa__text_34iNy4 9011 flex-column 9012 rte rte 9013 9014 9015 9016 9017 9018 9019 " 9020 style=" 9021 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 9022 --size-style-width-mobile-min: fit-content; 9023 --padding-block-start: 0px; --padding-block-end:0px; 9024--padding-inline-start:0px; --padding-inline-end:0px; 9025 9026 �" 9027 9028 9029 9030> 9031 9032 <p>45332, Ioannnina</p> 9033 9034 9035 �</rte-formatter> 9036 9037 9038 9039 9040 9041 9042 9043 9044 9045 9046 9047 9048 9049 9050 9051 9052 9053 9054 9055 9056 <rte-formatter 9057 class=" 9058 size-style spacing-style text-block max-w-full flex 9059 text-block--AS1d2dytITzJoQ01vd__text_ayQxHC 9060 flex-column 9061 rte rte 9062 9063 9064 9065 9066 9067 9068 " 9069 style=" 9070 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 9071 --size-style-width-mobile-min: fit-content; 9072 --padding-block-start: 0px; --padding-block-end:0px; 9073--padding-inline-start:0px; --padding-inline-end:0px; 9074 9075 �" 9076 9077 9078 9079> 9080 9081 <p>Greece</p> 9082 9083 9084 �</rte-formatter> 9085 9086 9087 9088 9089 9090 9091 9092</div> 9093</div> 9094 9095 9096 9097<span class="spacer" style="--spacerHeight: 30px; --spacerWidth: 0px"></span> 9098 9099 9100 9101 9102�<div 9103 class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style" 9104 style=" 9105 9106 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 9107 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 9108 --size-style-width-mobile-min: 5rem; 9109 --shadow-vertical-offset: 0px; 9110--shadow-horizontal-offset: 0px; 9111--shadow-blur: 0px; 9112--shadow-color: rgb(0 0 0 / 0.0); 9113--shadow-spread-radius: 0px; 9114 9115 9116 9117 " 9118 9119 9120 9121 9122 data-testid="group-block" 9123 9124><div class="group-block__media-wrapper media--empty none"> 9125 9126 9127 </div> 9128 9129 9130 <div 9131 class=" 9132 group-block-content relative 9133 layout-panel-flex 9134 layout-panel-flex--column 9135 9136 mobile-column 9137 9138 " 9139 style="--flex-direction: column; 9140--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 8px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
9140--vertical-alignment: center;--vertical-alignment-mobile: center;" 9141 > 9142 9143 9144 9145 9146 9147 9148 9149 9150 9151 9152 9153 9154 9155 9156 <rte-formatter 9157 class=" 9158 size-style spacing-style text-block max-w-full flex 9159 text-block--AMU9ORURDWXN6MUxDS__text_yHTww4 9160 flex-column 9161 rte rte 9162 9163 9164 9165 9166 9167 9168 " 9169 style=" 9170 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 9171 --size-style-width-mobile-min: fit-content; 9172 --padding-block-start: 0px; --padding-block-end:0px; 9173--padding-inline-start:0px; --padding-inline-end:0px; 9174 9175 �" 9176 9177 9178 9179> 9180 9181 <p>Customer Service Hours</p> 9182 9183 9184 �</rte-formatter> 9185 9186 9187 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202 9203 9204 9205 <rte-formatter 9206 class=" 9207 size-style spacing-style text-block max-w-full flex 9208 text-block--AV01MNE9rWkFBOCt2R__text_qmGe7E 9209 flex-column 9210 rte rte 9211 9212 9213 9214 9215 9216 9217 " 9218 style=" 9219 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 9220 --size-style-width-mobile-min: fit-content; 9221 --padding-block-start: 0px; --padding-block-end:0px; 9222--padding-inline-start:0px; --padding-inline-end:0px; 9223 9224 �" 9225 9226 9227 9228> 9229 9230 <p>MON to SAT: 9:00AM - 5:00PM</p> 9231 9232 9233 �</rte-formatter> 9234 9235 9236 9237 9238 9239 9240 9241</div> 9242</div> 9243 9244 9245 9246 9247</div> 9248</div> 9249 9250 9251 9252 9253</div> 9254</div> 9255 9256 9257 9258 9259 9260 </div> 9261 </div> 9262</div> 9263 9264 9265</div> 9266 </main> 9267 9268 <!-- BEGIN sections: footer-group --> 9269<footer id="shopify-section-sections--27281274995014__footer_LGnLTL" class="shopify-section shopify-section-group-footer-group section-footer"><div> 9270 <div class="section-background color-scheme-93864b7b-7a5e-44b1-ade3-306690eca6c6"></div> 9271 <div 9272 class=" 9273 section section--full-width color-scheme-93864b7b-7a5e-44b1-ade3-306690eca6c6 9274 9275 " 9276 style=" 9277 9278 " 9279 > 9280 9281 9282 9283 <div 9284 class=" 9285 spacing-style 9286 layout-panel-flex 9287 layout-panel-flex--column 9288 section-content-wrapper 9289 mobile-column 9290 " 9291 style=" 9292 --flex-direction: column; 9293--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: 12px;--horizontal-alignment: center;--horizontal-alignment-mobile: center;--vertical-alignment: center;--vertical-alignment-mobile: center; 9294 --padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));--padding-block-end: 0px; 9295 " 9296 > 9297 9298 9299�<div 9300 class="group-block relative group-block--height-fit group-block--width-custom spacing-style size-style shadow-style" 9301 style=" 9302 9303 --padding-block-start: 14px;--padding-block-end: 14px;--padding-inline-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 32px));--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 9304 --size-style-width: 70%;--size-style-width-mobile: 100%; 9305 --size-style-width-mobile-min: 5rem; 9306 --shadow-vertical-offset: 0px; 9307--shadow-horizontal-offset: 0px; 9308--shadow-blur: 0px; 9309--shadow-color: rgb(0 0 0 / 0.0); 9310--shadow-spread-radius: 0px; 9311 9312 9313 9314 " 9315 9316 9317 9318 9319 data-testid="group-block" 9320 9321><div class="group-block__media-wrapper media--empty none"> 9322 9323 9324 </div> 9325 9326 9327 <div 9328 class=" 9329 group-block-content relative 9330 layout-panel-flex 9331 layout-panel-flex--row 9332 9333 tablet-layout-panel-flex--column 9334 9335 mobile-column 9336 9337 " 9338 style="--flex-direction: row; 9339--flex-wrap: wrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 24px));--horizontal-alignment: space-between;--horizontal-alignment-tablet: flex-start;--horizontal-alignment-mobile: flex-start;
9339--vertical-alignment: flex-start;--vertical-alignment-tablet: center;--vertical-alignment-mobile: center;" 9340 > 9341 9342 9343�<div 9344 class="group-block relative group-block--height-fit group-block--width-custom spacing-style size-style shadow-style" 9345 style=" 9346 9347 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: max(20px, calc(var(--spacing-scale) * 30px));--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 9348 --size-style-width: 25%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 9349 --size-style-width-mobile-min: 5rem; 9350 --shadow-vertical-offset: 0px; 9351--shadow-horizontal-offset: 0px; 9352--shadow-blur: 0px; 9353--shadow-color: rgb(0 0 0 / 0.0); 9354--shadow-spread-radius: 0px; 9355 9356 9357 9358 " 9359 9360 9361 9362 9363 data-testid="group-block" 9364 9365><div class="group-block__media-wrapper media--empty none"> 9366 9367 9368 </div> 9369 9370 9371 <div 9372 class=" 9373 group-block-content relative 9374 layout-panel-flex 9375 layout-panel-flex--column 9376 9377 mobile-column 9378 9379 " 9380 style="--flex-direction: column; 9381--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 24px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
9381--vertical-alignment: flex-start;--vertical-alignment-mobile: center;" 9382 > 9383 9384 9385 9386 9387 9388 9389 9390 9391 9392 9393 9394 9395 9396 9397 <div 9398 class=" 9399 size-style spacing-style text-block max-w-full flex 9400 text-block--AcmZLRm04NmNCWFJ5L__text_fAHqxG 9401 flex-column 9402 custom custom-typography custom-font-size custom-color 9403 9404 9405 9406 9407 9408 9409 " 9410 style=" 9411 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 9412 --size-style-width-mobile-min: fit-content; 9413 --padding-block-start: 0px; --padding-block-end:0px; 9414--padding-inline-start:0px; --padding-inline-end:0px; 9415 9416 --color: var(--color-foreground);--font-size: clamp(1.3rem, 1.6vw, 1.6rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);�" 9417 9418 9419 9420> 9421 9422 <p><strong>NEWSLETTER SIGN UP</strong></p> 9423 9424 9425 �</div> 9426 9427 9428 9429 9430 9431 9432 9433 9434 9435 9436 9437 9438 9439 9440 9441 9442 9443 9444 9445 9446 <rte-formatter 9447 class=" 9448 size-style spacing-style text-block max-w-full flex 9449 text-block--AZkZ2NDRwOXI0QzFkL__text_PfpiaG 9450 flex-column 9451 rte rte 9452 9453 9454 9455 9456 9457 9458 " 9459 style=" 9460 --size-style-width: fit-content;--size-style-width-tablet: fit-content;--size-style-width-mobile: fit-content; 9461 --size-style-width-mobile-min: fit-content; 9462 --padding-block-start: 0px; --padding-block-end:0px; 9463--padding-inline-start:0px; --padding-inline-end:0px; 9464 9465 �" 9466 9467 9468 9469> 9470 9471 <p>Sign up for new arrivals, offers, and more!</p> 9472 9473 9474 �</rte-formatter> 9475 9476 9477 9478 9479 9480 9481 9482 9483 9484 9485 9486�<email-signup 9487 class="email-signup-block size-style spacing-style" 9488 style=" 9489 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 9490 --size-style-width-mobile-min: 5rem;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--gap: 0px; 9491 9492 --input-height: 40px; 9493 " 9494 9495>�<form method="post" action="/contact#EmailSignup-Acy9iaThFN3ExOTMyU__email_signup_FddBMb" id="EmailSignup-Acy9iaThFN3ExOTMyU__email_signup_FddBMb" accept-charset="UTF-8" class="email-signup__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 9496 <div 9497 class=" 9498 email-signup__input-groups 9499 9500 border-style 9501 spacing-style 9502 " 9503 style=" 9504 9505 --padding-block-start: 0px; 9506 --padding-block-end:0px; 9507 --padding-inline-start:0px; 9508 --padding-inline-end:0px; 9509 9510 --input-border-width: 1px; 9511 --input-border-radius: 0px; 9512 9513 --padding-vertical: 1.6rem; 9514 --padding-horizontal: 1.2rem; 9515 9516 --border-width: 1px; 9517--border-style: solid; 9518--border-color: rgb(var(--color-border-rgb) / 1.0); 9519--border-radius: 0px; 9520 9521�--size-style-width: fit-content;" 9522 > 9523 <div class="email-signup__input-group" style="--focus-border-color: #000000;"> 9524 <label 9525 for="EmailInput-Acy9iaThFN3ExOTMyU__email_signup_FddBMb" 9526 class="visually-hidden" 9527 > 9528 Email Address 9529 </label> 9530 <input 9531 id="EmailInput-Acy9iaThFN3ExOTMyU__email_signup_FddBMb" 9532 class="email-signup__input email-signup__input--all left paragraph has-focus-border input-effect-1" 9533 type="email" 9534 name="contact[email]" 9535 autocorrect="off" 9536 autocapitalize="off" 9537 autocomplete="email" 9538 placeholder="Email Address" 9539 required 9540 9541 > 9542 9543 <span class="focus-border"> 9544 <i></i> 9545 </span> 9546 9547 </div> 9548 9549 <button 9550 id="EmailSignup-submit-Acy9iaThFN3ExOTMyU__email_signup_FddBMb" 9551 type="submit" 9552 class="size-style email-signup__button email-signup__button--integrated email-signup__button--icon email-signup__button--size-fit-content paragraph bor-none button-custom--Acy9iaThFN3ExOTMyU__email_signup_FddBMb� submit-icon-size email-signup__button--size-fit-content paragraph bor-none button-custom--Acy9iaThFN3ExOTMyU__email_signup_FddBMb�" 9553 9554 aria-label="Subscribe" 9555 9556 style=" 9557 9558 --icon-size-desktop: 35px; 9559 --icon-size-mobile: 35px; 9560 �--size-style-width: fit-content;" 9561 > 9562 �<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
9562ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 9563 9564 </button> 9565 </div>� 9566 ��</form>�</email-signup> 9567 9568 9569<div id="shopify-block-AUkhFQitaWGxQanNIL__social_icons_LpBqnU" class="shopify-block"><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-list-social.css?v=13730622090596776651772453469" media="print" fetchpriority="low" onload="this.media='all'"> 9570 <noscript><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-list-social.css?v=13730622090596776651772453469"></noscript> 9571 <div class="flex flex-wrap justify-center flex-column h-full spacing-style" style="--padding-block-start: 0px;--padding-block-end: 0px;"> 9572 <ul 9573 class="list-unstyled list-social list-social--custom flex flex-wrap sm\:justify-center list-position-inherit" 9574 role="list" 9575 style="--gap-x: 15px; 9576 --gap-y: 15px; 9577 9578 --social-item-size: 30px; 9579 --social-item-size-mobile: 30px; 9580 --social-item-color: #cfcfcf; 9581 --social-item-color-hover: #ffffff; 9582 --social-item-bg-color: rgba(0,0,0,0); 9583 --social-item-bg-color-hover: rgba(0,0,0,0); 9584 --social-item-border-color: rgba(0,0,0,0); 9585 --social-item-border-color-hover: rgba(0,0,0,0); 9586 �" 9587 ><li class="list-social__item social__item--effect social__item--custom�"> 9588 <a href="https://x.com/nateva_p" class="list-social__link�"> 9589 <span class="svg-wrapper"><svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg> 9590<svg class="icon icon-twitter" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.273 2.8 10.8 7.822 15.218 2.8h1.768l-5.4 6.139 5.799 8.254h-4.658l-3.73-5.31-4.671 5.31H2.558l5.654-6.427L2.615 2.8zm6.242 13.125L5.07 4.109h1.405l8.446 11.816z" clip-rule="evenodd"/></svg> 9591</span> 9592 <span class="visually-hidden">X (Twitter)</span> 9593 </a> 9594 </li><li class="list-social__item social__item--effect social__item--custom�"> 9595 <a href="https://www.facebook.com/natevaporcelain" class="list-social__link�"> 9596 <span class="svg-wrapper"><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg> 9597<svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg> 9598</span> 9599 <span class="visually-hidden">Facebook</span> 9600 </a> 9601 </li><li class="list-social__item social__item--effect social__item--custom�"> 9602 <a href="https://www.instagram.com/nateva_porcelain/" class="list-social__link�"> 9603 <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 9604<svg class="icon icon-instagram" viewBox="0 0 20 20">
9604<path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 9605</span> 9606 <span class="visually-hidden">Instagram</span> 9607 </a> 9608 </li><li class="list-social__item social__item--effect social__item--custom�"> 9609 <a href="https://www.youtube.com/channel/UCN06tLsZKDfvT-dG9wbmc7A" class="list-social__link�"> 9610 <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 9611<svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 9612</span> 9613 <span class="visually-hidden">YouTube</span> 9614 </a> 9615 </li></ul> 9616 </div> 9617</div> 9618 9619</div> 9620</div> 9621 9622 9623 9624 9625 9626�<div 9627 class="group-block relative group-block--height-fit group-block--width-custom spacing-style size-style shadow-style" 9628 style=" 9629 9630 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 9631 --size-style-width: 43%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 9632 --size-style-width-mobile-min: 5rem; 9633 --shadow-vertical-offset: 0px; 9634--shadow-horizontal-offset: 0px; 9635--shadow-blur: 0px; 9636--shadow-color: rgb(0 0 0 / 0.0); 9637--shadow-spread-radius: 0px; 9638 9639 9640 9641 " 9642 9643 9644 9645 9646 data-testid="group-block" 9647 9648><div class="group-block__media-wrapper media--empty none"> 9649 9650 9651 </div> 9652 9653 9654 <div 9655 class=" 9656 group-block-content relative 9657 layout-panel-flex 9658 layout-panel-flex--row 9659 9660 mobile-column 9661 9662 " 9663 style="--flex-direction: row; 9664--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 24px));--horizontal-alignment: flex-start;--horizontal-alignment-mobile: flex-start;
9664--vertical-alignment: flex-start;--vertical-alignment-mobile: center;" 9665 > 9666 9667 9668 9669 <accordion-custom 9670 class=" 9671 menu-block 9672 menu 9673 size-style 9674 menu--accordion menu--caret 9675 9676 9677 " 9678 style="--size-style-width: 100%;--size-style-width-mobile: 100%; 9679 --size-style-width-mobile-min: 5rem;" 9680 data-disable-on-desktop="true" 9681 open-by-default-on-desktop 9682 9683 > 9684 <details 9685 class=" 9686 menu__details 9687 spacing-style 9688 9689 9690 " 9691 data-testid="menu-details" 9692 style=" 9693 --spacing--size: 14px; 9694 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-end: 10px; 9695 9696 9697 9698 --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); 9699 " 9700 9701 > 9702 <summary class="menu__heading spacing-style h6" style="--padding-block-end: 10px;"> 9703 <span class="menu__heading__default">POLICIES</span> 9704 <span class="menu__heading__accordion"> 9705 POLICIES 9706 9707 <span class="menu__heading__toggle svg-wrapper icon-caret"> 9708 �<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 9709 9710 9711 </span> 9712 </span> 9713 </summary> 9714 9715 <div class="details-content"> 9716 9717 <ul 9718 class=" 9719 list-unstyled 9720 direction--column 9721 mobile-column 9722 " 9723 > 9724 9725 <li class="menu__item"> 9726 <a href="/policies/privacy-policy"class="link link--hover-underline"> 9727 <span class="link__text paragraph" style="">Privacy Policy</span> 9728 </a> 9729 </li> 9730 9731 <li class="menu__item"> 9732 <a href="/policies/refund-policy"class="link link--hover-underline"> 9733 <span class="link__text paragraph" style="">Refund Policy</span> 9734 </a> 9735 </li> 9736 9737 <li class="menu__item"> 9738 <a href="/policies/shipping-policy"class="link link--hover-underline"> 9739 <span class="link__text paragraph" style="">Shipping Policy</span> 9740 </a> 9741 </li> 9742 9743 <li class="menu__item"> 9744 <a href="/policies/terms-of-service"class="link link--hover-underline"> 9745 <span class="link__text paragraph" style="">Terms of Service</span> 9746 </a> 9747 </li> 9748 9749 </ul> 9750 9751 </div> 9752 </details> 9753 </accordion-custom> 9754 9755 9756 9757 9758 9759 9760 <accordion-custom 9761 class=" 9762 menu-block 9763 menu 9764 size-style 9765 menu--accordion menu--caret 9766 9767 9768 " 9769 style="--size-style-width: 100%;--size-style-width-mobile: 100%; 9770 --size-style-width-mobile-min: 5rem;" 9771 data-disable-on-desktop="true" 9772 open-by-default-on-desktop 9773 9774 > 9775 <details 9776 class=" 9777 menu__details 9778 spacing-style 9779 9780 9781 " 9782 data-testid="menu-details" 9783 style=" 9784 --spacing--size: 14px; 9785 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-end: 10px; 9786 9787 9788 9789 --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); 9790 " 9791 9792 > 9793 <summary class="menu__heading spacing-style h6" style="--padding-block-end: 10px;">
9794 <span class="menu__heading__default">SHOP</span> 9795 <span class="menu__heading__accordion"> 9796 SHOP 9797 9798 <span class="menu__heading__toggle svg-wrapper icon-caret"> 9799 �<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 9800 9801 9802 </span> 9803 </span> 9804 </summary> 9805 9806 <div class="details-content"> 9807 9808 <ul 9809 class=" 9810 list-unstyled 9811 direction--column 9812 mobile-column 9813 " 9814 > 9815 9816 <li class="menu__item"> 9817 <a href="/pages/memorial-plaques"class="link link--hover-underline"> 9818 <span class="link__text paragraph" style="">Memorial Plaques</span> 9819 </a> 9820 </li> 9821 9822 <li class="menu__item"> 9823 <a href="/pages/memorial-necklaces-for-ashes"class="link link--hover-underline"> 9824 <span class="link__text paragraph" style="">Necklaces for Ashes</span> 9825 </a> 9826 </li> 9827 9828 <li class="menu__item"> 9829 <a href="/pages/memorial-jewellery"class="link link--hover-underline"> 9830 <span class="link__text paragraph" style="">Memorial Pendants</span> 9831 </a> 9832 </li> 9833 9834 <li class="menu__item"> 9835 <a href="/pages/grave-ornaments"class="link link--hover-underline"> 9836 <span class="link__text paragraph" style="">Grave Ornaments</span> 9837 </a> 9838 </li> 9839 9840 <li class="menu__item"> 9841 <a href="/collections/urns"class="link link--hover-underline"> 9842 <span class="link__text paragraph" style="">Urns</span> 9843 </a> 9844 </li> 9845 9846 </ul> 9847 9848 </div> 9849 </details> 9850 </accordion-custom> 9851 9852 9853 9854 9855 9856 9857 <accordion-custom 9858 class=" 9859 menu-block 9860 menu 9861 size-style 9862 menu--accordion menu--caret 9863 9864 9865 " 9866 style="--size-style-width: 100%;--size-style-width-mobile: 100%; 9867 --size-style-width-mobile-min: 5rem;" 9868 data-disable-on-desktop="true" 9869 open-by-default-on-desktop 9870 9871 > 9872 <details 9873 class=" 9874 menu__details 9875 spacing-style 9876 9877 9878 " 9879 data-testid="menu-details" 9880 style=" 9881 --spacing--size: 14px; 9882 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-end: 10px; 9883 9884 9885 9886 --color: ;--font-size: clamp(1.3rem, 1.6vw, 1.6rem); --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); 9887 " 9888 9889 > 9890 <summary class="menu__heading spacing-style h6" style="--padding-block-end: 10px;"> 9891 <span class="menu__heading__default">USEFUL LINKS</span> 9892 <span class="menu__heading__accordion"> 9893 USEFUL LINKS 9894 9895 <span class="menu__heading__toggle svg-wrapper icon-caret"> 9896 �<svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 9897 9898 9899 </span> 9900 </span> 9901 </summary> 9902 9903 <div class="details-content"> 9904 9905 <ul 9906 class=" 9907 list-unstyled 9908 direction--column 9909 mobile-column 9910 " 9911 > 9912 9913 <li class="menu__item"> 9914 <a href="/pages/business-reg"class="link link--hover-underline">
9915 <span class="link__text paragraph" style="">Become a Partner (B2B)</span> 9916 </a> 9917 </li> 9918 9919 <li class="menu__item"> 9920 <a href="/pages/our-story"class="link link--hover-underline"> 9921 <span class="link__text paragraph" style="">Our Story</span> 9922 </a> 9923 </li> 9924 9925 <li class="menu__item"> 9926 <a href="/blogs/news"class="link link--hover-underline"> 9927 <span class="link__text paragraph" style="">Our Blog</span> 9928 </a> 9929 </li> 9930 9931 <li class="menu__item"> 9932 <a href="/pages/contact"class="link link--hover-underline"> 9933 <span class="link__text paragraph" style="">Contact us</span> 9934 </a> 9935 </li> 9936 9937 <li class="menu__item"> 9938 <a href="https://account.natevaporcelain.com/orders?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJkODQyNmMtMy5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTIwNzkyNjQsIm5iZiI6MTc5MTQ3NDQ2NH0.TWLM8tBfWdIGKcFNByn98TyifiNDaEWuyllGdNIu4MI"class="link link--hover-underline"> 9939 <span class="link__text paragraph" style="">Returns and cancellations</span> 9940 </a> 9941 </li> 9942 9943 </ul> 9944 9945 </div> 9946 </details> 9947 </accordion-custom> 9948 9949 9950 9951 9952</div> 9953</div> 9954 9955 9956 9957 9958</div> 9959</div> 9960 9961 9962 9963 9964 9965�<div 9966 class="group-block relative group-block--height-fit group-block--width-fill spacing-style size-style shadow-style color- color-scheme-custom" 9967 style=" 9968 9969 --padding-block-start: max(20px, calc(var(--spacing-scale) * 22px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 22px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 35px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 35px));--margin-block-start: max(20px, calc(var(--spacing-scale) * 60px));--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 9970 --size-style-width: 100%;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 9971 --size-style-width-mobile-min: 5rem; 9972 --shadow-vertical-offset: 0px; 9973--shadow-horizontal-offset: 0px; 9974--shadow-blur: 0px; 9975--shadow-color: rgb(0 0 0 / 0.0); 9976--shadow-spread-radius: 0px; 9977 9978 9979 --color-background: rgb(13 15 16 / 1.0);--color-background-rgb: 13 15 16;--color-foreground: rgb(207 207 207 / 1.0); 9980--color-foreground-rgb: 207 207 207;--color-foreground-heading: rgb(255 255 255 / 1.0); 9981--color-foreground-heading-rgb: 255 255 255;--color-primary: rgb(0 15 159 / 1.0); 9982--color-primary-rgb: 0 15 159;--color-primary-hover: rgb(0 0 0 / 1.0); 9983--color-primary-hover-rgb: 0 0 0;--color-border: rgb(230 230 230 / 1.0); 9984--color-border-rgb: 230 230 230;--color-shadow: rgb(0 0 0 / 1.0); 9985--color-shadow-rgb: 0 0 0; 9986 9987 9988 " 9989 9990 9991 9992 9993 data-testid="group-block" 9994 9995><div class="group-block__media-wrapper media--empty none"> 9996 9997 9998 </div> 9999 10000 10001 <div 10002 class=" 10003 group-block-content relative 10004 layout-panel-flex 10005 layout-panel-flex--row 10006 10007 mobile-column 10008 10009 " 10010 style="--flex-direction: row; 10011--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: center;--horizontal-alignment-mobile: center;--vertical-alignment: center;--vertical-alignment-mobile: center;" 10012 > 10013 10014 10015 10016<style data-shopify> 10017 .ai-associate-member-container-aritpalfste9xwg1ny01associatemembergxemjd { 10018 display: flex; 10019 10020 justify-content: center; 10021 10022 10023 10024 width: 25%; 10025 10026 10027 } 10028 10029 .ai-associate-member-aritpalfste9xwg1ny01associatemembergxemjd { 10030 display: flex;
10031 align-items: center; 10032 gap: 15px; 10033 width: 100%; 10034 padding: 20px 20px; 10035 background-color: rgba(0,0,0,0); 10036 } 10037 10038 .ai-associate-member__title-aritpalfste9xwg1ny01associatemembergxemjd { 10039 color: #cfcfcf; 10040 font-size: 18px; 10041 margin: 0; 10042 white-space: nowrap; 10043 } 10044 10045 .ai-associate-member__image-wrapper-aritpalfste9xwg1ny01associatemembergxemjd { 10046 flex-shrink: 0; 10047 } 10048 10049 .ai-associate-member__image-aritpalfste9xwg1ny01associatemembergxemjd { 10050 display: block; 10051 max-width: 200px; 10052 height: auto; 10053 } 10054 10055 @media screen and (min-width: 750px) and (max-width: 989px) { 10056 .ai-associate-member-container-aritpalfste9xwg1ny01associatemembergxemjd { 10057 10058 justify-content: flex-start; 10059 10060 10061 width: 100%; 10062 10063 } 10064 } 10065 10066 @media screen and (max-width: 749px) { 10067 .ai-associate-member-container-aritpalfste9xwg1ny01associatemembergxemjd { 10068 10069 justify-content: flex-start; 10070 10071 10072 width: 100%; 10073 10074 } 10075 10076 .ai-associate-member-aritpalfste9xwg1ny01associatemembergxemjd { 10077 flex-direction: row; 10078 gap: 10px; 10079 } 10080 10081 .ai-associate-member__title-aritpalfste9xwg1ny01associatemembergxemjd { 10082 font-size: 16px; 10083 } 10084 10085 .ai-associate-member__image-aritpalfste9xwg1ny01associatemembergxemjd { 10086 max-width: 150px; 10087 } 10088 } 10089</style> 10090 10091<div class="ai-associate-member-container-aritpalfste9xwg1ny01associatemembergxemjd" > 10092 <div class="ai-associate-member-aritpalfste9xwg1ny01associatemembergxemjd"> 10093 10094 <h3 class="ai-associate-member__title-aritpalfste9xwg1ny01associatemembergxemjd">Associate Member:</h3> 10095 10096 10097 10098 <div class="ai-associate-member__image-wrapper-aritpalfste9xwg1ny01associatemembergxemjd"> 10099 <img 10100 src="//natevaporcelain.com/cdn/shop/files/FIAT-IFTA_logo_name.webp?v=1746785858&width=600" 10101 alt="" 10102 class="ai-associate-member__image-aritpalfste9xwg1ny01associatemembergxemjd" 10103 loading="lazy" 10104 width="160" 10105 height="84" 10106 > 10107 </div> 10108 10109 </div> 10110</div> 10111 10112 10113 10114 10115�<div 10116 class="group-block relative group-block--height-fit group-block--width-fit-content spacing-style size-style shadow-style" 10117 style=" 10118 10119 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;--margin-block-start: 0px;--margin-block-end: 0px;--margin-inline-start: 0px;--margin-inline-end: 0px;--margin-block-start-mobile: 0px;--margin-block-end-mobile: 0px;--margin-inline-start-mobile: 0px;--margin-inline-end-mobile: 0px; 10120 --size-style-width: fit-content;--size-style-width-tablet: 100%;--size-style-width-mobile: 100%; 10121 --size-style-width-mobile-min: 5rem; 10122 --shadow-vertical-offset: 0px; 10123--shadow-horizontal-offset: 0px; 10124--shadow-blur: 0px; 10125--shadow-color: rgb(0 0 0 / 0.0); 10126--shadow-spread-radius: 0px; 10127 10128 10129 10130 " 10131 10132 10133 10134 10135 data-testid="group-block" 10136 10137><div class="group-block__media-wrapper media--empty none"> 10138 10139 10140 </div> 10141 10142 10143 <div 10144 class=" 10145 group-block-content relative 10146 layout-panel-flex 10147 layout-panel-flex--column 10148 10149 mobile-column 10150 10151 " 10152 style="--flex-direction: column; 10153--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: max(0px, calc(var(--gap-scale, 1.0) * 12px));--horizontal-alignment: flex-end;--horizontal-alignment-mobile: flex-end;--vertical-alignment: center;--vertical-alignment-mobile: center;" 10154 > 10155 <div id="shopify-block-Ac1o2TTRxYlgwdmhQU__payment_icons_TKhdMQ" class="shopify-block payment-icons"><span class="visually-hidden">Payment methods</span> 10156<ul class="list payment-icons__list list-unstyled list-position-inherit" role="list"><li class="payment-icons__icon"> 10157 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/>
10157<path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 10158 10159 </li><li class="payment-icons__icon"> 10160 <svg class="icon icon--full-color" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" />
10160<path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> 10161 10162 </li><li class="payment-icons__icon"> 10163 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewBox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><linearGradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientUnits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></linearGradient><linearGradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></linearGradient></defs></svg> 10164 </li><li class="payment-icons__icon"> 10165 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-blik"><title id="pi-blik">BLIK</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="url(#pi-blik-paint0_linear)"/><path d="M30.343 17.155l-2.785-3.639 2.563-3.236h-2.185l-2.456 3.138V6.78h-1.848v10.375h1.848v-3.532l2.456 3.532h2.407zM18.613 6.78h-1.848v10.366h1.848V6.78zm3.433 3.508h-1.848v6.867h1.848v-6.867z" fill="#fff"/>
10165<path d="M13.849 9.573a1.651 1.651 0 100-3.302 1.651 1.651 0 000 3.302z" fill="url(#pi-blik-paint1_radial)"/><path d="M12.041 10.206c-.574 0-1.138.144-1.642.419V6.82H8.534v6.9a3.516 3.516 0 103.507-3.515zm0 5.175a1.643 1.643 0 110-3.286 1.643 1.643 0 010 3.286z" fill="#fff"/><defs><radialGradient id="pi-blik-paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.51 6.18) scale(5.41297)"><stop stop-color="red"/><stop offset=".49" stop-color="#E83E49"/><stop offset="1" stop-color="#F0F"/></radialGradient><linearGradient id="pi-blik-paint0_linear" x1="19" y1="4.977" x2="19" y2="55.605" gradientUnits="userSpaceOnUse"><stop/><stop offset=".732" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></svg> 10166 </li><li class="payment-icons__icon"> 10167 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
1016706zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> 10168 10169 </li><li class="payment-icons__icon"> 10170 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.571
101707 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg> 10171 </li><li class="payment-icons__icon"> 10172 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewBox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg> 10173 </li><li class="payment-icons__icon"> 10174 <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> 10175 </li><li class="payment-icons__icon"> 10176 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/>
10176<path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 10177 10178 </li><li class="payment-icons__icon"> 10179 <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-mobilepay"><title id="pi-mobilepay">MobilePay</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.05 15.296s2.53-.771 4.282-.776c2.896-.007 4.857 1.15 4.857 1.15V10.06s-1.97-1.02-4.453-1.09c-2.481-.068-4.687 1.012-4.687 1.012v5.313z" fill="#5A78FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.308 9.19l2.082 4.957V9.396s1.646-.882 3.485-1.13c1.84-.249 4.181.08 4.181.08l-1.133-2.707s-2.461-.159-4.69.794c-2.228.952-3.925 2.756-3.925 2.756z" fill="#5A78FF"/><path d="M21.428 5.676l-.82-1.99a1.818 1.818 0 00-2.37-.996l-5.663 2.334a1.818 1.818 0 00-.98 2.376l5.46 13.247a1.818 1.818 0 002.37.995l5.662-2.334a1.817 1.817 0 00.98-2.376l-.677-1.642s-.462-.027-.676-.033c-.226-.006-.644-.001-.644-.001l.88 2.136a.606.606 0 01-.326.793l-5.663 2.333a.606.606 0 01-.79-.331L12.711 6.94a.606.606 0 01.327-.792L18.7 3.814a.606.606 0 01.79.332l.83 2.011s.383-.187.59-.27c.206-.082.518-.211.518-.211z" fill="#5A78FF"/></svg> 10180 </li><li class="payment-icons__icon"> 10181 <svg class="icon icon--full-color" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2
101810-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> 10182 </li><li class="payment-icons__icon"> 10183 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> 10184 10185 </li><li class="payment-icons__icon"> 10186 <svg class="icon icon--full-color" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
10186635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg> 10187 </li><li class="payment-icons__icon"> 10188 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
1018816.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 10189 10190 </li></ul> 10191 10192 10193</div> 10194<div 10195 class=" 10196 footer-utilities spacing-style 10197 layout-panel-flex 10198 layout-panel-flex--column 10199 mobile-column 10200 " 10201 style=" 10202 --padding-block-start: 20px;--padding-block-end: 10px; --border-width: 0px; 10203 --flex-direction: column; 10204--flex-wrap: nowrap;--flex-direction-mobile: column;�--horizontal-alignment: center;--horizontal-alignment-mobile: center;--vertical-alignment: center;--vertical-alignment-mobile: center; 10205 " 10206 10207> 10208 <div id="shopify-block-ATmdzM1hha2QzOWVxO__utilities-text" class="shopify-block"><div 10209 class=" 10210 footer-utilities__group footer-utilities__group--left 10211 layout-panel-flex 10212 layout-panel-flex--row 10213 " 10214 style="--flex-direction: row; 10215--flex-wrap: nowrap;--flex-direction-mobile: column;�--gap: 4px;--horizontal-alignment: flex-start;
10215--vertical-alignment: flex-start;" 10216> 10217 <div id="shopify-block-AVytzWEZOa3ZkbFA3b__copyright" class="shopify-block"><div class="footer__copyright caption size-style text-block custom custom-typography custom-font-size custom-color " 10218 style=" --color: var(--color-foreground);--font-size: clamp(1.1rem, 1.2vw, 1.2rem);--font-weight: default; --font-family: var(--font-body--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal);" 10219> 10220 <span class="copyright__content">© 2026, <a href="/" title="">Nateva Porcelain</a>.</span> 10221 <span class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a>.</span> 10222</div> 10223 10224</div> 10225 10226 10227 10228</div> 10229 10230 10231</div> 10232 10233 10234 10235</div> 10236 10237 10238 10239</div> 10240</div> 10241 10242 10243 10244 10245</div> 10246</div> 10247 10248 10249 10250 10251 </div> 10252 </div> 10253</div> 10254 10255</footer> 10256<!-- END sections: footer-group --> 10257 10258 <ul hidden> 10259 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 10260 <li id="a11y-new-window-message">Opens in a new window.</li> 10261 </ul>
10261<script src="//natevaporcelain.com/cdn/shop/t/8/assets/predictive-search.js?v=26422326154105282171772453469" defer="defer"></script>
10261<template id="HaloQuickAddTemplate"><quick-add-modal 10262 class="quick-add-modal modal--popup fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden" 10263 element-s-popup 10264 id="QuickAddStandard" 10265> 10266 <div id="Modal-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 10267 <div 10268 class="popup__inner quick-add-modal__content w-auto h-full absolute-c-c flex flex-column global-settings-popup" 10269 role="dialog" 10270 aria-modal="true" 10271 aria-label="Choose options for " 10272 tabindex="-1" 10273 style="--modal-max-height: 85dvh;" 10274 > 10275 <button 10276 class="quick-add-modal__toggle drawer__close block t-button bor-none rounded-full cursor-pointer" 10277 type="button" 10278 onclick="this.closest('quick-add-modal').hide()" 10279 aria-label="Close dialog" 10280 style="--top: 0.3rem; --right: 0.3rem;" 10281 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 10282</button> 10283 <div id="QuickStandardModal" class="quick-add-modal__content-info cus-scrollbar"></div> 10284 </div> 10285</quick-add-modal> 10286 10287<bulk-modal 10288 class="quick-add-modal quick-add-modal--bulk modal--popup fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden" 10289 element-s-popup 10290 id="QuickAddBulk" 10291> 10292 <div id="Modal-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 10293 <div 10294 class="popup__inner quick-add-modal__content quick-add-modal__content--bulk w-auto h-full md:h-auto absolute-c-c flex flex-column global-settings-popup" 10295 role="dialog" 10296 aria-modal="true" 10297 aria-label="Choose options for " 10298 tabindex="-1" 10299 style="--modal-max-height: 85dvh;--popup-max-width: var(--normal-page-width);" 10300 > 10301 <button 10302 class="quick-add-modal__toggle drawer__close block t-button bor-none rounded-full cursor-pointer" 10303 type="button" 10304 onclick="this.closest('bulk-modal').hide()" 10305 aria-label="Close dialog" 10306 style="--top: 0.3rem; --right: 0.3rem;" 10307 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 10308</button> 10309 <div 10310 id="QuickBulkModal" 10311 class="quick-add-modal__content-info quick-add-modal__content-info--bulk cus-scrollbar" 10312 ></div> 10313 </div> 10314</bulk-modal></template><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/quick-view.css?v=110737919340097067791772453469" media="print" fetchpriority="low" onload="this.media='all'"> 10315 <noscript><link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/quick-view.css?v=110737919340097067791772453469"></noscript><quick-view-modal class="quick-view-modal modal--popup fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden" id="QuickViewStandard"> 10316 <div id="Modal-Overlay" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 10317 <div class="popup__inner quick-view-modal__content w-auto h-full absolute-c-c flex flex-column global-settings-popup" role="dialog" aria-modal="true" aria-label="Choose options for " tabindex="-1" style="--modal-max-height: 85dvh;"> 10318 <button 10319 class="quick-view-modal__toggle drawer__close block t-button bor-none rounded-full cursor-pointer" 10320 type="button" 10321 onclick="this.closest('quick-view-modal').hide()" 10322 aria-label="Close dialog" 10323 style="--top: 0.3rem; --right: 0.3rem;" 10324 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/>
10324</svg> 10325</button> 10326 <div id="QuickViewModal" class="quick-view-modal__content-info cus-scrollbar"></div> 10327 </div> 10328</quick-view-modal>
10329<script src="//natevaporcelain.com/cdn/shop/t/8/assets/quick-view.js?v=15606298162196445981772453469" defer="defer"></script>
10329<link rel="stylesheet" href="//natevaporcelain.com/cdn/shop/t/8/assets/component-compare-product.css?v=41433290919025103791772453469" media="print" onload="this.media='all'"> 10330<noscript><link href="//natevaporcelain.com/cdn/shop/t/8/assets/component-compare-product.css?v=41433290919025103791772453469" rel="stylesheet" type="text/css" media="all" /></noscript> 10331 10332<compare-product-popup class="halo-compareProduct z-2 transform-y-50 pointer-events-none"> 10333 <button type="button" class="button button--primary" data-compare-link> 10334 10335<div class="loading__spinner hidden"> 10336 <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg> 10337 10338</div> 10339<span class="text">Compare</span> <span class="countPill" data-compare-count></span> 10340 </button> 10341</compare-product-popup> 10342 10343<side-drawer 10344 class="halo-popup halo-compare-product-popup modal--popup drawer fixed top-0 left-0 z-9 w-screen h-full flex justify-center no-js-hidden" 10345 element-s-popup 10346 data-compare-product-popup 10347 id="halo-compare-product-popup" 10348 data-drawer-direction="center" 10349> 10350 <div id="Drawer-Overlay-Compare" class="drawer__overlay fixed inset-0 cursor-pointer"></div> 10351 <div 10352 class="popup__inner compare-modal__content w-full h-full absolute-c-c flex flex-column global-settings-popup" 10353 role="dialog" 10354 aria-modal="true" 10355 aria-label="Choose options for " 10356 tabindex="-1" 10357 style="--modal-max-width: 95%; --modal-max-height: 90dvh;" 10358 data-drawer-content 10359 > 10360 <div class="halo-popup-wrapper"> 10361 <div class="halo-popup-header"> 10362 <button 10363 onclick="this.closest('side-drawer').close()" 10364 type="button" 10365 class="drawer__close block t-button bor-none rounded-full cursor-pointer" 10366 data-close-compare-product-popup 10367 aria-label="Close dialog" 10368 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 18"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 10369</button> 10370 <h4 class="halo-popup-title center">Compare</h4> 10371 </div> 10372 <div class="halo-popup-content"><div class="halo-compare-product-content"> 10373 <div class="relative max-w-full max-h-full overflow-x-a"> 10374 <table class="compareTable relative"> 10375 <thead> 10376 <tr class="compare-table-row"><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Product</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">SKU</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Description</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Collection</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Availability</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Product type</span></th><th class="compareTable-heading center font-bold uppercase body-l-font-size"><span class="whitespace-nowrap">Other details</span></th></tr> 10377 </thead> 10378 <tbody></tbody> 10379 </table> 10380 </div> 10381</div></div> 10382 </div> 10383 </div> 10384</side-drawer> 10385
10385<script src="//natevaporcelain.com/cdn/shop/t/8/assets/product-compare.js?v=120606182715615974771772453469" defer="defer"></script>
10385<script> 10386 (function () { 10387 const urls = { 10388 quickAddModalCss: "//natevaporcelain.com/cdn/shop/t/8/assets/quick-add-modal.css?v=71700143276421036101772453469", 10389 quantityPopoverCss: "//natevaporcelain.com/cdn/shop/t/8/assets/quantity-popover.css?v=48766266399209775371772453469", 10390 quickOrderListCss: "//natevaporcelain.com/cdn/shop/t/8/assets/quick-order-list.css?v=32809900141987957721772453469", 10391 productForm: "//natevaporcelain.com/cdn/shop/t/8/assets/product-form.js?v=34485214730502210991772453469", 10392 quickAdd: "//natevaporcelain.com/cdn/shop/t/8/assets/quick-add.js?v=97065977992325393221772453469", 10393 quickAddBulk: "//natevaporcelain.com/cdn/shop/t/8/assets/quick-add-bulk.js?v=82046169787023305291772453469", 10394 quantityPopover: "//natevaporcelain.com/cdn/shop/t/8/assets/quantity-popover.js?v=101229765086813771121772453469", 10395 pricePerItem: "//natevaporcelain.com/cdn/shop/t/8/assets/price-per-item.js?v=159867965971088391261772453469", 10396 quickOrderList: "//natevaporcelain.com/cdn/shop/t/8/assets/quick-order-list.js?v=56221419341783868991772453469", 10397 editCartPopup: "//natevaporcelain.com/cdn/shop/t/8/assets/edit-cart.js?v=149950548967368495351772453469", 10398 }; 10399 10400 window.__haloLoadedScripts = window.__haloLoadedScripts || {}; 10401 window.__haloLoadedStyles = window.__haloLoadedStyles || {}; 10402 10403 const hasQuickOrderListSection = Boolean( 10404 document.querySelector('quick-order-list') 10405 ); 10406 const hasEditCartPopup = Boolean( 10407 document.querySelector('[data-edit-cart-popup]') 10408 ); 10409 10410 if (hasEditCartPopup) { 10411 if (!isDefined('edit-cart-popup')) loadScriptOnce(urls.editCartPopup); 10412 } 10413 10414 if (hasQuickOrderListSection) { 10415 if (!isDefined('quick-order-list')) loadScriptOnce(urls.quickOrderList); 10416 } 10417 10418 function isDefined(name) { 10419 return typeof customElements !== 'undefined' && customElements.get(name); 10420 } 10421 10422 function loadScriptOnce(src) { 10423 if (!src || window.__haloLoadedScripts[src]) return Promise.resolve(); 10424 window.__haloLoadedScripts[src] = true; 10425 10426 return new Promise((resolve, reject) => { 10427 const s = document.createElement('script'); 10428 s.src = src; 10429 s.defer = true; 10430 s.onload = resolve; 10431 s.onerror = reject; 10432 document.head.appendChild(s); 10433 }); 10434 } 10435 10436 function loadStyleOnce(href) { 10437 if (!href || window.__haloLoadedStyles[href]) return; 10438 window.__haloLoadedStyles[href] = true; 10439 const l = document.createElement('link'); 10440 l.rel = 'stylesheet'; 10441 l.href = href; 10442 document.head.appendChild(l); 10443 } 10444 10445 function ensureQuickAddMarkup() { 10446 if (document.getElementById('QuickAddStandard') || document.getElementById('QuickAddBulk')) return; 10447 const tpl = document.getElementById('HaloQuickAddTemplate'); 10448 if (!tpl || !('content' in tpl)) return; 10449 document.body.appendChild(tpl.content.cloneNode(true)); 10450 } 10451 10452 function buildQueueForQuickAdd(type) { 10453 // Modal base class is defined by details-disclosure.js (already included in theme.liquid with defer) 10454 const queue = []; 10455 10456 // Shared styles used inside quick add / bulk quick order list 10457 loadStyleOnce(urls.quickAddModalCss); 10458 loadStyleOnce(urls.quantityPopoverCss); 10459 if (type === 'bulk') loadStyleOnce(urls.quickOrderListCss); 10460 10461 if (!isDefined('product-form-component')) queue.push(urls.productForm); 10462 if (!isDefined('quantity-popover')) queue.push(urls.quantityPopover); 10463 if (!isDefined('price-per-item')) queue.push(urls.pricePerItem); 10464 10465 if (type === 'standard' && !isDefined('quick-add-modal')) queue.push(urls.quickAdd); 10466 10467 // Bulk modal element is defined in quick-order-list.js 10468 if (type === 'bulk') { 10469 if (!isDefined('quick-add-bulk')) queue.push(urls.quickAddBulk); 10470 if (!isDefined('quick-order-list')) queue.push(urls.quickOrderList); 10471 } 10472 10473 return queue; 10474 } 10475 10476 async function ensureQuickAddReady(type) { 10477 try { 10478 if (typeof customElements !== 'undefined' && customElements.whenDefined) { 10479 // Ensure ModalDialog is available before loading quick add elements 10480 await customElements.whenDefined('modal-dialog'); 10481 } 10482 } catch (e) {} 10483 10484 const queue = buildQueueForQuickAdd(type); 10485 if (queue.length) { 10486 await queue.reduce((p, src) => p.then(() => loadScriptOnce(src)), Promise.resolve()); 10487 } 10488 ensureQuickAddMarkup(); 10489 } 10490 10491 function prefetchQuickAddAssets(type) { 10492 const queue = buildQueueForQuickAdd(type); 10493 if (!queue.length) return; 10494 queue.reduce((p, src) => p.then(() => loadScriptOnce(src)), Promise.resolve()).catch(() => {}); 10495 } 10496 10497 const hasQuickAddStandardOpener = Boolean( 10498 document.querySelector('modal-opener[data-modal="#QuickAddStandard"]') 10499 );
10500 const hasQuickAddBulkOpener = Boolean( 10501 document.querySelector('modal-opener[data-modal="#QuickAddBulk"]') 10502 ); 10503 10504 if (hasQuickAddStandardOpener || hasQuickAddBulkOpener) { 10505 const runIdle = (cb) => { 10506 if ('requestIdleCallback' in window) return requestIdleCallback(cb, { timeout: 2000 }); 10507 return setTimeout(cb, 250); 10508 }; 10509 10510 if (hasQuickAddStandardOpener) runIdle(() => prefetchQuickAddAssets('standard')); 10511 if (hasQuickAddBulkOpener) runIdle(() => prefetchQuickAddAssets('bulk')); 10512 } 10513 10514 document.addEventListener( 10515 'click', 10516 (event) => { 10517 const btn = event.target.closest( 10518 'modal-opener[data-modal="#QuickAddStandard"] button, modal-opener[data-modal="#QuickAddBulk"] button' 10519 ); 10520 if (!btn) return; 10521 10522 const openerEl = btn.closest('modal-opener'); 10523 const modalSelector = openerEl?.getAttribute('data-modal'); 10524 const type = modalSelector === '#QuickAddBulk' ? 'bulk' : 'standard'; 10525 10526 // If the modal is already in the DOM, let the normal handler run. 10527 if (modalSelector && document.querySelector(modalSelector)) return; 10528 10529 // Intercept click, lazy-mount + lazy-load assets, then open. 10530 event.preventDefault(); 10531 event.stopImmediatePropagation(); 10532 10533 ensureQuickAddReady(type) 10534 .then(() => { 10535 const modal = modalSelector ? document.querySelector(modalSelector) : null; 10536 if (modal && typeof modal.show === 'function') modal.show(btn); 10537 }) 10538 .catch(() => {}); 10539 }, 10540 true 10541 ); 10542 })(); 10543</script>
10543 10544 10545 10546 <!-- Failed to render app block "1710008633607995074": app block path "shopify://apps/tydal-product-reviews/blocks/app-embed/5f785e18-66cc-4519-8181-565d1cce1705" does not exist --><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
10546<script> 10547 window['ShopifyForms'] = { 10548 ...window['ShopifyForms'], 10549 currentPageType: "page" 10550 }; 10551</script>
10551 10552 10553 10554</div>
10554<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10554 10555<shopify-store store-domain="https://natevaporcelain.com" country="US" language="en"></shopify-store> 10556<shopify-chat></shopify-chat> 10557</body> 10558</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.