Linux ubuntu 6.8.0-90-generic #91-Ubuntu SMP PREEMPT_DYNAMIC Tue Nov 18 14:14:30 UTC 2025 x86_64
nginx/1.24.0
: 67.217.245.49 | : 216.73.216.153
Cant Read [ /etc/named.conf ]
8.3.6
www-data
Bypass.pw
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
Backdoor Scanner
Backdoor Create
Alfa Webshell
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
berripix /
public_html /
[ HOME SHELL ]
Name
Size
Permission
Action
angels
[ DIR ]
drwxrwxrwx
berribo
[ DIR ]
drwxrwxrwx
cgi-bin
[ DIR ]
drwxrwxrwx
cherribo
[ DIR ]
drwxrwxrwx
css
[ DIR ]
drwxrwxrwx
font
[ DIR ]
drwxrwxrwx
images
[ DIR ]
drwxrwxrwx
js
[ DIR ]
drwxrwxrwx
pixbo
[ DIR ]
drwxrwxrwx
preview
[ DIR ]
drwxrwxrwx
thumbnail
[ DIR ]
drwxrwxrwx
wallpapers
[ DIR ]
drwxrwxrwx
.htaccess
425
B
-rw-r--r--
BingSiteAuth.xml
85
B
-rw-rw-r--
actions.php
2.17
KB
-rwxrwxrwx
berribo.zip
5.53
MB
-rw-rw-r--
berripix.zip
26.75
MB
-rwxrwxrwx
check.php
703
B
-rw-r--r--
check1.php
703
B
-rw-r--r--
cherribo.zip
5.54
MB
-rw-rw-r--
datasource.php
1.48
KB
-rw-r--r--
dbhelper.php
8.82
KB
-rwxrwxrwx
detail.php
81.81
KB
-rwxrwxrwx
index.php
48.23
KB
-rwxrwxrwx
index2.php
11.24
KB
-rwxrwxrwx
index4.php
67.43
KB
-rw-rw-r--
index5.php
4.36
KB
-rw-rw-r--
index_old.php
141.32
KB
-rw-rw-r--
log.txt
62.58
KB
-rwxrwxrwx
manifest.json
458
B
-rw-rw-r--
mass.php
703
B
-rw-r--r--
q.php
3
B
-rw-r--r--
q.txt
3
B
-rw-r--r--
robots.txt
69
B
-rw-rw-r--
robots.txt.php
1
B
-rw-r--r--
search.php
48.86
KB
-rw-rw-r--
sitemap.xml
84.67
KB
-rw-rw-r--
slugify.php
243
B
-rw-rw-r--
terms_of_service.php
71.54
KB
-rw-rw-r--
test.php
232
B
-rw-rw-r--
u.php
204
B
-rw-r--r--
up.php
289
B
-rw-r--r--
uploader.php
350
B
-rw-r--r--
wimage.php
1.12
KB
-rw-rw-r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : index_old.php
<!DOCTYPE html> <html lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml" style="--vh: 10.8px;"> <?php require_once(__DIR__ . "/dbhelper.php"); $dbhelper = new DBHelper(); $categories = $dbhelper->getCategories(); ?> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="content-language" content="en-MY"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="pinterest" content="nosearch"> <meta data-n-head="ssr" data-hid="robots" name="robots" content="index, follow, all"> <meta data-n-head="ssr" data-hid="googlebot" name="googlebot" content="index, follow, all"> <link rel="manifest" href="manifest.json" /> <link rel="stylesheet" href="css/gdpr_settings.css" type="text/css"> <link rel="stylesheet" href="css/toolkit.css" type="text/css"> <title>BerriPix - HD wallpapers free download for Mobile Phones & Tablets</title> <meta name="description" content="Free HD wallpapers, images and photos that you can download and use for PC desktop, laptop, Apple, Android mobile phones and tablets . Unlimited free downloads for iphone lock screen wallpapers."> <meta name="keywords" content="HD wallpaper, 1080p wallpaper, 2k wallpaper, 4k wallpaper, 5k wallpaper, 8k wallpaper, PC wallpaper, mobile wallpaper, phone wallpaper, iPhone wallpaper, iPad wallpaper, android wallpaper, desktop background, free download, tablets wallpaper, UHD Ultra HD Wallpaper"> <meta name="twitter:card" content="summary_large_image" value=""> <meta name="twitter:site" content="@Berripix" value=""> <meta property="og:title" content="BerriPix - HD wallpapers free download for Mobile Phones & Tablets"> <meta property="og:description" content="Free HD wallpapers, images and photos that you can download and use for PC desktop, laptop, Apple, Android mobile phones and tablets . Unlimited free downloads for iphone lock screen wallpapers."> <meta property="og:url" content="https://www.berripix.com/detail"> <meta property="og:image" content="images/berrypix logo.png?version=0"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Berripix"> <meta property="og:locale" content="en_US"> <link rel="shortcut icon" href="images/favicon berripix.ico"> <link rel="icon" href="images/favicon berripix.png" type="image/png" sizes="32x32"> <link rel="icon" href="images/favicon berripix.png" type="image/png" sizes="16x16"> <link rel="apple-touch-icon" href="images/favicon berripix.png" sizes="180x180"> <meta name="apple-mobile-web-app-title" content="Berripix"> <meta name="application-name" content="Berripix"> <meta name="msapplication-TileColor" content="#F1641E"> <meta name="theme-color" content="rgb(255, 255, 255)"> <meta name="copyright" content="© 2025. Copyright berripix.com" /> <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-N8TL8NHJYB"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-N8TL8NHJYB'); </script> <meta name="google-site-verification" content="7X4VenPOVnEajEDPeNaGbuGOHVjqS3nLxdePR3R4JTI" /> <style type="text/css"> .image-error { opacity: 0.5; border: 2px dashed red; } .wide-card { grid-column: span 2; } #div_gallery .wide-card { width: calc(200% + 20px); /* 2x width + gutter compensation */ } @media (max-width: 767px) { #div_gallery .wide-card { width: 100% !important; } } .listing-card-experimental-style { display: block; min-height: 150px; width: 100%; } span.PIN_1696823817396_embed_grid { width: 100%; max-width: 257px; min-width: 140px; display: inline-block; border: 1px solid rgba(0, 0, 0, .1); border-radius: 16px; overflow: hidden; font: 12px "Helvetica Neue", Helvetica, arial, sans-serif; color: rgb(54, 54, 54); box-sizing: border-box; background: #fff; cursor: pointer; -webkit-font-smoothing: antialiased; } span.PIN_1696823817396_embed_grid * { display: block; position: relative; font: inherit; cursor: inherit; color: inherit; box-sizing: inherit; margin: 0; padding: 0; text-align: left; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_hd { height: 55px; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_hd .PIN_1696823817396_img { position: absolute; top: 10px; left: 10px; height: 36px; width: 36px; border-radius: 18px; background: transparent url () 0 0 no-repeat; background-size: cover; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_hd .PIN_1696823817396_pinner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%; position: absolute; top: 20px; left: 56px; font-size: 14px; font-weight: bold; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_bd { padding: 0 10px; -moz-scrollbars: none; -ms-overflow-style: none; overflow-x: hidden; overflow-y: auto; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_bd .PIN_1696823817396_ct { width: 100%; height: auto; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { display: inline-block; width: 100%; padding: 1px; vertical-align: top; min-width: 60px; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col .PIN_1696823817396_img { margin: 0; display: inline-block; width: 100%; background: transparent url() 0 0 no-repeat; background-size: cover; border-radius: 8px; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft { padding: 10px; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft .PIN_1696823817396_button { border-radius: 16px; text-align: center; background-color: #efefef; border: 1px solid #efefef; position: relative; display: block; overflow: hidden; height: 32px; width: 100%; min-width: 70px; padding: 0 3px; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft .PIN_1696823817396_button .PIN_1696823817396_label { position: absolute; left: 0; width: 100%; text-align: center; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft .PIN_1696823817396_button .PIN_1696823817396_label.PIN_1696823817396_top { top: 0; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft .PIN_1696823817396_button .PIN_1696823817396_label.PIN_1696823817396_bottom { bottom: 0; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft .PIN_1696823817396_button .PIN_1696823817396_label .PIN_1696823817396_string { white-space: pre; color: #746d6a; font-size: 13px; font-weight: bold; vertical-align: top; display: inline-block; height: 32px; line-height: 32px; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft .PIN_1696823817396_button .PIN_1696823817396_label .PIN_1696823817396_logo { display: inline-block; vertical-align: bottom; height: 32px; width: 80px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTJweCIgd2lkdGg9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCAxMiI+PGc+PHBhdGggZD0iTTE5LjY5LDkuMjggTDE5LjY5LDQuMjggTDIxLjI3LDQuMjggTDIxLjI3LDkuMjggTDE5LjY5LDkuMjggWiBNNS45NywwLjAwIEM5LjI3LDAuMDAgMTEuOTUsMi42OSAxMS45NSw2LjAwIEMxMS45NSw5LjMxIDkuMjcsMTIuMDAgNS45NywxMi4wMCBDNS4zOCwxMi4wMCA0LjgwLDExLjkxIDQuMjYsMTEuNzUgQzQuMjYsMTEuNzUgNC4yNiwxMS43NSA0LjI2LDExLjc1IEM0LjI1LDExLjc1IDQuMjQsMTEuNzQgNC4yMywxMS43NCBMNC4yMSwxMS43MyBDNC4yMSwxMS43MyA0LjIxLDExLjczIDQuMjEsMTEuNzMgQzQuNDUsMTEuMzMgNC44MSwxMC42OCA0Ljk1LDEwLjE2IEM1LjAyLDkuODggNS4zMiw4LjczIDUuMzIsOC43MyBDNS41Miw5LjExIDYuMDgsOS40MiA2LjY5LDkuNDIgQzguNDksOS40MiA5Ljc5LDcuNzYgOS43OSw1LjY5IEM5Ljc5LDMuNzEgOC4xOCwyLjIzIDYuMTEsMi4yMyBDMy41MywyLjIzIDIuMTYsMy45NiAyLjE2LDUuODYgQzIuMTYsNi43NCAyLjYzLDcuODMgMy4zNyw4LjE4IEMzLjQ5LDguMjMgMy41NSw4LjIxIDMuNTcsOC4xMCBDMy41OSw4LjAyIDMuNjksNy42MSAzLjc0LDcuNDIgQzMuNzUsNy4zNiAzLjc1LDcuMzEgMy43MCw3LjI1IEMzLjQ1LDYuOTUgMy4yNSw2LjM5IDMuMjUsNS44OCBDMy4yNSw0LjU1IDQuMjUsMy4yNyA1Ljk1LDMuMjcgQzcuNDIsMy4yNyA4LjQ1LDQuMjggOC40NSw1LjcxIEM4LjQ1LDcuMzQgNy42Myw4LjQ2IDYuNTcsOC40NiBDNS45OCw4LjQ2IDUuNTQsNy45OCA1LjY4LDcuMzggQzUuODUsNi42NyA2LjE4LDUuOTAgNi4xOCw1LjM4IEM2LjE4LDQuOTIgNS45Myw0LjU0IDUuNDIsNC41NCBDNC44Miw0LjU0IDQuMzQsNS4xNiA0LjM0LDUuOTkgQzQuMzQsNi41MiA0LjUyLDYuODggNC41Miw2Ljg4IEM0LjUyLDYuODggMy45Myw5LjQwIDMuODIsOS44NyBDMy43MCwxMC4zOCAzLjc1LDExLjExIDMuODAsMTEuNTkgTDMuODAsMTEuNTkgQzMuNzksMTEuNTkgMy43OCwxMS41OCAzLjc4LDExLjU4IEMzLjc3LDExLjU4IDMuNzYsMTEuNTggMy43NiwxMS41NyBDMy43NiwxMS41NyAzLjc2LDExLjU3IDMuNzYsMTEuNTcgQzEuNTYsMTAuNjkgMC4wMCw4LjUzIDAuMDAsNi4wMCBDMC4wMCwyLjY5IDIuNjcsMC4wMCA1Ljk3LDAuMDAgWiBNMTYuODcsMi4zMSBDMTcuNzEsMi4zMSAxOC4zNCwyLjU0IDE4Ljc2LDIuOTUgQzE5LjIxLDMuMzcgMTkuNDYsMy45NiAxOS40Niw0LjY2IEMxOS40Niw2LjAwIDE4LjU0LDYuOTUgMTcuMTEsNi45NSBMMTUuNzIsNi45NSBMMTUuNzIsOS4yOCBMMTQuMTIsOS4yOCBMMTQuMTIsMi4zMSBMMTYuODcsMi4zMSBaIE0xNi45NCw1LjU4IEMxNy41Niw1LjU4IDE3LjkxLDUuMjEgMTcuOTEsNC42NSBDMTcuOTEsNC4xMCAxNy41NSwzLjc2IDE2Ljk0LDMuNzYgTDE1LjcyLDMuNzYgTDE1LjcyLDUuNTggTDE2Ljk0LDUuNTggWiBNNTAuMDAsNS4yOCBMNDkuMTksNS4yOCBMNDkuMTksNy42MiBDNDkuMTksOC4wMSA0OS40MCw4LjExIDQ5Ljc0LDguMTEgQzQ5LjgzLDguMTEgNDkuOTMsOC4xMCA1MC4wMCw4LjEwIEw1MC4wMCw5LjI4IEM0OS44NCw5LjMxIDQ5LjU4LDkuMzMgNDkuMjIsOS4zMyBDNDguMzAsOS4zMyA0Ny42NCw5LjAzIDQ3LjY0LDcuOTYgTDQ3LjY0LDUuMjggTDQ3LjE2LDUuMjggTDQ3LjE2LDQuMjggTDQ3LjY0LDQuMjggTDQ3LjY0LDIuNzAgTDQ5LjE5LDIuNzAgTDQ5LjE5LDQuMjggTDUwLjAwLDQuMjggTDUwLjAwLDUuMjggWiBNNDUuMzEsNi4xMyBDNDYuMTgsNi4yNyA0Ny4yMSw2LjUwIDQ3LjIxLDcuNzcgQzQ3LjIxLDguODcgNDYuMjUsOS40MyA0NC45NSw5LjQzIEM0My41NSw5LjQzIDQyLjY1LDguODEgNDIuNTQsNy43OCBMNDQuMDUsNy43OCBDNDQuMTUsOC4yMCA0NC40Niw4LjQwIDQ0Ljk0LDguNDAgQzQ1LjQyLDguNDAgNDUuNzIsOC4yMiA0NS43Miw3LjkwIEM0NS43Miw3LjQ1IDQ1LjEyLDcuNDAgNDQuNDYsNy4yOSBDNDMuNTksNy4xNCA0Mi42Nyw2LjkxIDQyLjY3LDUuNzQgQzQyLjY3LDQuNjggNDMuNjQsNC4xNCA0NC44Miw0LjE0IEM0Ni4yMiw0LjE0IDQ2Ljk4LDQuNzUgNDcuMDYsNS43NCBMNDUuNjAsNS43NCBDNDUuNTQsNS4yOSA0NS4yNCw1LjE1IDQ0LjgwLDUuMTUgQzQ0LjQyLDUuMTUgNDQuMTIsNS4zMCA0NC4xMiw1LjYxIEM0NC4xMiw1Ljk2IDQ0LjY4LDYuMDEgNDUuMzEsNi4xMyBaIE0yMC40OCwyLjAwIEMyMS4wMCwyLjAwIDIxLjQzLDIuNDIgMjEuNDMsMi45NSBDMjEuNDMsMy40OCAyMS4wMCwzLjkwIDIwLjQ4LDMuOTAgQzE5Ljk1LDMuOTAgMTkuNTMsMy40OCAxOS41MywyLjk1IEMxOS41MywyLjQyIDE5Ljk1LDIuMDAgMjAuNDgsMi4wMCBaIE0yOC40OCw3LjYyIEMyOC40OCw4LjAxIDI4LjcwLDguMTEgMjkuMDQsOC4xMSBDMjkuMTAsOC4xMSAyOS4xOCw4LjEwIDI5LjI0LDguMTAgTDI5LjI0LDkuMjkgQzI5LjA4LDkuMzEgMjguODMsOS4zMyAyOC41Miw5LjMzIEMyNy42MCw5LjMzIDI2Ljk0LDkuMDMgMjYuOTQsNy45NiBMMjYuOTQsNS4yOCBMMjYuNDIsNS4yOCBMMjYuNDIsNC4yOCBMMjYuOTQsNC4yOCBMMjYuOTQsMi43MCBMMjguNDgsMi43MCBMMjguNDgsNC4yOCBMMjkuMjQsNC4yOCBMMjkuMjQsNS4yOCBMMjguNDgsNS4yOCBMMjguNDgsNy42MiBaIE0yNC42OSw0LjE0IEMyNS43Nyw0LjE0IDI2LjQxLDQuOTIgMjYuNDEsNi4wMyBMMjYuNDEsOS4yOCBMMjQuODMsOS4yOCBMMjQuODMsNi4zNSBDMjQuODMsNS44MiAyNC41Nyw1LjQ2IDI0LjA1LDUuNDYgQzIzLjUzLDUuNDYgMjMuMTgsNS45MCAyMy4xOCw2LjUyIEwyMy4xOCw5LjI4IEwyMS42MCw5LjI4IEwyMS42MCw0LjI4IEwyMy4xMiw0LjI4IEwyMy4xMiw0Ljk3IEwyMy4xNSw0Ljk3IEMyMy41Miw0LjQzIDI0LjAwLDQuMTQgMjQuNjksNC4xNCBaIE0zMy40Miw0Ljc2IEMzMi45OSw0LjM3IDMyLjQzLDQuMTQgMzEuNzIsNC4xNCBDMzAuMjAsNC4xNCAyOS4xNiw1LjI4IDI5LjE2LDYuNzcgQzI5LjE2LDguMjggMzAuMTcsOS40MiAzMS44MSw5LjQyIEMzMi40NCw5LjQyIDMyLjk1LDkuMjYgMzMuMzcsOC45NiBDMzMuODAsOC42NiAzNC4xMCw4LjIzIDM0LjIwLDcuNzggTDMyLjY2LDcuNzggQzMyLjUyLDguMTAgMzIuMjUsOC4yOCAzMS44Myw4LjI4IEMzMS4xOCw4LjI4IDMwLjgxLDcuODYgMzAuNzIsNy4xOSBMMzQuMjksNy4xOSBDMzQuMzAsNi4xOCAzNC4wMSw1LjMxIDMzLjQyLDQuNzYgTDMzLjQyLDQuNzYgWiBNNDEuNjYsNC43NiBDNDIuMjYsNS4zMSA0Mi41NSw2LjE4IDQyLjU0LDcuMTkgTDM4Ljk3LDcuMTkgQzM5LjA2LDcuODYgMzkuNDMsOC4yOCA0MC4wOCw4LjI4IEM0MC41MCw4LjI4IDQwLjc3LDguMTAgNDAuOTEsNy43OCBMNDIuNDUsNy43OCBDNDIuMzQsOC4yMyA0Mi4wNSw4LjY2IDQxLjYyLDguOTYgQzQxLjIwLDkuMjYgNDAuNjksOS40MiA0MC4wNiw5LjQyIEMzOC40Miw5LjQyIDM3LjQxLDguMjggMzcuNDEsNi43NyBDMzcuNDEsNS4yOCAzOC40NSw0LjE0IDM5Ljk3LDQuMTQgQzQwLjY3LDQuMTQgNDEuMjQsNC4zNyA0MS42Niw0Ljc2IFogTTMwLjczLDYuMjQgQzMwLjgzLDUuNjUgMzEuMTQsNS4yNyAzMS43NSw1LjI3IEMzMi4yNiw1LjI3IDMyLjYzLDUuNjUgMzIuNjksNi4yNCBMMzAuNzMsNi4yNCBaIE0zOC45OCw2LjI0IEw0MC45NCw2LjI0IEM0MC44OCw1LjY1IDQwLjUxLDUuMjcgNDAuMDAsNS4yNyBDMzkuMzksNS4yNyAzOS4wOCw1LjY1IDM4Ljk4LDYuMjQgWiBNMzcuNTQsNC4yMSBMMzcuNTQsNS42MCBDMzYuNjQsNS41MSAzNi4wNyw1Ljk5IDM2LjA3LDcuMDMgTDM2LjA3LDkuMjggTDM0LjQ4LDkuMjggTDM0LjQ4LDQuMjggTDM2LjAwLDQuMjggTDM2LjAwLDUuMDYgTDM2LjAzLDUuMDYgQzM2LjM4LDQuNDcgMzYuNzgsNC4yMSAzNy4zOSw0LjIxIEMzNy40NSw0LjIxIDM3LjUwLDQuMjEgMzcuNTQsNC4yMSBaIiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 50% 50% no-repeat; background-size: contain; } span.PIN_1696823817396_embed_grid .PIN_1696823817396_ft .PIN_1696823817396_button:hover { border: 1px solid rgba(0, 0, 0, .1); } span.PIN_1696823817396_embed_grid.PIN_1696823817396_noscroll .PIN_1696823817396_bd { overflow: hidden; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_board .PIN_1696823817396_hd .PIN_1696823817396_pinner { top: 10px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_board .PIN_1696823817396_hd .PIN_1696823817396_board { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%; position: absolute; bottom: 10px; left: 56px; color: #363636; font-size: 12px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c2 { max-width: 494px; min-width: 140px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c2 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 50%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c3 { max-width: 731px; min-width: 200px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c3 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 33.33%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c4 { max-width: 968px; min-width: 260px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c4 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 25%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c5 { max-width: 1205px; min-width: 320px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c5 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 20%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c6 { max-width: 1442px; min-width: 380px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c6 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 16.66%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c7 { max-width: 1679px; min-width: 440px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c7 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 14.28%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c8 { max-width: 1916px; min-width: 500px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c8 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 12.5%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c9 { max-width: 2153px; min-width: 560px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c9 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 11.11%; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c10 { max-width: 2390px; min-width: 620px; } span.PIN_1696823817396_embed_grid.PIN_1696823817396_c10 .PIN_1696823817396_bd .PIN_1696823817396_ct .PIN_1696823817396_col { width: 10%; } span.PIN_1696823817396_embed_pin { min-width: 160px; max-width: 236px; width: 100%; border-radius: 16px; font: 12px "SF Pro", "Helvetica Neue", Helvetica, arial, sans-serif; display: inline-block; background: rgba(0, 0, 0, .1); overflow: hidden; border: 1px solid rgba(0, 0, 0, .1); box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-osx-font-smoothing: grayscale; } span.PIN_1696823817396_embed_pin * { display: block; position: relative; font: inherit; cursor: inherit; color: inherit; box-sizing: inherit; margin: 0; padding: 0; text-align: left; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages { height: 100%; width: 100%; display: block; position: relative; overflow: hidden; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page { position: absolute; left: 0; transition-property: left; transition-duration: .25s; transition-timing-function: ease-in; height: inherit; width: inherit; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page.PIN_1696823817396_past { left: -100%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page.PIN_1696823817396_future { left: 100%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks { height: inherit; width: inherit; overflow: hidden; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block { position: absolute; height: 100%; width: 100%; overflow-X: hidden; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container { position: absolute; width: 100%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container.PIN_1696823817396_top { top: 0; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container.PIN_1696823817396_middle { top: 50%; transform: translateY(-50%); } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container.PIN_1696823817396_bottom { bottom: 0; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container.PIN_1696823817396_left { text-align: left; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container.PIN_1696823817396_center { text-align: center; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container.PIN_1696823817396_right { text-align: right; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container .PIN_1696823817396_paragraph { text-align: inherit; display: inline; word-break: break-word; font-size: 16px; line-height: 1.24em; border-radius: 3px; padding: 0.1em 0.2em; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container _video { position: absolute; height: 100%; width: auto; left: 50%; transform: translateX(-50%); } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container.PIN_1696823817396_video { height: 100%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_image { position: absolute; height: 100%; width: 100%; background-position: 50% 50%; background-repeat: no-repeat; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_image.PIN_1696823817396_containMe { background-size: contain; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_image.PIN_1696823817396_coverMe { background-size: cover; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block video { position: absolute; height: 100%; width: auto; left: 50%; transform: translateX(-50%); } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block video.PIN_1696823817396_isNative { width: 100%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay { position: absolute; height: 100%; width: 100%; opacity: .001; background: rgba(0, 0, 0, .03); cursor: pointer; user-select: none; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_repin { position: absolute; top: 12px; right: 12px; height: 40px; color: #fff; background: #e60023 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 10px 50% no-repeat; background-size: 18px 18px; text-indent: 36px; font-size: 14px; line-height: 40px; font-weight: bold; border-radius: 20px; padding: 0 12px 0 0; width: auto; z-index: 2; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_price { position: absolute; top: 12px; left: 12px; height: 40px; background: rgba(255, 255, 255, .9); font-size: 14px; line-height: 40px; font-weight: bold; border-radius: 20px; padding: 0 12px; width: auto; z-index: 2; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_controls { position: absolute; height: 64px; width: 64px; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_controls .PIN_1696823817396_play { background: rgba(0, 0, 0, .8) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTIyLjYyIDkuNDhMOC42My40OEEzIDMgMCAwIDAgNCAzdjE4YTMgMyAwIDAgMCA0LjYzIDIuNTJsMTQtOWEzIDMgMCAwIDAgMC01LjA0IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg==) 50% 50% no-repeat; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_controls .PIN_1696823817396_pause { background: rgba(0, 0, 0, .8) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTcgMGMxLjY1IDAgMyAxLjM1IDMgM3YxOGMwIDEuNjUtMS4zNSAzLTMgM3MtMy0xLjM1LTMtM1YzYzAtMS42NSAxLjM1LTMgMy0zem0xMCAwYzEuNjUgMCAzIDEuMzUgMyAzdjE4YzAgMS42NS0xLjM1IDMtMyAzcy0zLTEuMzUtMy0zVjNjMC0xLjY1IDEuMzUtMyAzLTN6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg==) 50% 50% no-repeat; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_controls .PIN_1696823817396_pause, span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_controls .PIN_1696823817396_play { position: absolute; display: block; height: 64px; width: 64px; border-radius: 32px; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_nav { user-select: none; position: absolute; height: 100%; width: 20%; background: transparent url() 0 0 no-repeat; background-size: 24px 24px; z-index: 1; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_nav.PIN_1696823817396_forward, span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_nav.PIN_1696823817396_forward_noop { right: 0; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_nav.PIN_1696823817396_backward, span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_nav.PIN_1696823817396_backward_noop { left: 0; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_nav.PIN_1696823817396_forward { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTYuNzIgMjRjLjU3IDAgMS4xNC0uMjIgMS41Ny0uNjZMMTkuNSAxMiA4LjI5LjY2Yy0uODYtLjg4LTIuMjctLjg4LTMuMTQgMC0uODcuODgtLjg3IDIuMyAwIDMuMThMMTMuMjEgMTJsLTguMDYgOC4xNmMtLjg3Ljg4LS44NyAyLjMgMCAzLjE4LjQzLjQ0IDEgLjY2IDEuNTcuNjYiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9wYXRoPjwvZz48L3N2Zz4=); background-position: 100% 50%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_nav.PIN_1696823817396_backward { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTE3LjI4IDI0Yy0uNTcgMC0xLjE0LS4yMi0xLjU4LS42Nkw0LjUgMTIgMTUuNy42NmEyLjIxIDIuMjEgMCAwIDEgMy4xNSAwYy44Ny44OC44NyAyLjMgMCAzLjE4TDEwLjc5IDEybDguMDYgOC4xNmMuODcuODguODcgMi4zIDAgMy4xOC0uNDQuNDQtMSAuNjYtMS41Ny42NiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9Ii41Ij48L3BhdGg+PC9nPjwvc3ZnPg==); background-position: 0 50%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_progress { position: absolute; bottom: 0; left: 0; height: 36px; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2)); text-align: center; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_progress .PIN_1696823817396_indicator { display: inline-block; height: 8px; width: 8px; margin: 16px 2px 0; background: rgba(255, 255, 255, .5); border-radius: 50%; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_progress .PIN_1696823817396_indicator.PIN_1696823817396_current { background: #fff; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_pages .PIN_1696823817396_overlay:hover { opacity: 1; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer { position: relative; display: block; height: 96px; padding: 16px; color: #333; background: #fff; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer .PIN_1696823817396_container { position: relative; display: block; width: 100%; height: 100%; background: #fff; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer .PIN_1696823817396_container .PIN_1696823817396_title { position: absolute; left: 0px; right: 0px; font-size: 16px; font-weight: bold; overflow: hidden; white-space: pre; text-overflow: ellipsis; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer .PIN_1696823817396_container .PIN_1696823817396_avatar { position: absolute; bottom: 0; left: 0; height: 30px; width: 30px; border-radius: 50%; background: transparent url() 0 0 no-repeat; background-size: cover; box-shadow: 0 0 1px rgba(0, 0, 0, .5); } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer .PIN_1696823817396_container .PIN_1696823817396_deets { position: absolute; left: 40px; right: 0px; bottom: 0px; height: 30px; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer .PIN_1696823817396_container .PIN_1696823817396_deets span { left: 0px; right: 0px; position: absolute; font-size: 12px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer .PIN_1696823817396_container .PIN_1696823817396_deets .PIN_1696823817396_topline { top: 0; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer .PIN_1696823817396_container .PIN_1696823817396_deets .PIN_1696823817396_bottomline { bottom: 0; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer::after { content: "------------------------------------------------------------------------------------------------------------------------"; display: block; height: 1px; line-height: 1px; color: transparent; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer.PIN_1696823817396_uno .PIN_1696823817396_container .PIN_1696823817396_deets .PIN_1696823817396_topline { top: 8px; } span.PIN_1696823817396_embed_pin .PIN_1696823817396_footer.PIN_1696823817396_uno .PIN_1696823817396_container .PIN_1696823817396_deets .PIN_1696823817396_bottomline { display: none; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_fresh .PIN_1696823817396_pages .PIN_1696823817396_overlay { opacity: 1; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_medium { min-width: 237px; max-width: 345px; border-radius: 24px; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_medium .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container .PIN_1696823817396_paragraph { font-size: 21px; line-height: 1.23em; border-radius: 5px; padding: 2px 3px; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_medium .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_progress .PIN_1696823817396_indicator { margin: 16px 4px 0; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_large { min-width: 346px; max-width: 600px; border-radius: 36px; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_large .PIN_1696823817396_pages .PIN_1696823817396_page .PIN_1696823817396_blocks .PIN_1696823817396_block .PIN_1696823817396_container .PIN_1696823817396_paragraph { font-size: 27px; line-height: 1.11em; border-radius: 5px; padding: 3px 4.5px; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_large .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_progress .PIN_1696823817396_indicator { margin: 16px 4px 0; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_atStart .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_backward { display: none; } span.PIN_1696823817396_embed_pin.PIN_1696823817396_atEnd .PIN_1696823817396_pages .PIN_1696823817396_overlay .PIN_1696823817396_forward { display: none; } .PIN_1696823817396_button_follow { display: inline-block; color: #363636; box-sizing: border-box; box-shadow: inset 0 0 1px #888; border-radius: 3px; font: bold 11px/20px "Helvetica Neue", Helvetica, arial, sans-serif !important; cursor: pointer; -webkit-font-smoothing: antialiased; height: 20px; padding: 0 4px 0 20px; background-color: #efefef; position: relative; white-space: nowrap; vertical-align: baseline; } .PIN_1696823817396_button_follow:hover { box-shadow: inset 0 0 1px #000; } .PIN_1696823817396_button_follow::after { content: ""; position: absolute; height: 14px; width: 14px; top: 3px; left: 3px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat; background-size: 14px 14px; } .PIN_1696823817396_button_follow.PIN_1696823817396_tall { height: 26px; line-height: 26px; font-size: 13px; padding: 0 6px 0 25px; border-radius: 3px; } .PIN_1696823817396_button_follow.PIN_1696823817396_tall::after { height: 18px; width: 18px; top: 4px; left: 4px; background-size: 18px 18px; } .PIN_1696823817396_button_pin { cursor: pointer; display: inline-block; box-sizing: border-box; box-shadow: inset 0 0 1px #888; border-radius: 3px; height: 20px; width: 40px; -webkit-font-smoothing: antialiased; background: #efefef url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiAxOCI+PGc+PHBhdGggZD0iTTE2Ljg1Myw2LjM0NSBDMTcuNjMyLDYuMzQ1IDE4LjM4LDUuNzAyIDE4LjUxLDQuOTA5IEMxOC42NjQsNC4xMzggMTguMTM1LDMuNDk0IDE3LjM1NywzLjQ5NCBDMTYuNTc4LDMuNDk0IDE1LjgzLDQuMTM4IDE1LjY5OCw0LjkwOSBDMTUuNTQ2LDUuNzAyIDE2LjA1Myw2LjM0NSAxNi44NTMsNi4zNDUgWiBNNy40NTgsMCBDMi41LDAgMCwzLjUyMiAwLDYuNDU5IEMwLDguMjM3IDAuNjgsOS44MTkgMi4xMzcsMTAuNDA5IEMyLjM3NiwxMC41MDUgMi41OSwxMC40MTIgMi42NiwxMC4xNSBDMi43MDgsOS45NjkgMi44MjIsOS41MTEgMi44NzMsOS4zMiBDMi45NDMsOS4wNjEgMi45MTYsOC45NyAyLjcyMyw4Ljc0NCBDMi4zMDIsOC4yNTMgMi4wMzQsNy42MTcgMi4wMzQsNi43MTYgQzIuMDM0LDQuMTA0IDQuMDA3LDEuNzY1IDcuMTcyLDEuNzY1IEM5Ljk3NSwxLjc2NSAxMS41MTQsMy40NjEgMTEuNTE0LDUuNzI2IEMxMS41MTQsOC43MDggMTAuMTgzLDExLjE4IDguMjA2LDExLjE4IEM3LjExNCwxMS4xOCA2LjI5NywxMC4zMjkgNi41NTksOS4yMzMgQzYuODcyLDcuOTIyIDcuNDgsNi41MDkgNy40OCw1LjU2NCBDNy40OCw0LjcxNyA3LjAyMiw0LjAxMSA2LjA3Miw0LjAxMSBDNC45NTYsNC4wMTEgNC4wNiw1LjE1NSA0LjA2LDYuNjg3IEM0LjA2LDcuNjYzIDQuMzkzLDguMzIzIDQuMzkzLDguMzIzIEM0LjM5Myw4LjMyMyAzLjI1MSwxMy4xMTcgMy4wNTEsMTMuOTU3IEMyLjY1MiwxNS42MjkgMi45OTEsMTcuNjc5IDMuMDE5LDE3Ljg4NiBDMy4wMzYsMTguMDA5IDMuMTk1LDE4LjAzOCAzLjI2NywxNy45NDYgQzMuMzcsMTcuODEyIDQuNywxNi4xODcgNS4xNTEsMTQuNTYyIEM1LjI3OSwxNC4xMDIgNS44ODUsMTEuNzIgNS44ODUsMTEuNzIgQzYuMjQ4LDEyLjQwNiA3LjMwOCwxMy4wMDkgOC40MzUsMTMuMDA5IEMxMS43OSwxMy4wMDkgMTQuMDY2LDkuOTc5IDE0LjA2Niw1LjkyMyBDMTQuMDY2LDIuODU3IDExLjQ0NCwwIDcuNDU4LDAgWiBNMjYuODk2LDE0LjE4OSBDMjYuMzQ4LDE0LjE4OSAyNi4xMTcsMTMuOTE1IDI2LjExNywxMy4zMjggQzI2LjExNywxMi40MDQgMjcuMDM1LDEwLjA5MSAyNy4wMzUsOS4wNDEgQzI3LjAzNSw3LjYzOCAyNi4yNzYsNi44MjYgMjQuNzIsNi44MjYgQzIzLjczOSw2LjgyNiAyMi43MjIsNy40NTMgMjIuMjkxLDguMDAzIEMyMi4yOTEsOC4wMDMgMjIuNDIyLDcuNTUzIDIyLjQ2Nyw3LjM4IEMyMi41MTUsNy4xOTYgMjIuNDE1LDYuODg0IDIyLjE3Myw2Ljg4NCBMMjAuNjUxLDYuODg0IEMyMC4zMjgsNi44ODQgMjAuMjM4LDcuMDU1IDIwLjE5MSw3LjI0NCBDMjAuMTcyLDcuMzIgMTkuNjI0LDkuNTg0IDE5LjA5OCwxMS42MzIgQzE4LjczOCwxMy4wMzQgMTcuODYzLDE0LjIwNSAxNi45MjgsMTQuMjA1IEMxNi40NDcsMTQuMjA1IDE2LjIzMywxMy45MDYgMTYuMjMzLDEzLjM5OSBDMTYuMjMzLDEyLjk1OSAxNi41MTksMTEuODc3IDE2Ljg2LDEwLjUzNCBDMTcuMjc2LDguODk4IDE3LjY0Miw3LjU1MSAxNy42ODEsNy4zOTQgQzE3LjczMiw3LjE5MiAxNy42NDIsNy4wMTcgMTcuMzc5LDcuMDE3IEwxNS44NDksNy4wMTcgQzE1LjU3Miw3LjAxNyAxNS40NzMsNy4xNjEgMTUuNDE0LDcuMzYxIEMxNS40MTQsNy4zNjEgMTQuOTgzLDguOTc3IDE0LjUyNywxMC43NzUgQzE0LjE5NiwxMi4wNzkgMTMuODMsMTMuNDA5IDEzLjgzLDE0LjAzNCBDMTMuODMsMTUuMTQ4IDE0LjMzNiwxNS45NDQgMTUuNzI0LDE1Ljk0NCBDMTYuNzk2LDE1Ljk0NCAxNy42NDQsMTUuNDUgMTguMjkyLDE0Ljc2NCBDMTguMTk3LDE1LjEzNSAxOC4xMzYsMTUuNDE0IDE4LjEzLDE1LjQzOSBDMTguMDc0LDE1LjY1IDE4LjE0MiwxNS44MzggMTguMzk0LDE1LjgzOCBMMTkuOTYxLDE1LjgzOCBDMjAuMjMzLDE1LjgzOCAyMC4zMzcsMTUuNzMgMjAuMzk0LDE1LjQ5NCBDMjAuNDQ5LDE1LjI2OSAyMS42MTksMTAuNjY3IDIxLjYxOSwxMC42NjcgQzIxLjkyOCw5LjQ0MyAyMi42OTIsOC42MzIgMjMuNzY4LDguNjMyIEMyNC4yNzksOC42MzIgMjQuNzIsOC45NjcgMjQuNjY5LDkuNjE4IEMyNC42MTIsMTAuMzMzIDIzLjc0MSwxMi45MDMgMjMuNzQxLDE0LjAzMSBDMjMuNzQxLDE0Ljg4NCAyNC4wNiwxNS45NDUgMjUuNjgzLDE1Ljk0NSBDMjYuNzg5LDE1Ljk0NSAyNy42MDMsMTUuNDY0IDI4LjE5NSwxNC43ODYgTDI3LjQ4OSwxMy45NDEgQzI3LjMxMSwxNC4wOTQgMjcuMTE0LDE0LjE4OSAyNi44OTYsMTQuMTg5IFogTTQxLjcwMSw2Ljg3MyBMNDAuMTM0LDYuODczIEM0MC4xMzQsNi44NzMgNDAuODU2LDQuMTA5IDQwLjg3Myw0LjAzNSBDNDAuOTQyLDMuNzQ1IDQwLjY5OCwzLjU3OCA0MC40NDEsMy42MzEgQzQwLjQ0MSwzLjYzMSAzOS4yMywzLjg2NiAzOS4wMDUsMy45MTMgQzM4Ljc3OSwzLjk1OCAzOC42MDQsNC4wODEgMzguNTIyLDQuNDAzIEMzOC41MTIsNC40NDUgMzcuODgsNi44NzMgMzcuODgsNi44NzMgTDM2LjYyMiw2Ljg3MyBDMzYuMzg1LDYuODczIDM2LjI0NSw2Ljk2OCAzNi4xOTIsNy4xODggQzM2LjExNSw3LjUwNCAzNS45NzUsOC4xNDUgMzUuOTM2LDguMjk3IEMzNS44ODUsOC40OTQgMzYsOC42NDQgMzYuMjIyLDguNjQ0IEwzNy40NTcsOC42NDQgQzM3LjQ0OCw4LjY3NyAzNy4wNjQsMTAuMTI1IDM2LjcyNSwxMS41MjEgTDM2LjcyNCwxMS41MTYgQzM2LjcyLDExLjUzMiAzNi43MTYsMTEuNTQ2IDM2LjcxMiwxMS41NjIgTDM2LjcxMiwxMS41NTYgQzM2LjcxMiwxMS41NTYgMzYuNzA4LDExLjU3MSAzNi43MDIsMTEuNTk4IEMzNi4zMjQsMTIuOTY4IDM1LjExOCwxNC4yMDkgMzQuMjAxLDE0LjIwOSBDMzMuNzIxLDE0LjIwOSAzMy41MDYsMTMuOTA5IDMzLjUwNiwxMy40MDIgQzMzLjUwNiwxMi45NjMgMzMuNzkyLDExLjg4IDM0LjEzNCwxMC41MzcgQzM0LjU0OSw4LjkwMSAzNC45MTUsNy41NTUgMzQuOTU1LDcuMzk3IEMzNS4wMDYsNy4xOTYgMzQuOTE1LDcuMDIgMzQuNjUyLDcuMDIgTDMzLjEyMiw3LjAyIEMzMi44NDUsNy4wMiAzMi43NDYsNy4xNjQgMzIuNjg3LDcuMzY0IEMzMi42ODcsNy4zNjQgMzIuMjU3LDguOTggMzEuOCwxMC43NzggQzMxLjQ2OSwxMi4wODMgMzEuMTAzLDEzLjQxMiAzMS4xMDMsMTQuMDM3IEMzMS4xMDMsMTUuMTUxIDMxLjYwOSwxNS45NDggMzIuOTk3LDE1Ljk0OCBDMzQuMDcsMTUuOTQ4IDM1LjEzNiwxNS40NTMgMzUuNzgzLDE0Ljc2NyBDMzUuNzgzLDE0Ljc2NyAzNi4wMTEsMTQuNTIxIDM2LjIzLDE0LjIyOSBDMzYuMjQxLDE0LjU4MSAzNi4zMjQsMTQuODM3IDM2LjQxMSwxNS4wMTggQzM2LjQ1OCwxNS4xMTkgMzYuNTE1LDE1LjIxNSAzNi41ODEsMTUuMzAzIEMzNi41ODIsMTUuMzA0IDM2LjU4MywxNS4zMDYgMzYuNTg1LDE1LjMwOCBMMzYuNTg1LDE1LjMwOCBDMzYuODkxLDE1LjcxMyAzNy4zOTgsMTUuOTYyIDM4LjE1MSwxNS45NjIgQzM5Ljg5NCwxNS45NjIgNDAuOTQ0LDE0LjkzOCA0MS41NjIsMTMuOTA5IEw0MC43MDQsMTMuMjM5IEM0MC4zMzMsMTMuNzc0IDM5LjgzOSwxNC4xNzUgMzkuMzI0LDE0LjE3NSBDMzguODQ2LDE0LjE3NSAzOC41NzksMTMuODc4IDM4LjU3OSwxMy4zNzIgQzM4LjU3OSwxMi45MzUgMzguODg5LDExLjg2OCAzOS4yMjksMTAuNTMgQzM5LjM0NCwxMC4wODMgMzkuNTE2LDkuNDAxIDM5LjcwOCw4LjY0NCBMNDEuMzAyLDguNjQ0IEM0MS41MzksOC42NDQgNDEuNjc4LDguNTQ5IDQxLjczMiw4LjMyOSBDNDEuODA4LDguMDEyIDQxLjk0OCw3LjM3MiA0MS45ODgsNy4yMjEgQzQyLjAzOSw3LjAyMyA0MS45MjMsNi44NzMgNDEuNzAxLDYuODczIFogTTM0LjEyNiw2LjM0OCBDMzQuOTA1LDYuMzQ4IDM1LjY1Myw1LjcwNiAzNS43ODMsNC45MTIgQzM1LjkzNyw0LjE0MSAzNS40MDksMy40OTggMzQuNjMsMy40OTggQzMzLjg1MSwzLjQ5OCAzMy4xMDMsNC4xNDEgMzIuOTcxLDQuOTEyIEMzMi44MTksNS43MDYgMzMuMzI2LDYuMzQ4IDM0LjEyNiw2LjM0OCBaIiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 50% 50% no-repeat; background-size: 75%; position: relative; font: 12px "Helvetica Neue", Helvetica, arial, sans-serif; color: #555; text-align: center; vertical-align: baseline; } .PIN_1696823817396_button_pin:hover { box-shadow: inset 0 0 1px #000; } .PIN_1696823817396_button_pin.PIN_1696823817396_above .PIN_1696823817396_count { position: absolute; top: -28px; left: 0; height: 28px; width: inherit; line-height: 24px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNzZweCIgd2lkdGg9IjExNHB4IiB2aWV3Qm94PSIwIDAgMTE0IDc2Ij48Zz48cGF0aCBkPSJNOSAxQzQuNiAxIDEgNC42IDEgOXY0M2MwIDQuMyAzLjYgOCA4IDhoMjZsMTggMTVoNy41bDE2LTE1SDEwNWM0LjQgMCA4LTMuNyA4LThWOWMwLTQuNC0zLjYtOC04LThIOXoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat; background-size: 40px 28px; } .PIN_1696823817396_button_pin.PIN_1696823817396_above.PIN_1696823817396_padded { margin-top: 28px; } .PIN_1696823817396_button_pin.PIN_1696823817396_beside .PIN_1696823817396_count { position: absolute; right: -45px; text-align: center; text-indent: 5px; height: inherit; width: 45px; font-size: 11px; line-height: 20px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTZweCIgd2lkdGg9IjEyNnB4IiB2aWV3Qm94PSIyIDAgMTMwIDYwIj48Zz48cGF0aCBkPSJNMTE5LjYgMmM0LjUgMCA4IDMuNiA4IDh2NDBjMCA0LjQtMy41IDgtOCA4SDIzLjNMMS42IDMyLjR2LTQuNkwyMy4zIDJoOTYuM3oiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==); background-size: cover; } .PIN_1696823817396_button_pin.PIN_1696823817396_beside.PIN_1696823817396_padded { margin-right: 45px; } .PIN_1696823817396_button_pin.PIN_1696823817396_ja { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQxcHgiIHZpZXdCb3g9IjAgMCA0MSAxOCI+PGc+PHBhdGggZD0iTTE5LjgyMiw3LjE3MyBDMTkuODIyLDYuNTEgMTkuODM1LDYuMjc2IDE5Ljg4Nyw1Ljk2NCBMMTguMTQ1LDUuOTY0IEMxOC4xOTcsNi4yODkgMTguMTk3LDYuNDk3IDE4LjE5Nyw3LjE2IEwxOC4yMSwxMy4xOTIgQzE4LjIxLDEzLjk0NiAxOC4yMjMsMTQuMTY3IDE4LjI0OSwxNC4zODggQzE4LjMyNywxNS4wMjUgMTguNTIyLDE1LjQ0MSAxOC44ODYsMTUuNzE0IEMxOS4zOTMsMTYuMTA0IDIwLjI5LDE2LjI3MyAyMS45MjgsMTYuMjczIEMyMi43MjEsMTYuMjczIDI0LjM1OSwxNi4xOTUgMjUuMTI2LDE2LjExNyBDMjYuNTA0LDE1Ljk4NyAyNi41NjksMTUuOTc0IDI2Ljg0MiwxNS45NzQgTDI2Ljc2NCwxNC4yNDUgQzI2LjE5MiwxNC40MTQgMjUuOTA2LDE0LjQ3OSAyNS4yODIsMTQuNTU3IEMyNC4zMzMsMTQuNjg3IDIzLjEzNywxNC43NjUgMjIuMjY2LDE0Ljc2NSBDMjEuMDA1LDE0Ljc2NSAyMC4yNjQsMTQuNjQ4IDIwLjA0MywxNC40MjcgQzE5Ljg2MSwxNC4yNDUgMTkuODA5LDEzLjk1OSAxOS44MDksMTMuMjMxIEMxOS44MDksMTMuMTc5IDE5LjgwOSwxMy4xMDEgMTkuODIyLDEzLjAyMyBMMTkuODIyLDExLjMwNyBDMjEuOTkzLDEwLjkwNCAyNC4wMDgsMTAuMjI4IDI1LjkzMiw5LjI0IEwyNi4yNyw5LjA3MSBDMjYuMzc0LDkuMDE5IDI2LjQsOS4wMDYgMjYuNTQzLDguOTU0IEwyNS41MDMsNy40ODUgQzI0LjY1OCw4LjI3OCAyMS43ODUsOS40MzUgMTkuODIyLDkuNzk5IEwxOS44MjIsNy4xNzMgWiBNMjcuMzEsNC44NzIgQzI2LjQ5MSw0Ljg3MiAyNS44MTUsNS41NDggMjUuODE1LDYuMzY3IEMyNS44MTUsNy4xOTkgMjYuNDkxLDcuODc1IDI3LjMxLDcuODc1IEMyOC4xNDIsNy44NzUgMjguODE4LDcuMTk5IDI4LjgxOCw2LjM2NyBDMjguODE4LDUuNTQ4IDI4LjE0Miw0Ljg3MiAyNy4zMSw0Ljg3MiBMMjcuMzEsNC44NzIgWiBNMjcuMzEsNS41MjIgQzI3Ljc5MSw1LjUyMiAyOC4xNjgsNS44OTkgMjguMTY4LDYuMzY3IEMyOC4xNjgsNi44MzUgMjcuNzkxLDcuMjI1IDI3LjMxLDcuMjI1IEMyNi44NDIsNy4yMjUgMjYuNDY1LDYuODM1IDI2LjQ2NSw2LjM2NyBDMjYuNDY1LDUuODk5IDI2Ljg0Miw1LjUyMiAyNy4zMSw1LjUyMiBMMjcuMzEsNS41MjIgWiBNMzAuNTg2LDcuNjU0IEMzMS43OTUsOC4zMyAzMi44NjEsOS4xODggMzMuOTAxLDEwLjI5MyBMMzUuMDE5LDguODc2IEMzNC4wMTgsNy45MjcgMzMuMjEyLDcuMzI5IDMxLjY2NSw2LjM2NyBMMzAuNTg2LDcuNjU0IFogTTMxLjA0MSwxNi4yMzQgQzMxLjM0LDE2LjEzIDMxLjM3OSwxNi4xMTcgMzEuODk5LDE2LjAxMyBDMzMuOTE0LDE1LjU4NCAzNS41MjYsMTQuOTQ3IDM2Ljg1MiwxNC4wNjMgQzM4LjYzMywxMi44OCAzOS44NjgsMTEuMzQ2IDQwLjk3Myw4Ljk2NyBDNDAuMzEsOC40OTkgNDAuMTAyLDguMzA0IDM5LjU5NSw3LjY5MyBDMzkuMjA1LDguNzQ2IDM4Ljg0MSw5LjQ2MSAzOC4yNjksMTAuMjkzIEMzNy4yNDIsMTEuNzc1IDM2LjAzMywxMi43NzYgMzQuNDA4LDEzLjQ3OCBDMzMuMjI1LDEzLjk5OCAzMS42NzgsMTQuMzc1IDMwLjU2LDE0LjQ0IEwzMS4wNDEsMTYuMjM0IFogTTcuNDU4LDAgQzIuNSwwIDAsMy41MjIgMCw2LjQ1OSBDMCw4LjIzNyAwLjY4LDkuODE5IDIuMTM3LDEwLjQwOSBDMi4zNzYsMTAuNTA1IDIuNTksMTAuNDEyIDIuNjYsMTAuMTUgQzIuNzA4LDkuOTY5IDIuODIyLDkuNTExIDIuODczLDkuMzIgQzIuOTQzLDkuMDYxIDIuOTE2LDguOTcgMi43MjMsOC43NDQgQzIuMzAyLDguMjUzIDIuMDM0LDcuNjE3IDIuMDM0LDYuNzE2IEMyLjAzNCw0LjEwNCA0LjAwNywxLjc2NSA3LjE3MiwxLjc2NSBDOS45NzUsMS43NjUgMTEuNTE0LDMuNDYxIDExLjUxNCw1LjcyNiBDMTEuNTE0LDguNzA4IDEwLjE4MywxMS4xOCA4LjIwNiwxMS4xOCBDNy4xMTQsMTEuMTggNi4yOTcsMTAuMzI5IDYuNTU5LDkuMjMzIEM2Ljg3Miw3LjkyMiA3LjQ4LDYuNTA5IDcuNDgsNS41NjQgQzcuNDgsNC43MTcgNy4wMjIsNC4wMTEgNi4wNzIsNC4wMTEgQzQuOTU2LDQuMDExIDQuMDYsNS4xNTUgNC4wNiw2LjY4NyBDNC4wNiw3LjY2MyA0LjM5Myw4LjMyMyA0LjM5Myw4LjMyMyBDNC4zOTMsOC4zMjMgMy4yNTEsMTMuMTE3IDMuMDUxLDEzLjk1NyBDMi42NTIsMTUuNjI5IDIuOTkxLDE3LjY3OSAzLjAxOSwxNy44ODYgQzMuMDM2LDE4LjAwOSAzLjE5NSwxOC4wMzggMy4yNjcsMTcuOTQ2IEMzLjM3LDE3LjgxMiA0LjcsMTYuMTg3IDUuMTUxLDE0LjU2MiBDNS4yNzksMTQuMTAyIDUuODg1LDExLjcyIDUuODg1LDExLjcyIEM2LjI0OCwxMi40MDYgNy4zMDgsMTMuMDA5IDguNDM1LDEzLjAwOSBDMTEuNzksMTMuMDA5IDE0LjA2Niw5Ljk3OSAxNC4wNjYsNS45MjMgQzE0LjA2NiwyLjg1NyAxMS40NDQsMCA3LjQ1OCwwIFoiIGZpbGw9IiNlNjAwMjMiPjwvcGF0aD48L2c+PC9zdmc+); background-size: 72%; } .PIN_1696823817396_button_pin.PIN_1696823817396_red { background-color: #e60023; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQycHgiIHZpZXdCb3g9IjAgMCA0MiAxOCI+PGc+PHBhdGggZD0iTTE2Ljg1Myw2LjM0NSBDMTcuNjMyLDYuMzQ1IDE4LjM4LDUuNzAyIDE4LjUxLDQuOTA5IEMxOC42NjQsNC4xMzggMTguMTM1LDMuNDk0IDE3LjM1NywzLjQ5NCBDMTYuNTc4LDMuNDk0IDE1LjgzLDQuMTM4IDE1LjY5OCw0LjkwOSBDMTUuNTQ2LDUuNzAyIDE2LjA1Myw2LjM0NSAxNi44NTMsNi4zNDUgWiBNNy40NTgsMCBDMi41LDAgMCwzLjUyMiAwLDYuNDU5IEMwLDguMjM3IDAuNjgsOS44MTkgMi4xMzcsMTAuNDA5IEMyLjM3NiwxMC41MDUgMi41OSwxMC40MTIgMi42NiwxMC4xNSBDMi43MDgsOS45NjkgMi44MjIsOS41MTEgMi44NzMsOS4zMiBDMi45NDMsOS4wNjEgMi45MTYsOC45NyAyLjcyMyw4Ljc0NCBDMi4zMDIsOC4yNTMgMi4wMzQsNy42MTcgMi4wMzQsNi43MTYgQzIuMDM0LDQuMTA0IDQuMDA3LDEuNzY1IDcuMTcyLDEuNzY1IEM5Ljk3NSwxLjc2NSAxMS41MTQsMy40NjEgMTEuNTE0LDUuNzI2IEMxMS41MTQsOC43MDggMTAuMTgzLDExLjE4IDguMjA2LDExLjE4IEM3LjExNCwxMS4xOCA2LjI5NywxMC4zMjkgNi41NTksOS4yMzMgQzYuODcyLDcuOTIyIDcuNDgsNi41MDkgNy40OCw1LjU2NCBDNy40OCw0LjcxNyA3LjAyMiw0LjAxMSA2LjA3Miw0LjAxMSBDNC45NTYsNC4wMTEgNC4wNiw1LjE1NSA0LjA2LDYuNjg3IEM0LjA2LDcuNjYzIDQuMzkzLDguMzIzIDQuMzkzLDguMzIzIEM0LjM5Myw4LjMyMyAzLjI1MSwxMy4xMTcgMy4wNTEsMTMuOTU3IEMyLjY1MiwxNS42MjkgMi45OTEsMTcuNjc5IDMuMDE5LDE3Ljg4NiBDMy4wMzYsMTguMDA5IDMuMTk1LDE4LjAzOCAzLjI2NywxNy45NDYgQzMuMzcsMTcuODEyIDQuNywxNi4xODcgNS4xNTEsMTQuNTYyIEM1LjI3OSwxNC4xMDIgNS44ODUsMTEuNzIgNS44ODUsMTEuNzIgQzYuMjQ4LDEyLjQwNiA3LjMwOCwxMy4wMDkgOC40MzUsMTMuMDA5IEMxMS43OSwxMy4wMDkgMTQuMDY2LDkuOTc5IDE0LjA2Niw1LjkyMyBDMTQuMDY2LDIuODU3IDExLjQ0NCwwIDcuNDU4LDAgWiBNMjYuODk2LDE0LjE4OSBDMjYuMzQ4LDE0LjE4OSAyNi4xMTcsMTMuOTE1IDI2LjExNywxMy4zMjggQzI2LjExNywxMi40MDQgMjcuMDM1LDEwLjA5MSAyNy4wMzUsOS4wNDEgQzI3LjAzNSw3LjYzOCAyNi4yNzYsNi44MjYgMjQuNzIsNi44MjYgQzIzLjczOSw2LjgyNiAyMi43MjIsNy40NTMgMjIuMjkxLDguMDAzIEMyMi4yOTEsOC4wMDMgMjIuNDIyLDcuNTUzIDIyLjQ2Nyw3LjM4IEMyMi41MTUsNy4xOTYgMjIuNDE1LDYuODg0IDIyLjE3Myw2Ljg4NCBMMjAuNjUxLDYuODg0IEMyMC4zMjgsNi44ODQgMjAuMjM4LDcuMDU1IDIwLjE5MSw3LjI0NCBDMjAuMTcyLDcuMzIgMTkuNjI0LDkuNTg0IDE5LjA5OCwxMS42MzIgQzE4LjczOCwxMy4wMzQgMTcuODYzLDE0LjIwNSAxNi45MjgsMTQuMjA1IEMxNi40NDcsMTQuMjA1IDE2LjIzMywxMy45MDYgMTYuMjMzLDEzLjM5OSBDMTYuMjMzLDEyLjk1OSAxNi41MTksMTEuODc3IDE2Ljg2LDEwLjUzNCBDMTcuMjc2LDguODk4IDE3LjY0Miw3LjU1MSAxNy42ODEsNy4zOTQgQzE3LjczMiw3LjE5MiAxNy42NDIsNy4wMTcgMTcuMzc5LDcuMDE3IEwxNS44NDksNy4wMTcgQzE1LjU3Miw3LjAxNyAxNS40NzMsNy4xNjEgMTUuNDE0LDcuMzYxIEMxNS40MTQsNy4zNjEgMTQuOTgzLDguOTc3IDE0LjUyNywxMC43NzUgQzE0LjE5NiwxMi4wNzkgMTMuODMsMTMuNDA5IDEzLjgzLDE0LjAzNCBDMTMuODMsMTUuMTQ4IDE0LjMzNiwxNS45NDQgMTUuNzI0LDE1Ljk0NCBDMTYuNzk2LDE1Ljk0NCAxNy42NDQsMTUuNDUgMTguMjkyLDE0Ljc2NCBDMTguMTk3LDE1LjEzNSAxOC4xMzYsMTUuNDE0IDE4LjEzLDE1LjQzOSBDMTguMDc0LDE1LjY1IDE4LjE0MiwxNS44MzggMTguMzk0LDE1LjgzOCBMMTkuOTYxLDE1LjgzOCBDMjAuMjMzLDE1LjgzOCAyMC4zMzcsMTUuNzMgMjAuMzk0LDE1LjQ5NCBDMjAuNDQ5LDE1LjI2OSAyMS42MTksMTAuNjY3IDIxLjYxOSwxMC42NjcgQzIxLjkyOCw5LjQ0MyAyMi42OTIsOC42MzIgMjMuNzY4LDguNjMyIEMyNC4yNzksOC42MzIgMjQuNzIsOC45NjcgMjQuNjY5LDkuNjE4IEMyNC42MTIsMTAuMzMzIDIzLjc0MSwxMi45MDMgMjMuNzQxLDE0LjAzMSBDMjMuNzQxLDE0Ljg4NCAyNC4wNiwxNS45NDUgMjUuNjgzLDE1Ljk0NSBDMjYuNzg5LDE1Ljk0NSAyNy42MDMsMTUuNDY0IDI4LjE5NSwxNC43ODYgTDI3LjQ4OSwxMy45NDEgQzI3LjMxMSwxNC4wOTQgMjcuMTE0LDE0LjE4OSAyNi44OTYsMTQuMTg5IFogTTQxLjcwMSw2Ljg3MyBMNDAuMTM0LDYuODczIEM0MC4xMzQsNi44NzMgNDAuODU2LDQuMTA5IDQwLjg3Myw0LjAzNSBDNDAuOTQyLDMuNzQ1IDQwLjY5OCwzLjU3OCA0MC40NDEsMy42MzEgQzQwLjQ0MSwzLjYzMSAzOS4yMywzLjg2NiAzOS4wMDUsMy45MTMgQzM4Ljc3OSwzLjk1OCAzOC42MDQsNC4wODEgMzguNTIyLDQuNDAzIEMzOC41MTIsNC40NDUgMzcuODgsNi44NzMgMzcuODgsNi44NzMgTDM2LjYyMiw2Ljg3MyBDMzYuMzg1LDYuODczIDM2LjI0NSw2Ljk2OCAzNi4xOTIsNy4xODggQzM2LjExNSw3LjUwNCAzNS45NzUsOC4xNDUgMzUuOTM2LDguMjk3IEMzNS44ODUsOC40OTQgMzYsOC42NDQgMzYuMjIyLDguNjQ0IEwzNy40NTcsOC42NDQgQzM3LjQ0OCw4LjY3NyAzNy4wNjQsMTAuMTI1IDM2LjcyNSwxMS41MjEgTDM2LjcyNCwxMS41MTYgQzM2LjcyLDExLjUzMiAzNi43MTYsMTEuNTQ2IDM2LjcxMiwxMS41NjIgTDM2LjcxMiwxMS41NTYgQzM2LjcxMiwxMS41NTYgMzYuNzA4LDExLjU3MSAzNi43MDIsMTEuNTk4IEMzNi4zMjQsMTIuOTY4IDM1LjExOCwxNC4yMDkgMzQuMjAxLDE0LjIwOSBDMzMuNzIxLDE0LjIwOSAzMy41MDYsMTMuOTA5IDMzLjUwNiwxMy40MDIgQzMzLjUwNiwxMi45NjMgMzMuNzkyLDExLjg4IDM0LjEzNCwxMC41MzcgQzM0LjU0OSw4LjkwMSAzNC45MTUsNy41NTUgMzQuOTU1LDcuMzk3IEMzNS4wMDYsNy4xOTYgMzQuOTE1LDcuMDIgMzQuNjUyLDcuMDIgTDMzLjEyMiw3LjAyIEMzMi44NDUsNy4wMiAzMi43NDYsNy4xNjQgMzIuNjg3LDcuMzY0IEMzMi42ODcsNy4zNjQgMzIuMjU3LDguOTggMzEuOCwxMC43NzggQzMxLjQ2OSwxMi4wODMgMzEuMTAzLDEzLjQxMiAzMS4xMDMsMTQuMDM3IEMzMS4xMDMsMTUuMTUxIDMxLjYwOSwxNS45NDggMzIuOTk3LDE1Ljk0OCBDMzQuMDcsMTUuOTQ4IDM1LjEzNiwxNS40NTMgMzUuNzgzLDE0Ljc2NyBDMzUuNzgzLDE0Ljc2NyAzNi4wMTEsMTQuNTIxIDM2LjIzLDE0LjIyOSBDMzYuMjQxLDE0LjU4MSAzNi4zMjQsMTQuODM3IDM2LjQxMSwxNS4wMTggQzM2LjQ1OCwxNS4xMTkgMzYuNTE1LDE1LjIxNSAzNi41ODEsMTUuMzAzIEMzNi41ODIsMTUuMzA0IDM2LjU4MywxNS4zMDYgMzYuNTg1LDE1LjMwOCBMMzYuNTg1LDE1LjMwOCBDMzYuODkxLDE1LjcxMyAzNy4zOTgsMTUuOTYyIDM4LjE1MSwxNS45NjIgQzM5Ljg5NCwxNS45NjIgNDAuOTQ0LDE0LjkzOCA0MS41NjIsMTMuOTA5IEw0MC43MDQsMTMuMjM5IEM0MC4zMzMsMTMuNzc0IDM5LjgzOSwxNC4xNzUgMzkuMzI0LDE0LjE3NSBDMzguODQ2LDE0LjE3NSAzOC41NzksMTMuODc4IDM4LjU3OSwxMy4zNzIgQzM4LjU3OSwxMi45MzUgMzguODg5LDExLjg2OCAzOS4yMjksMTAuNTMgQzM5LjM0NCwxMC4wODMgMzkuNTE2LDkuNDAxIDM5LjcwOCw4LjY0NCBMNDEuMzAyLDguNjQ0IEM0MS41MzksOC42NDQgNDEuNjc4LDguNTQ5IDQxLjczMiw4LjMyOSBDNDEuODA4LDguMDEyIDQxLjk0OCw3LjM3MiA0MS45ODgsNy4yMjEgQzQyLjAzOSw3LjAyMyA0MS45MjMsNi44NzMgNDEuNzAxLDYuODczIFogTTM0LjEyNiw2LjM0OCBDMzQuOTA1LDYuMzQ4IDM1LjY1Myw1LjcwNiAzNS43ODMsNC45MTIgQzM1LjkzNyw0LjE0MSAzNS40MDksMy40OTggMzQuNjMsMy40OTggQzMzLjg1MSwzLjQ5OCAzMy4xMDMsNC4xNDEgMzIuOTcxLDQuOTEyIEMzMi44MTksNS43MDYgMzMuMzI2LDYuMzQ4IDM0LjEyNiw2LjM0OCBaIiBmaWxsPSIjZmZmIj48L3BhdGg+PC9nPjwvc3ZnPg==); } .PIN_1696823817396_button_pin.PIN_1696823817396_red.PIN_1696823817396_ja { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMThweCIgd2lkdGg9IjQxcHgiIHZpZXdCb3g9IjAgMCA0MSAxOCI+PGc+PHBhdGggZD0iTTE5LjgyMiw3LjE3MyBDMTkuODIyLDYuNTEgMTkuODM1LDYuMjc2IDE5Ljg4Nyw1Ljk2NCBMMTguMTQ1LDUuOTY0IEMxOC4xOTcsNi4yODkgMTguMTk3LDYuNDk3IDE4LjE5Nyw3LjE2IEwxOC4yMSwxMy4xOTIgQzE4LjIxLDEzLjk0NiAxOC4yMjMsMTQuMTY3IDE4LjI0OSwxNC4zODggQzE4LjMyNywxNS4wMjUgMTguNTIyLDE1LjQ0MSAxOC44ODYsMTUuNzE0IEMxOS4zOTMsMTYuMTA0IDIwLjI5LDE2LjI3MyAyMS45MjgsMTYuMjczIEMyMi43MjEsMTYuMjczIDI0LjM1OSwxNi4xOTUgMjUuMTI2LDE2LjExNyBDMjYuNTA0LDE1Ljk4NyAyNi41NjksMTUuOTc0IDI2Ljg0MiwxNS45NzQgTDI2Ljc2NCwxNC4yNDUgQzI2LjE5MiwxNC40MTQgMjUuOTA2LDE0LjQ3OSAyNS4yODIsMTQuNTU3IEMyNC4zMzMsMTQuNjg3IDIzLjEzNywxNC43NjUgMjIuMjY2LDE0Ljc2NSBDMjEuMDA1LDE0Ljc2NSAyMC4yNjQsMTQuNjQ4IDIwLjA0MywxNC40MjcgQzE5Ljg2MSwxNC4yNDUgMTkuODA5LDEzLjk1OSAxOS44MDksMTMuMjMxIEMxOS44MDksMTMuMTc5IDE5LjgwOSwxMy4xMDEgMTkuODIyLDEzLjAyMyBMMTkuODIyLDExLjMwNyBDMjEuOTkzLDEwLjkwNCAyNC4wMDgsMTAuMjI4IDI1LjkzMiw5LjI0IEwyNi4yNyw5LjA3MSBDMjYuMzc0LDkuMDE5IDI2LjQsOS4wMDYgMjYuNTQzLDguOTU0IEwyNS41MDMsNy40ODUgQzI0LjY1OCw4LjI3OCAyMS43ODUsOS40MzUgMTkuODIyLDkuNzk5IEwxOS44MjIsNy4xNzMgWiBNMjcuMzEsNC44NzIgQzI2LjQ5MSw0Ljg3MiAyNS44MTUsNS41NDggMjUuODE1LDYuMzY3IEMyNS44MTUsNy4xOTkgMjYuNDkxLDcuODc1IDI3LjMxLDcuODc1IEMyOC4xNDIsNy44NzUgMjguODE4LDcuMTk5IDI4LjgxOCw2LjM2NyBDMjguODE4LDUuNTQ4IDI4LjE0Miw0Ljg3MiAyNy4zMSw0Ljg3MiBMMjcuMzEsNC44NzIgWiBNMjcuMzEsNS41MjIgQzI3Ljc5MSw1LjUyMiAyOC4xNjgsNS44OTkgMjguMTY4LDYuMzY3IEMyOC4xNjgsNi44MzUgMjcuNzkxLDcuMjI1IDI3LjMxLDcuMjI1IEMyNi44NDIsNy4yMjUgMjYuNDY1LDYuODM1IDI2LjQ2NSw2LjM2NyBDMjYuNDY1LDUuODk5IDI2Ljg0Miw1LjUyMiAyNy4zMSw1LjUyMiBMMjcuMzEsNS41MjIgWiBNMzAuNTg2LDcuNjU0IEMzMS43OTUsOC4zMyAzMi44NjEsOS4xODggMzMuOTAxLDEwLjI5MyBMMzUuMDE5LDguODc2IEMzNC4wMTgsNy45MjcgMzMuMjEyLDcuMzI5IDMxLjY2NSw2LjM2NyBMMzAuNTg2LDcuNjU0IFogTTMxLjA0MSwxNi4yMzQgQzMxLjM0LDE2LjEzIDMxLjM3OSwxNi4xMTcgMzEuODk5LDE2LjAxMyBDMzMuOTE0LDE1LjU4NCAzNS41MjYsMTQuOTQ3IDM2Ljg1MiwxNC4wNjMgQzM4LjYzMywxMi44OCAzOS44NjgsMTEuMzQ2IDQwLjk3Myw4Ljk2NyBDNDAuMzEsOC40OTkgNDAuMTAyLDguMzA0IDM5LjU5NSw3LjY5MyBDMzkuMjA1LDguNzQ2IDM4Ljg0MSw5LjQ2MSAzOC4yNjksMTAuMjkzIEMzNy4yNDIsMTEuNzc1IDM2LjAzMywxMi43NzYgMzQuNDA4LDEzLjQ3OCBDMzMuMjI1LDEzLjk5OCAzMS42NzgsMTQuMzc1IDMwLjU2LDE0LjQ0IEwzMS4wNDEsMTYuMjM0IFogTTcuNDU4LDAgQzIuNSwwIDAsMy41MjIgMCw2LjQ1OSBDMCw4LjIzNyAwLjY4LDkuODE5IDIuMTM3LDEwLjQwOSBDMi4zNzYsMTAuNTA1IDIuNTksMTAuNDEyIDIuNjYsMTAuMTUgQzIuNzA4LDkuOTY5IDIuODIyLDkuNTExIDIuODczLDkuMzIgQzIuOTQzLDkuMDYxIDIuOTE2LDguOTcgMi43MjMsOC43NDQgQzIuMzAyLDguMjUzIDIuMDM0LDcuNjE3IDIuMDM0LDYuNzE2IEMyLjAzNCw0LjEwNCA0LjAwNywxLjc2NSA3LjE3MiwxLjc2NSBDOS45NzUsMS43NjUgMTEuNTE0LDMuNDYxIDExLjUxNCw1LjcyNiBDMTEuNTE0LDguNzA4IDEwLjE4MywxMS4xOCA4LjIwNiwxMS4xOCBDNy4xMTQsMTEuMTggNi4yOTcsMTAuMzI5IDYuNTU5LDkuMjMzIEM2Ljg3Miw3LjkyMiA3LjQ4LDYuNTA5IDcuNDgsNS41NjQgQzcuNDgsNC43MTcgNy4wMjIsNC4wMTEgNi4wNzIsNC4wMTEgQzQuOTU2LDQuMDExIDQuMDYsNS4xNTUgNC4wNiw2LjY4NyBDNC4wNiw3LjY2MyA0LjM5Myw4LjMyMyA0LjM5Myw4LjMyMyBDNC4zOTMsOC4zMjMgMy4yNTEsMTMuMTE3IDMuMDUxLDEzLjk1NyBDMi42NTIsMTUuNjI5IDIuOTkxLDE3LjY3OSAzLjAxOSwxNy44ODYgQzMuMDM2LDE4LjAwOSAzLjE5NSwxOC4wMzggMy4yNjcsMTcuOTQ2IEMzLjM3LDE3LjgxMiA0LjcsMTYuMTg3IDUuMTUxLDE0LjU2MiBDNS4yNzksMTQuMTAyIDUuODg1LDExLjcyIDUuODg1LDExLjcyIEM2LjI0OCwxMi40MDYgNy4zMDgsMTMuMDA5IDguNDM1LDEzLjAwOSBDMTEuNzksMTMuMDA5IDE0LjA2Niw5Ljk3OSAxNC4wNjYsNS45MjMgQzE0LjA2NiwyLjg1NyAxMS40NDQsMCA3LjQ1OCwwIFoiIGZpbGw9IiNmZmYiPjwvcGF0aD48L2c+PC9zdmc+); } .PIN_1696823817396_button_pin.PIN_1696823817396_white { background-color: #fff; } .PIN_1696823817396_button_pin.PIN_1696823817396_save { border-radius: 2px; text-indent: 20px; width: auto; padding: 0 4px 0 0; text-align: center; text-decoration: none; font: 11px/20px "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #fff !important; background: #e60023 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 3px 50% no-repeat; background-size: 14px 14px; -webkit-font-smoothing: antialiased; } .PIN_1696823817396_button_pin.PIN_1696823817396_save:hover { background-color: #e60023; box-shadow: none; color: #fff !important; } .PIN_1696823817396_button_pin.PIN_1696823817396_save .PIN_1696823817396_count { text-indent: 0; position: absolute; color: #555; background: #efefef; border-radius: 2px; } .PIN_1696823817396_button_pin.PIN_1696823817396_save .PIN_1696823817396_count::before { content: ""; position: absolute; } .PIN_1696823817396_button_pin.PIN_1696823817396_save.PIN_1696823817396_beside .PIN_1696823817396_count { right: -46px; height: 20px; width: 40px; font-size: 10px; line-height: 20px; } .PIN_1696823817396_button_pin.PIN_1696823817396_save.PIN_1696823817396_beside .PIN_1696823817396_count::before { top: 3px; left: -4px; border-right: 7px solid #efefef; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .PIN_1696823817396_button_pin.PIN_1696823817396_save.PIN_1696823817396_above .PIN_1696823817396_count { top: -36px; width: 100%; height: 30px; font-size: 10px; line-height: 30px; } .PIN_1696823817396_button_pin.PIN_1696823817396_save.PIN_1696823817396_above .PIN_1696823817396_count::before { bottom: -4px; left: 4px; border-top: 7px solid #efefef; border-right: 7px solid transparent; border-left: 7px solid transparent; } .PIN_1696823817396_button_pin.PIN_1696823817396_save.PIN_1696823817396_above.PIN_1696823817396_padded { margin-top: 28px; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall { height: 28px; width: 56px; border-radius: 3px; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_above .PIN_1696823817396_count { position: absolute; height: 37px; width: inherit; top: -37px; left: 0; line-height: 30px; font-size: 14px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNzZweCIgd2lkdGg9IjExNHB4IiB2aWV3Qm94PSIwIDAgMTE0IDc2Ij48Zz48cGF0aCBkPSJNOSAxQzQuNiAxIDEgNC42IDEgOXY0M2MwIDQuMyAzLjYgOCA4IDhoMjZsMTggMTVoNy41bDE2LTE1SDEwNWM0LjQgMCA4LTMuNyA4LThWOWMwLTQuNC0zLjYtOC04LThIOXoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==); background-size: cover; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_above.PIN_1696823817396_padded { margin-top: 37px; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_beside .PIN_1696823817396_count { text-indent: 5px; position: absolute; right: -63px; height: inherit; width: 63px; font-size: 14px; line-height: 28px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTZweCIgd2lkdGg9IjEyNnB4IiB2aWV3Qm94PSIyIDAgMTMwIDYwIj48Zz48cGF0aCBkPSJNMTE5LjYgMmM0LjUgMCA4IDMuNiA4IDh2NDBjMCA0LjQtMy41IDgtOCA4SDIzLjNMMS42IDMyLjR2LTQuNkwyMy4zIDJoOTYuM3oiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2I1YjViNSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+PC9nPjwvc3ZnPg==); background-size: cover; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_beside.PIN_1696823817396_padded { margin-right: 63px; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_save { border-radius: 4px; width: auto; background-position-x: 6px; background-size: 18px 18px; text-indent: 29px; font: 14px/28px "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold; padding: 0 6px 0 0; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_save .PIN_1696823817396_count { position: absolute; color: #555; font-size: 12px; text-indent: 0; background: #efefef; border-radius: 4px; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_save .PIN_1696823817396_count::before { content: ""; position: absolute; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_save.PIN_1696823817396_above .PIN_1696823817396_count { font-size: 14px; top: -50px; width: 100%; height: 44px; line-height: 44px; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_save.PIN_1696823817396_above .PIN_1696823817396_count::before { bottom: -4px; left: 7px; border-top: 7px solid #efefef; border-right: 7px solid transparent; border-left: 7px solid transparent; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_save.PIN_1696823817396_beside .PIN_1696823817396_count { font-size: 14px; right: -63px; width: 56px; height: 28px; line-height: 28px; } .PIN_1696823817396_button_pin.PIN_1696823817396_tall.PIN_1696823817396_save.PIN_1696823817396_beside .PIN_1696823817396_count::before { top: 7px; left: -4px; border-right: 7px solid #efefef; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .PIN_1696823817396_button_pin.PIN_1696823817396_round { height: 16px; width: 16px; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat; background-size: 16px 16px; box-shadow: none; } .PIN_1696823817396_button_pin.PIN_1696823817396_round.PIN_1696823817396_tall { height: 32px; width: 32px; background-size: 32px 32px; } </style> <style> .wt-input-btn-group .wt-input-btn-group__input:focus, .wt-input-btn-group .wt-input-btn-group__input.form-control:focus, .wt-input-btn-group .wt-input-btn-group__input:focus, .wt-input-btn-group .wt-input-btn-group__input.form-control:focus, body.etsy-has-it-design .wt-input-btn-group.global-enhancements-search-input-btn-group .global-enhancements-search-input-btn-group__btn:focus, body.etsy-has-it-design .wt-input-btn-group.global-enhancements-search-input-btn-group .global-enhancements-search-input-btn-group__btn.form-control:focus { outline: none !important; outline-width: 0 !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .page-images-landing__title { margin: 20px 10px 0; font-weight: bold; font-size: 30px; text-align: center; } .page-images-landing__subtitle { margin: 20px 10px; color: #4c4c4c; font-size: 18px; text-align: center; } .chrome-footer--ehi .chrome-footer__final { display: flex; flex-direction: column; } .chrome-footer--ehi .chrome-footer__final .bottom-seo { padding: 20px 10px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: normal; text-align: center; color: #fff; } .picture-filter { padding: 0 10px; color: #fff !important; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2; } .picture-filter ul { padding: 20px 0; border-top: 1px solid #fff; } .picture-filter li { margin-right: 5px; display: inline-block; } .picture-filter li a { color: #fff !important; text-decoration: none; } select#dd_category { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 30px; /* To avoid text overlap with arrow */ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"></path></svg>'); background-repeat: no-repeat; background-position: right 10px center; background-size: 30px; } </style> </head> <body class="ui-toolkit transitional-wide is-responsive no-touch en-US MYR MY etsy-has-it-design is-global-nav shop-home-autospliced" data-language="en-US" data-currency="MYR" data-region="MY" data-hover-none="true" data-visual-focus-state="true" data-mobile-viewport-height="true"> <div data-above-header=""> </div> <div id="gnav-header" class=" gnav-header global-nav v2-toolkit-gnav-header wt-z-index-5 wt-bg-white wt-position-relative " data-as-version="10_12672349415_19" data-count-ajax="" data-show-recently-viewed-in-as="1" data-hide-recently-viewed-in-as="1" data-show-recent-searches-in-as="" data-show-suggested-searches-in-as="" data-show-mweb-accessible-as="" data-show-gift-guides-in-as="" data-as-personalized="1" data-as-extras="{&quot;expt&quot;:&quot;off&quot;,&quot;lang&quot;:&quot;en-US&quot;,&quot;extras&quot;:[]}" data-cheact="1" data-gnav-header=""> <header id="gnav-header-inner" class="global-enhancements-header wt-display-flex-xs wt-justify-content-space-between wt-align-items-center wt-width-full wt-body-max-width wt-pl-xs-2 wt-pr-xs-2 wt-pl-lg-6 wt-pr-lg-6 wt-bb-xs wt-bb-lg-none gnav-header-inner wt-pt-lg-2 wt-pb-lg-2" role="banner" style="justify-content: center!important; padding-top: 8px;"> <script type="text/javascript" nonce="MadcPMw5kvsdSunpw7iYGae3"> ! function() { var e = window.__etsy_logging; if (e && e.perf && e.perf.prefixMetricName) { var r = e.perf.prefixMetricName("logo_render"); "object" == typeof UXCapture && UXCapture.mark ? UXCapture.mark(r) : window.performance && window.performance.mark && window.requestAnimationFrame((function() { setTimeout((function() { window.performance.mark(r) })) })) } }(); </script> <div class="wt-pb-xs-1 wt-pb-lg-0 wt-pt-sm-1 wt-pt-lg-0 wt-pr-xs-0 wt-pr-sm-1" data-header-logo-container=""> <a href="/" elementtiming="ux-global-nav"> <span class="wt-screen-reader-only">Berripix</span> <span class="etsy-icon wt-display-block wt-fill-orange wt-nudge-r-3 wt-nudge-t-1 logo-dimensions" id="logo"><img class="wt-display-block wt-width-full" src="images/berrypix logo.png" alt="berripix.com"></span> </a> </div> <div class="wt-width-full wt-display-flex-xs wt-pr-lg-3 wt-flex-lg-1 order-mobile-tablet-2" data-hamburger-search-container=""> <button data-id="hamburger" class="hamburger-btn wt-btn wt-btn--transparent wt-btn--icon wt-hide-lg wt-btn--transparent-flush-left wt-mb-xs-2 wt-mb-lg-0 header-button" aria-controls="mobile-catnav-overlay" tab-index="0"> <span class="wt-screen-reader-only"> Browse </span> <span class="wt-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M20 7H4c-.6 0-1-.4-1-1s.4-1 1-1h16c.6 0 1 .4 1 1s-.4 1-1 1zm-4.8 6H4c-.6 0-1-.4-1-1s.4-1 1-1h11.2c.6 0 1 .4 1 1s-.4 1-1 1zm4.8 6H4c-.6 0-1-.4-1-1s.4-1 1-1h16c.6 0 1 .4 1 1s-.4 1-1 1z"> </path> </svg></span> </button> <style> /* Slide-In Menu */ .slide-menu { position: fixed; top: 0; left: -250px; /* Initially hidden */ width: 250px; height: 100%; background: #333; color: white; padding: 20px; box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); transition: left 0.3s ease-in-out; z-index: 10; } .slide-menu ul { list-style: none; padding: 0; } .slide-menu ul li { margin: 20px 0; } .slide-menu ul li a { color: white; text-decoration: none; font-size: 18px; } .slide-menu ul li a:hover { color: white; text-decoration: none; font-size: 18px; } /* Active state */ .slide-menu.active { left: 0; } /* Close Button */ .close-btn { background: none; border: none; color: white; font-size: 24px; position: absolute; top: 15px; right: 15px; cursor: pointer; } </style> <div class="slide-menu" id="mobileMenu"> <button class="close-btn" id="closeMenu">×</button> <ul> <li><a href="/">Home</a></li> <?php foreach ($categories as $c) { ?> <li><a href="index?category=<?= $c['category'] ?>"><?= $c['category'] ?> (<?= $c['count'] ?>)</a></li> <?php } ?> </ul> </div> <script> document.addEventListener("DOMContentLoaded", () => { const menu = document.getElementById("mobileMenu"); const openBtn = document.querySelector("[data-id='hamburger']"); const closeBtn = document.getElementById("closeMenu"); openBtn.addEventListener("click", () => { menu.classList.add("active"); }); closeBtn.addEventListener("click", () => { menu.classList.remove("active"); }); // Close menu when clicking outside document.addEventListener("click", (event) => { if (!menu.contains(event.target) && !openBtn.contains(event.target)) { menu.classList.remove("active"); } }); }); </script> <div class="wt-display-inline-block wt-flex-xs-1 wt-pl-lg-0 wt-mb-xs-2 wt-mb-lg-0"> <form id="gnav-search" class="global-enhancements-search-nav wt-position-relative wt-display-flex-xs" method="GET" action="/search" role="search" data-gnav-search="" data-ge-search-clearable="" data-search-bar-a11y="1"> <label for="global-enhancements-search-query" class="wt-label wt-screen-reader-only"> Search for items or shops </label> <div class=" search-container " data-id="search-bar"> <div class="wt-input-btn-group global-enhancements-search-input-btn-group emphasized_search_bar emphasized_search_bar_grey_bg search-bar-container" data-id="search-suggestions-trigger"> <input id="search-query" data-id="search-query" data-search-input="" type="text" name="tag" class="wt-input wt-input-btn-group__input global-enhancements-search-input-btn-group__input wt-pr-xs-7 " placeholder="Search for anything" value="" autocomplete="off" autocorrect="off" autocapitalize="off" role="combobox" aria-autocomplete="both" aria-controls="global-enhancements-search-suggestions" aria-expanded="false"> <button type="button" class="wt-btn wt-btn--transparent wt-btn--icon wt-btn--small wt-position-absolute wt-position-right wt-z-index-9 wt-animated wt-animated--is-hidden search-close-btn-margin-right" data-search-close-btn=""> <span class="wt-screen-reader-only">Clear search</span> <span class="wt-icon wt-icon--smaller wt-nudge-t-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M13.414,12l6.293-6.293a1,1,0,0,0-1.414-1.414L12,10.586,5.707,4.293A1,1,0,0,0,4.293,5.707L10.586,12,4.293,18.293a1,1,0,1,0,1.414,1.414L12,13.414l6.293,6.293a1,1,0,0,0,1.414-1.414Z"> </path> </svg></span> </button> <button type="submit" class="wt-input-btn-group__btn global-enhancements-search-input-btn-group__btn " value="Search" aria-label="Search" data-id="gnav-search-submit-button"> <span class="wt-icon wt-nudge-b-2 wt-nudge-r-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 19a8.464 8.464 0 0 0 5.262-1.824l4.864 4.864 1.415-1.414-4.865-4.865A8.5 8.5 0 1 0 10.5 19Zm0-2a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13Z"> </path> </svg></span> </button> </div> <div id="global-enhancements-search-suggestions" class="global-nav-menu__body search-suggestions-container wt-width-full wt-max-width-full " data-id="search-suggestions"> </div> </div> <input id="search-js-router-enabled" type="hidden" value="true"> <input type="hidden" value="all" name="search_type" id="search-type"> </form> </div> </div> <a data-selector="skip-to-content-marketplace" class="global-enhancements-skip-to-content wt-screen-reader-only wt-focusable" tabindex="1" href="#content"> <div id="skip-to-content-wrapper" class="wt-display-flex-xs wt-align-items-center wt-justify-content-center wt-body-max-width wt-width-full wt-height-full wt-position-absolute wt-position-top wt-position-left wt-position-right wt-bg-denim wt-z-index-10"> <label class="wt-btn wt-btn--transparent wt-btn--light"> Skip to Content </label> </div> </a> </header> </div> <nav aria-label="Categories" class="wt-hide-xs wt-show-lg"> <div data-ui="cat-nav" id="desktop-category-nav" class="cat-nav v2-toolkit-cat-nav wt-ml-xs-0 wt-mr-xs-0"> <div class="wt-bg-white wt-text-caption wt-position-relative wt-z-index-4 v2-toolkit-cat-nav-tab-bar"> <div class="wt-grid wt-body-max-width wt-pl-xs-2 wt-pr-xs-2 wt-pl-md-4 wt-pr-md-4 wt-pl-lg-6 wt-pr-lg-6"> <ul class="wt-list-unstyled wt-grid__item-xs-12 wt-body-max-width wt-display-flex-xs wt-justify-content-space-between" role="menubar" data-ui="top-nav-category-list" aria-activedescendant="catnav-primary-link-10855"> <li class="top-nav-item wt-pb-xs-2 wt-mr-xs-2 wt-display-flex-xs wt-align-items-center" role="presentation" data-ui="top-nav-promo-link" data-event-name="City_promo"> <a class="wt-display-table wt-width-full wt-text-link-no-underline" style="color: #222;" href="/" role="menuitem" aria-haspopup="false"> <span class="wt-display-table-cell wt-text-left-xs">Home</span> </a> </li> <?php foreach ($categories as $c) { ?> <li class="top-nav-item wt-pb-xs-2 wt-mr-xs-2 wt-display-flex-xs wt-align-items-center" data-linkable="true" data-ui="top-nav-promo-link" data-node-id="10855" role="presentation" tabindex="-1"> <a href="#" class="wt-text-link-no-underline" tabindex="-1" onclick="loadCategoryWallpaper('<?= $c['category'] ?>')"> <span id="catnav-primary-link-10855" class="wt-text-black" role="menuitem" aria-haspopup="true" tabindex="0"> <?= $c['category'] ?> </span> </a> </li> <?php } ?> </ul> <span class="active-nav-item-indicator wt-position-absolute wt-display-inline-block" data-ui="active-nav-item-indicator"></span> </div> </div> </div> </nav> <main id="content"> <div class="shop-home "> <div> <div class="wt-body-max-width wt-pr-xs-2 wt-pr-md-4 wt-pl-xs-2 wt-pl-md-4"> <h1 class="page-images-landing__title">iPhone wallpaper | Android wallpaper <span>download HD wallpaper for mobile</span> </h1> <div class="page-images-landing__subtitle">The best free wallpapers for mobile phone, thousands of beautiful high quality HD wallpapers and background images for phone screen.</div> </div> <div class="wt-mb-xs-4 shop-home-header wt-mb-lg-0"> <div class="wt-position-relative"> <div data-appears-component-name="shop_home_branding_section"> <div data-module="branding" class="branding-container wt-position-relative appears-ready"> <div class="wt-width-full img-container wt-position-relative"> <div class="cover-photo-wrap wt-position-relative height-aspect-ratio-4-1 wt-overflow-hidden wt-display-flex-xs wt-justify-content-center fill-min-height"> <img class="wt-position-absolute wt-display-block fill-min-height wt-width-full" src="images/berrypix banner.jpg?version=0" srcset="images/berrypix banner.jpg?version=0 3360w, images/berrypix banner.jpg?version=0 1680w, images/berrypix banner.jpg?version=0 1200w, images/berrypix banner.jpg?version=0 900w, images/berrypix banner.jpg?version=0 640w, images/berrypix banner.jpg?version=0 480w" sizes="100vw" alt="berripix.com"> </div> </div> </div> </div> </div> </div> </div> <div class="wt-body-max-width wt-pr-xs-2 wt-pr-md-4 wt-pl-xs-2 wt-pl-md-4"> <div data-appears-component-name="shop_home_listings_section" data-offset="0.01"> <span class="appears-ready"> <div class="wt-pl-xs-0 wt-pr-xs-0 no-focus-outline" id="items" data-region="items" tabindex="-1"> <div class="wt-mb-xs-1 wt-mb-lg-0 wt-pl-xs-0 wt-pr-xs-0"> <div class="wt-display-flex-xs wt-flex-wrap wt-flex-direction-column-xs wt-flex-direction-row-lg wt-justify-content-space-between wt-align-items-baseline wt-pl-xs-0 wt-pr-xs-0 wt-pb-lg-2"> <div class="wt-flex-lg-2 wt-justify-content-flex-end wt-align-self-stretch wt-display-flex-xs wt-order-lg-4"> <div data-section-dropdown-container="" class="wt-show-xs wt-flex-grow-xs-1 wt-hide-lg wt-pb-xs-2 wt-pl-xs-0"> <div class="section-dropdown"> <div class="wt-menu wt-width-full" data-wt-menu="" id="section-menu" data-hide-trigger-on-open="false" data-animate-in="true" data-close-on-select="true" data-contain-focus="false" data-open-direction-vert="bottom" data-open-direction-horiz="left" data-open-direction-force="false" data-menu-type="option"> <button type="button" class="wt-menu__trigger wt-btn wt-btn--outline wt-width-full" aria-haspopup="true" aria-expanded="false" data-wt-menu-trigger="" style="padding:0;"> <select id="dd_category" class="wt-menu__trigger wt-btn wt-btn--outline wt-width-full" onchange="listCategory()"> <option value="">All</option> <?php foreach ($categories as $c) { ?> <option value="<?= $c['category'] ?>" ?> <?= $c['category'] . ' (' . $c['count'] . ')' ?> </option> <?php } ?> </select> </button> <div role="menu" class="wt-menu__body " data-wt-menu-body=""> <button type="button" role="menuitemradio" class="wt-menu__item wt-is-selected" tabindex="-1" data-section-id="0" aria-checked="true" onclick="loadCategoryWallpaper('')"> All </button> <?php foreach ($categories as $c) { ?> <button type="button" role="menuitemradio" class="wt-menu__item wt-is-selected" tabindex="-1" data-section-id="0" aria-checked="true" onclick="loadCategoryWallpaper('<?= $c['category'] ?>')"> <?= $c['category'] ?> (<?= $c['count'] ?>) </button> <?php } ?> </div> </div> </div> </div> </div> </div> </div> </div> <div class="wt-display-flex-lg"> <div class="wt-hide-xs wt-show-lg wt-pl-xs-0 shop-home-wider-sections wt-mr-lg-4 wt-pr-xs-0 "> <div data-section-selector="" class="wt-tab-container wt-mb-xs-6" style="position: sticky; top: 40px;"> <ul class="wt-tab wt-flex-direction-column-md wt-bb-xs-none vertical-tabs" aria-orientation="vertical" role="tablist" aria-label="Sections" data-wt-tab-list="" data-animate="false"> <li aria-selected="true" class="wt-tab__item wt-ml-md-0 wt-mr-md-0 wt-justify-content-space-between is-selected" role="tab" data-wt-tab="" data-section-id="0" onclick="loadCategoryWallpaper('')"> <span class="wt-break-word wt-mr-xs-2">All</span> </li> <?php foreach ($categories as $c) { ?> <li aria-selected="true" class="wt-tab__item wt-ml-md-0 wt-mr-md-0 wt-justify-content-space-between is-selected" role="tab" data-wt-tab="" data-section-id="0" onclick="loadCategoryWallpaper('<?= $c['category'] ?>')"> <span class="wt-break-word wt-mr-xs-2"><?= $c['category'] ?></span> <span class="wt-mr-md-2"><?= $c['count'] ?></span> </li> <?php } ?> </ul> </div> </div> <div class="wt-pr-xs-0 wt-pl-xs-0 shop-home-wider-items wt-pb-xs-5"> <div data-listings-container-wrapper="" class=" wt-animated"> <div class="wt-display-flex-xs wt-justify-content-space-between wt-align-items-center wt-mb-xs-2"> <h2 data-header-text="featured">Recent Wallpapers</h2> </div> <div data-featured-products-layout-editor="" class="featured-products-area wt-position-relative" aria-hidden="false"> <div class=""> <div class="wt-mb-xs-0"> <div class="featured-listings wt-bb-xs-1 wt-pb-xs-0" data-featured-products-area=""> <div class="wt-pb-xs-2 wt-pt-xs-0 wt-pl-lg-0 wt-pr-lg-0"> <div class="wt-text-left-xs wt-grid wt-grid--block collage-shop-cards-no-content wt-block-grid-xs-2 wt-block-grid-md-3 wt-block-grid-lg-3 wt-block-grid-xl-4" data-featured-products-default-grid="" id="div_gallery"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </span> </div> </div> </div> </main> <div id="collage-footer" class="site-footer chrome-footer chrome-footer--ehi "> <footer> <!--<div class="chrome-footer__etsy-finds"> <div class="wt-text-center-xs wt-pl-xs-4 wt-pr-xs-4 wt-pt-xs-3 wt-pt-md-6"> <form action="/email-subscriptions/form?from_page=https%3A%2F%2Fwww.etsy.com%2Fuk%2Fshop%2FAluposters" method="POST" class="subscribe-form not-signed-in" data-finds-form=""> <input type="hidden" name="campaign_name" value=""> <input type="hidden" name="campaign_slug" value="new_at_etsy"> <input type="hidden" name="subscribe" value="true"> <input type="hidden" name="ref" value=""> <input type="hidden" name="_nnc" value="3:1696823814:KiXpX_ZQ6o4UgO-j0wvOToB4xa-H:182593a1acfd169152faa995f3ac6726b6c4a65fa6b002af64f922554198713e" class="wt-display-none"> <div class="wt-mb-xs-3"> <p class="wt-text-title-01 wt-mb-xs-2">Yes! Send me exclusive offers, unique gift ideas, and personalized tips for shopping and selling on Phonespaper.</p> </div> <div class="wt-max-width-sm wt-validation"> <label class="wt-label wt-mt-xs-4 wt-screen-reader-only" for="email-list-signup-email-input">Enter your email</label> <div class="wt-input-btn-group" data-email-list-signup-form-elements=""> <input class="wt-input-btn-group__input wt-text-body-01" id="email-list-signup-email-input" placeholder="Enter your email" name="email_address" data-email-list-signup-email-input=""> <button type="submit" class="wt-btn wt-input-btn-group__btn" data-email-list-signup-btn-input=""> Subscribe <div class="wt-spinner wt-spinner--01 wt-display-none" role="alert" aria-live="assertive"> <span class="etsy-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <circle fill="transparent" cx="12" cy="12" r="10"></circle> </svg></span> Loading </div> </button> </div> </div> <div class="g-recaptcha-etsy" data-sitekey="6Ldgkr0ZAAAAAGnf08YhMemepXW29Ux9rtJCcBD3" data-etsy-autoload="false" data-recaptcha-version="enterprise" data-recaptcha-key-type="score" id="g-recaptcha-etsy-public_email_subscribe-score" data-badge="inline" data-recaptcha-action="public_email_subscribe"> </div> <div class="wt-alert wt-alert--inline wt-alert--error-01 wt-display-none js-recaptcha-load-error"> <p class="wt-text-body-01">Captcha failed to load. Try using a different browser or disabling ad blockers.</p> </div> <input id="g-recaptcha-etsy-public_email_subscribe-score-input" type="hidden" name="enterprise_recaptcha_token" value=""> <input id="g-recaptcha-etsy-public_email_subscribe-score-input-key-type" type="hidden" name="enterprise_recaptcha_token_key_type" value="score"> <div class="wt-text-center wt-mt-xs-2 wt-validation wt-max-width-sm"> <div class="wt-validation__message wt-validation__message--is-hidden wt-text-body-01" id="email-list-signup-invalid-email" role="alert" aria-live="polite" data-invalid-email="" data-submission-error-response=""> Please enter a valid email address. </div> <div class="wt-alert wt-alert--inline wt-alert--status-01 wt-display-none wt-text-body-01" role="alert" aria-live="polite" data-requires-signin="" data-submission-response=""> Looks like you already have an account! Please <a href="/signin?from_page=https%3A%2F%2Fwww.etsy.com%2Fuk%2Fshop%2FAluposters&workflow=c3Vic2NyaWJlX3RvX2VtYWlsX2xpc3Q6bmV3X2F0X2V0c3k6MTY5NjgyNDQxNDo1ZjBkYzkxMGM4ODNiMzg2ZTMxZWQ1ZGFkMTY5NWZhMQ==" data-campaign-slug="new_at_etsy">Log in</a> to subscribe. </div> <div class="wt-alert wt-alert--inline wt-alert--status-01 wt-display-none wt-text-body-01" role="alert" aria-live="polite" data-requires-signup="" data-submission-response=""> You've already signed up for some newsletters, but you haven't confirmed your address. <a href="/join?from_url=https%3A%2F%2Fwww.etsy.com%2Fuk%2Fshop%2FAluposters" class="" data-campaign-slug="new_at_etsy">Register</a> to confirm your address. </div> <div class="wt-alert wt-alert--inline wt-alert--success-01 wt-display-none wt-text-body-01" role="alert" aria-live="polite" data-success-signed-in="" data-success-no-email-signed-in="" data-success-no-email-signed-out="" data-submission-response=""> You've been successfully signed up! </div> <div class="wt-alert wt-alert--inline wt-alert--success-01 wt-display-none wt-text-body-01" role="alert" aria-live="polite" data-success-signed-out="" data-submission-response=""> Great! We've sent you an email to confirm your subscription. </div> <div class="wt-validation__message wt-validation__message--is-hidden wt-text-body-01" id="email-list-signup-generic-error" role="alert" aria-live="polite" data-generic-error="" data-submission-error-response=""> There was a problem subscribing you to this newsletter. </div> </div> </form> </div> </div>--> <div class="chrome-footer__final-container"> <div class="chrome-footer__final"> <div class="chrome-footer__final-col"> <a id="locale-picker-trigger" class="wt-btn wt-btn--transparent wt-btn--transparent-flush-left wt-btn--transparent-flush-right wt-btn--light wt-btn--small" aria-label="Update your settings Malaysia English (US) RM (MYR)" href="/" data-aria-controls="wt-locale-picker-overlay" role="button" aria-controls="wt-locale-picker-overlay"> <img class="wt-display-block wt-width-full" src="images/berrypix logo.png" style="height:50px;" alt=""> </a> </div> <div class="bottom-seo"> <h2>All phone wallpapers and background images are free on Berripix!</h2> <p>There are thousands of cool pictures for Android and iPhone smartphones on our website. We regularly add new pictures and popular high quality wallpapers: Full HD, 4K resolution, vertical and horizontal format. Download wallpapers for iPhone or Android mobile devices for free, choose a picture theme or background image color. Our catalog is very large and updated with cool phone wallpapers, we try to find the newest cool and beautiful backgrounds for mobile phones.</p> <p>Attention! All images on this site have been found freely distributed on the Internet or uploaded by users. Downloading cell phone wallpaper pictures at our site, you agree to familiarize and remove it.</p> </div> <div class="picture-filter"> <ul> <li><a href="/">1080x1920</a></li> <li><a href="/">1080x2400</a></li> <li><a href="/">1080x2340</a></li> <li><a href="/">720x1280</a></li> <li><a href="/">240x320</a></li> <li><a href="/">720x1600</a></li> <li><a href="/">480x800</a></li> <li><a href="/">320x480</a></li> <li><a href="/">720x1560</a></li> <li><a href="/">1440x2560</a></li> <li><a href="/">360x640</a></li> <li><a href="/">1125x2436</a></li> <li><a href="/">540x960</a></li> <li><a href="/">2160x3840</a></li> <li><a href="/">720x1520</a></li> <li><a href="/">wallpaper</a></li> <li><a href="/">cool wallpapers</a></li> <li><a href="/">cute wallpapers</a></li> <li><a href="/">black wallpaper</a></li> <li><a href="/">pink wallpaper</a></li> <li><a href="/">wallpaper iphone</a></li> <li><a href="/">anime wallpaper</a></li> <li><a href="/">wallpaper for phone</a></li> <li><a href="/">iphone wallpaper</a></li> <li><a href="/">iphone backgrounds</a></li> <li><a href="/">lock screen wallpaper</a></li> <li><a href="/">wallpaper 4k</a></li> <li><a href="/">desktop wallpapers</a></li> <li><a href="/">wallpaper hd</a></li> <li><a href="/">high definition wallpapers</a></li> <li><a href="/">iphone backgrounds 4k</a></li> <li><a href="/">4k wallpaper for iphone</a></li> <li><a href="/">wallpaper anime 4k</a></li> </ul> </div> <div class="chrome-footer__final-col"> <span class="chrome-footer__copyright"> © 2025 berripix. All Rights Reserved. </span> <ul class="chrome-footer__final-links wt-list-inline"> <li class="wt-list-inline__item"> <a href="terms_of_service" class="chrome-footer__final-link" style="text-decoration: none;"> Terms Of Service </a> </li> <li class="wt-list-inline__item"> <a href="mailto:berrypixcompany@gmail.com" class="chrome-footer__final-link" style="text-decoration: none;"> Contact Us </a> </li> </ul> </div> </div> </div> </footer> </div> <div id="wt-portals"> <div id="wt-portal-blue" style="z-index: 80; position: relative;"></div> <div id="wt-portal-green" style="z-index: 80; position: relative;"> <div id="wt-modal-container"> <div class="mobile-catnav-wrapper wt-overlay wt-overlay--peek wt-overlay--peek-left wt-p-xs-0" data-wt-overlay="" id="mobile-catnav-overlay" aria-hidden="true" aria-modal="false" role="dialog"> <nav aria-label="Categories"> <div data-ui="mobile-cat-nav" data-overlay-modal="" class="mobile-cat-nav wt-bg-white wt-pb-xs-4 wt-pt-xs-0 wt-pl-xs-0 wt-pr-xs-0 wt-width-full wt-position-fixed wt-animated wt-overlay__modal"> <div data-ui="mobile-catnav-header" class="wt-align-items-center wt-bg-white wt-display-flex-xs wt-flex-nowrap wt-position-relative"> <button data-ui="mobile-catnav-back-btn" class="wt-btn wt-btn--transparent wt-p-xs-2 wt-text-left-xs wt-display-none wt-flex-xs-1 wt-align-self-flex-start wt-z-index-1 wt-position-absolute" data-subnav-id="0" data-ternav-id="0" data-topnav-name="" data-subnav-name=""> <span class="wt-screen-reader-only">Go Back</span> <span class="etsy-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M16,21a0.994,0.994,0,0,1-.664-0.253L5.5,12l9.841-8.747a1,1,0,0,1,1.328,1.494L8.5,12l8.159,7.253A1,1,0,0,1,16,21Z"> </path> </svg></span> </button> <div class="wt-flex-xs-4 wt-pt-md-4 wt-pb-md-4 wt-pl-xs-2"> <h6 id="mobile-catnav-header-title" data-categories-translation="Browse Categories" class="wt-text-center-xs wt-text-title-large wt-position-right wt-position-left wt-position-absolute wt-vertical-center undo-h6-type-styles"> Browse Categories</h6> <h6 id="mobile-sub-catnav-header-title" class="wt-text-title-large wt-text-center-xs wt-position-absolute wt-position-left wt-position-right wt-vertical-center wt-display-none undo-h6-type-styles"> </h6> <h6 id="mobile-tertiary-catnav-header-title" class="wt-text-title-large wt-text-center-xs wt-position-absolute wt-position-left wt-position-right wt-vertical-center wt-display-none undo-h6-type-styles"> </h6> </div> <div class="wt-flex-xs-1 wt-hide-md wt-text-right-xs"> <button id="category-nav-close-button" class="wt-btn wt-btn--transparent wt-btn--icon wt-nudge-t-1" data-wt-overlay-close=""> <span class="wt-screen-reader-only">Close Menu</span> <span class="etsy-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M13.414,12l6.293-6.293a1,1,0,0,0-1.414-1.414L12,10.586,5.707,4.293A1,1,0,0,0,4.293,5.707L10.586,12,4.293,18.293a1,1,0,1,0,1.414,1.414L12,13.414l6.293,6.293a1,1,0,0,0,1.414-1.414Z"> </path> </svg></span> </button> </div> </div> <div data-ui="mobile-catnav-scroll-wrapper" class="wt-height-full wt-overflow-y-scroll"> <div class="mobile-topnav wt-bg-white wt-animated"> <ul data-ui="mobile-top-catnav-container" class="wt-list-unstyled mobile-catnav-margin" id="ui_gallery"> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Home</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Anime & Manga</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Animals</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Space</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Fantasy</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Nature</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">City</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Comics</span> </a> </strong> </li> <li class="wt-p-xs-1 wt-text-body-01 top-nav-item a11y-focus-only" data-ui="mobile-top-nav-promo-link" data-event-name="registry.show_registry_on_nav"> <strong> <a class="wt-p-xs-1 wt-text-black wt-display-inline-block a11y-parent-hover-underline wt-text-black" href="https://www.etsy.com/registry?ref=catnav_registry_global"> <span class="a11y-child-hover-underline">Paintings</span> </a> </strong> </li> </ul> </div> </div> </div> </nav> </div> </div> </div> <div id="wt-portal-yellow" style="z-index: 80; position: relative;"></div> <div id="wt-portal-orange" style="z-index: 80; position: relative;"></div> <div id="wt-portal-red-orange" style="z-index: 80; position: absolute; top: 0px; left: 0px; width: 100%; height: 0px;"></div> <div id="wt-portal-red" style="z-index: 80; position: relative;"></div> </div> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script> $(window).scroll(function() { var scrollPosition = $(window).scrollTop(); // Current scroll position var pageHeight = $(document).height(); // Total page height var windowHeight = $(window).height(); // Visible screen height var halfPage = pageHeight / 2; // Half of the page height if (scrollPosition + windowHeight >= halfPage) { loadWallpapers(selected_category) } }); $(document).ready(function() { page = 1; let categoryValue = new URLSearchParams(window.location.search).get("category") || ""; $('#dd_category').val(categoryValue); selected_category = categoryValue; }); function listCategory() { page = 1; var dv = $('#div_gallery'); dv.html('') selected_category = $('#dd_category').val(); loadWallpapers(selected_category) } var page = 1; var isLoading = false; var selected_category = ''; function loadCategoryWallpaper(category) { selected_category = category; page = 1; var dv = $('#div_gallery'); dv.html('') loadWallpapers(selected_category) } /* function loadWallpapers(category) { var params = { category: category, action: 'get_wallpapers', page: page }; if (isLoading) return; // Stop duplicate calls isLoading = true; $.ajax({ url: 'actions', dataType: 'text', type: 'post', data: $.param(params), success: function(data, textStatus, jQxhr) { var result = JSON.parse(data) if (result.success) { var rows = result.data var dv = $('#div_gallery'); jQuery.each(rows, function(i, val) { var code = `<div class="js-merch-stash-check-listing v2-listing-card wt-position-relative wt-grid__item-xs-6 wt-flex-shrink-xs-1 wt-grid__item-xl-3 wt-grid__item-lg-4 wt-grid__item-md-4 listing-card-experimental-style hide-lg hide-md" data-palette-listing-id="1443446931" data-shop-id="31391174" data-listing-id="1443446931" data-page-type="shop_collage_cards_experiment" data-behat-listing-card="" data-listing-card-v2=""> <a class="listing-link wt-display-inline-block wt-transparent-card " data-listing-id="1443446931" data-palette-listing-image="" href="detail?id=` + val.id + `" title="` + val.title + `"> <div class="v2-listing-card__img listing-card-image-no-shadow "> <div class="placeholder placeholder-square wt-mb-xs-1" tabindex="0"> <div class="placeholder-content placeholder placeholder-square vertically-centered-placeholder"> <img id="tb_` + val.id + `" class="wt-object-fit-cover wt-bg-gray wt-width-full" src="" alt="` + val.title + `" style="aspect-ratio: 1;" sizes="(max-width: 479px) 50vw, (max-width: 639px) 50vw, (max-width: 899px) 50vw, (max-width: 1199px) 25vw, 25vw" > </div> </div> </div> </a> </div>`; dv.append(code) }) jQuery.each(rows, function(i, val) { loadImageWithProgress(val.thumbnail, "#tb_" + val.id, val.id); }); page++; // Increase page number isLoading = false; // Reset flag } else { Swal.fire({ icon: 'error', title: 'Failed to load', showConfirmButton: true }) isLoading = false; // Reset flag } }, error: function(jqXhr, textStatus, errorThrown) { console.log(errorThrown); } }); } */ function loadWallpapers(category) { if (isLoading) return; // prevent multiple requests isLoading = true; const params = { category, action: 'get_wallpapers', page }; $.ajax({ url: 'actions', type: 'POST', dataType: 'json', data: $.param(params), success: function(result) { if (!result.success) { showError("Failed to load wallpapers."); return; } const dv = $('#div_gallery'); const rows = result.data; // Build HTML once and append in batch const html = rows.map(val => generateWallpaperCard(val)).join(''); dv.append(html); // Load thumbnails with progress rows.forEach(val => { //applyOrientationAspectRatio(`tb_${val.id}`, val.thumbnail); applyOrientationAspectRatio(`tb_${val.id}`, val.thumbnail, `card_${val.id}`); loadImageWithProgress(val.thumbnail, `#tb_${val.id}`, val.id); }); page++; // Increment page isLoading = false; }, error: function(xhr, status, error) { console.error("AJAX Error:", error); showError("An error occurred while loading wallpapers."); isLoading = false; } }); } // 🔧 Helper: Generate HTML for each wallpaper card /* function generateWallpaperCard(val) { return ` <div id="card_${val.id}" class="js-merch-stash-check-listing v2-listing-card wt-position-relative wt-grid__item-xs-6 wt-flex-shrink-xs-1 wt-grid__item-xl-3 wt-grid__item-lg-4 wt-grid__item-md-4 listing-card-experimental-style hide-lg hide-md" data-listing-id="${val.id}"> <a class="listing-link wt-display-inline-block wt-transparent-card" href="detail?id=${val.id}" title="${val.title}"> <div class="v2-listing-card__img listing-card-image-no-shadow"> <div class="placeholder placeholder-square wt-mb-xs-1" tabindex="0"> <div class="placeholder-content placeholder placeholder-square vertically-centered-placeholder"> <img id="tb_${val.id}" class="wt-object-fit-cover wt-bg-gray wt-width-full" src="" alt="${val.title}" data-src="${val.thumbnail}" style="aspect-ratio: 1;"> </div> </div> </div> </a> </div>`; } */ function generateWallpaperCard(val) { return ` <div id="card_${val.id}" class="js-merch-stash-check-listing v2-listing-card wt-position-relative wt-grid__item-xs-6 wt-flex-shrink-xs-1 wt-grid__item-xl-3 wt-grid__item-lg-4 wt-grid__item-md-4 listing-card-experimental-style hide-lg hide-md" data-listing-id="${val.id}"> <a class="listing-link wt-display-inline-block wt-transparent-card" href="detail?id=${val.id}" title="${val.title}"> <div class="v2-listing-card__img listing-card-image-no-shadow"> <div class="placeholder placeholder-square wt-mb-xs-1" tabindex="0"> <div class="placeholder-content vertically-centered-placeholder"> <img id="tb_${val.id}" class="wt-object-fit-cover wt-bg-gray wt-width-full" src="" alt="${val.title}" data-src="${val.thumbnail}" style="aspect-ratio: 1;"> </div> </div> </div> </a> </div>`; } /* function generateWallpaperCard(val) { return ` <div id="card_${val.id}" class="wt-block-grid__item js-merch-stash-check-listing listing-card-experimental-style" data-listing-id="${val.id}"> <a class="listing-link wt-display-inline-block wt-transparent-card" href="detail?id=${val.id}" title="${val.title}"> <div class="v2-listing-card__img listing-card-image-no-shadow"> <div class="placeholder placeholder-square wt-mb-xs-1" tabindex="0"> <div class="placeholder-content vertically-centered-placeholder"> <img id="tb_${val.id}" class="wt-object-fit-cover wt-bg-gray wt-width-full" src="" alt="${val.title}" data-src="${val.thumbnail}" style="aspect-ratio: 1;"> </div> </div> </div> </a> </div>`; } */ // 🔧 Helper: Error alert function showError(message) { Swal.fire({ icon: 'error', title: message, showConfirmButton: true }); isLoading = false; } function detectImageOrientation(imageUrl) { return new Promise((resolve, reject) => { const img = new Image(); img.onload = function() { if (img.height > img.width) { resolve("portrait"); } else if (img.width > img.height) { resolve("landscape"); } else { resolve("square"); } }; img.onerror = function() { console.error("Failed to load image:", imageUrl); reject("error"); }; img.src = imageUrl; }); } function applyOrientationAspectRatio(imgId, imageUrl, cardId) { detectImageOrientation(imageUrl) .then(orientation => { const aspect = orientation === "portrait" ? "3 / 4" : orientation === "landscape" ? "4 / 3" : "1"; const $img = $(`#${imgId}`); $img.css("aspect-ratio", aspect).attr("src", imageUrl); // ✅ If landscape, add wide-card class to the card container if (orientation === "landscape") { $(`#${cardId}`).addClass("wide-card"); } }) .catch(() => { $(`#${imgId}`).attr("src", imageUrl); }); } function loadImageWithProgress(imageUrl, targetSelector, id) { const $target = $(targetSelector); const containerId = `progress-container-${id}`; const barId = `progress-bar-${id}`; // 🔍 Detect if current domain has "www" const hasWWW = window.location.hostname.startsWith("www."); // 🧠 Try to add www if needed const imgUrl = modifyImageUrl(imageUrl, hasWWW); // Clean up any previous progress bars $(`#${containerId}`).remove(); // Create progress bar const $progressBar = $(` <div id="${containerId}" class="image-progress-bar"> <div id="${barId}" class="image-progress-bar-fill"></div> </div> `); $target.before($progressBar); // Inject style once if (!document.getElementById("image-progress-style")) { const style = document.createElement("style"); style.id = "image-progress-style"; style.innerHTML = ` .image-progress-bar { width: 100%; height: 30px; background: #ddd; position: absolute; top: 0; left: 0; text-align: center; z-index: 10; } .image-progress-bar-fill { width: 0%; height: 100%; background: #A01EF1; transition: width 0.3s ease; } `; document.head.appendChild(style); } // Load image with XHR const xhr = new XMLHttpRequest(); xhr.open("GET", imgUrl, true); xhr.responseType = "blob"; xhr.onprogress = function(event) { if (event.lengthComputable) { const percent = Math.round((event.loaded / event.total) * 100); $(`#${barId}`).css("width", percent + "%"); } }; xhr.onload = function() { const url = URL.createObjectURL(xhr.response); const tempImg = new Image(); if (xhr.status === 200) { $target.hide().attr("src", url).fadeIn(); $(`#${containerId}`).fadeOut(300, function() { $(this).remove(); }); } else { showLoadError(); } }; xhr.onerror = function() { showLoadError(); }; xhr.send(); function showLoadError() { console.error("Failed to load image:", imgUrl); $(`#${containerId}`) .css("background", "#f44336") .css("color", "#fff") .text("Failed to load image"); $target.addClass("image-error"); } // ✅ Helper to add www if needed function modifyImageUrl(url, forceWWW) { try { const u = new URL(url); if (forceWWW && !u.hostname.startsWith("www.")) { u.hostname = "www." + u.hostname; } return u.toString(); } catch (e) { console.error("Invalid image URL:", url); return url; } } } </script> </body> </html>
Close