<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width,initial-scale=1" name="viewport" />

    <link rel="canonical" href="https://razorberries.com/password" />

    <title>Coming soon | Razorberries</title>

    
<meta name="description" content="This website is coming soon." />
<meta property="og:site_name" content="Razorberries" />
<meta property="og:url" content="https://razorberries.com/password" />
<meta property="og:description" content="This website is coming soon." />





<meta property="og:title" content="" />
<meta property="og:type" content="website" />


  <meta property="og:image" content="https://imgproxy.fourthwall.com/z0NruZSnFVLyxKNzCkmDHAcyBUyN498U0nuE-LxzFZA/w:1200/sm:1/enc/RhMD-2trLir4ovE3/d_EuajpYyS_E98RP/_AlhPsPNV32dPNAs/_kDWD6vTWcBlVYPo/EOnwwiTqENEigTDZ/e0-4v0iK4F7XhwWW/rQLgF8PRVGqn3AoE/A4tzG6zkUJkhqQJn/GG32AEOeoGu0S6Oi/h0JQz7InS8IMlxKD/qGHzgvMS1GfEL1Go/0cz67Nbrrlzk0-p4/_ejJ6g-tPjca-XiH/mc4VEp0CFypGPCLi/ugQJpTm5xvzHazeD/lLyunKCwXBj3X-1J.png" />
  <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.com/z0NruZSnFVLyxKNzCkmDHAcyBUyN498U0nuE-LxzFZA/w:1200/sm:1/enc/RhMD-2trLir4ovE3/d_EuajpYyS_E98RP/_AlhPsPNV32dPNAs/_kDWD6vTWcBlVYPo/EOnwwiTqENEigTDZ/e0-4v0iK4F7XhwWW/rQLgF8PRVGqn3AoE/A4tzG6zkUJkhqQJn/GG32AEOeoGu0S6Oi/h0JQz7InS8IMlxKD/qGHzgvMS1GfEL1Go/0cz67Nbrrlzk0-p4/_ejJ6g-tPjca-XiH/mc4VEp0CFypGPCLi/ugQJpTm5xvzHazeD/lLyunKCwXBj3X-1J.png" />
  <meta property="twitter:image" content="https://imgproxy.fourthwall.com/z0NruZSnFVLyxKNzCkmDHAcyBUyN498U0nuE-LxzFZA/w:1200/sm:1/enc/RhMD-2trLir4ovE3/d_EuajpYyS_E98RP/_AlhPsPNV32dPNAs/_kDWD6vTWcBlVYPo/EOnwwiTqENEigTDZ/e0-4v0iK4F7XhwWW/rQLgF8PRVGqn3AoE/A4tzG6zkUJkhqQJn/GG32AEOeoGu0S6Oi/h0JQz7InS8IMlxKD/qGHzgvMS1GfEL1Go/0cz67Nbrrlzk0-p4/_ejJ6g-tPjca-XiH/mc4VEp0CFypGPCLi/ugQJpTm5xvzHazeD/lLyunKCwXBj3X-1J.png" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="This website is coming soon." />


    <link rel="shortcut icon" href="https://imgproxy.fourthwall.com/lJTBYAlVwga78GYlmKa3jlVe_a5940vfTkQbEqnXjnE/s:96:96/sm:1/enc/qRAs5xIi4ZFN2Eo1/mMEO8qzBf7XSPx9j/nTZ3JhoirnLhKl9y/HEz4CkPgG6SoZ4Ni/5gSCDBZrWkX35zh1/-5JFYThWJDFVIl4b/_TjU8nD9SIkNAy_4/P_HTwybctsmZ5SUD/XZHFH6SZOn4fofzC/AJLMEri6v7N7CHxO/eiPKtnZ3b2hy2ENo/gIt0X8s_tMWeHlU8/0Vh-iTGvLm58MQ2n/MlY8Dwtg9OfuVAZ5/pGN2JbIZPUi0pxb4/-RXcseoFI2v_N3Sp" sizes="96x96" type="image/png" />
<link rel="shortcut icon" href="https://imgproxy.fourthwall.com/6_uPpNCohTOttWL6p_2S5ajUTVWqsN-RlvDtT-gh6Is/s:48:48/sm:1/enc/qRAs5xIi4ZFN2Eo1/mMEO8qzBf7XSPx9j/nTZ3JhoirnLhKl9y/HEz4CkPgG6SoZ4Ni/5gSCDBZrWkX35zh1/-5JFYThWJDFVIl4b/_TjU8nD9SIkNAy_4/P_HTwybctsmZ5SUD/XZHFH6SZOn4fofzC/AJLMEri6v7N7CHxO/eiPKtnZ3b2hy2ENo/gIt0X8s_tMWeHlU8/0Vh-iTGvLm58MQ2n/MlY8Dwtg9OfuVAZ5/pGN2JbIZPUi0pxb4/-RXcseoFI2v_N3Sp" sizes="48x48" type="image/png" />


  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.com/glDIRZrsZ4_dVPoDtVdr4Oj6qqnsovWNFr8IHojBgpE/s:180:180/sm:1/enc/qRAs5xIi4ZFN2Eo1/mMEO8qzBf7XSPx9j/nTZ3JhoirnLhKl9y/HEz4CkPgG6SoZ4Ni/5gSCDBZrWkX35zh1/-5JFYThWJDFVIl4b/_TjU8nD9SIkNAy_4/P_HTwybctsmZ5SUD/XZHFH6SZOn4fofzC/AJLMEri6v7N7CHxO/eiPKtnZ3b2hy2ENo/gIt0X8s_tMWeHlU8/0Vh-iTGvLm58MQ2n/MlY8Dwtg9OfuVAZ5/pGN2JbIZPUi0pxb4/-RXcseoFI2v_N3Sp" sizes="180x180" type="image/png" />


<meta content="#ffffff" name="msapplication-TileColor" />
<meta content="1.0.0" name="version" />


    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes-library/assets/8d4fc9b7-a7e5-410c-9c34-89c5137ef482/assets/vendor.css?v=b7fdac61a90ad1e625b76fc6f1342182af70842cac88754be5a33627c4de548e" media="all" />

    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/465473d0-c867-40c5-a993-6f96bf2c9363/assets/styles/css-variables.scss.css?v=5e0a1033aede1094203a044f0487df584146d8c4840fe5b2bbdf69d3cac87792" media="all" />
    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/465473d0-c867-40c5-a993-6f96bf2c9363/assets/styles/password.scss.css?v=37ce4f681f0b68b007af6788d71f11fd3bcae28cd3a3dcb1b8b9b0b5cfac2cbb" media="all" />
    
    <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin>
<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
<script src="https://js.stripe.com/v3/" async></script>
<link rel="alternate" href="https://razorberries.com/password" hreflang="x-default" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-AQ" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-AS" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-BQ" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-EC" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-FM" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-GU" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-IO" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-MH" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-MP" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-PR" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-PW" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-SV" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-TC" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-UM" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-US" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-VG" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-VI" />
<link rel="alternate" href="https://razorberries.com/en-usd/password" hreflang="en-ZW" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-AD" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-AT" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-AX" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-BE" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-BG" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-BL" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-CY" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-DE" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-EE" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-ES" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-FI" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-FR" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-GF" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-GP" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-GR" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-HR" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-IE" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-IT" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-LT" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-LU" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-LV" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-MC" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-ME" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-MF" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-MQ" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-MT" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-NL" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-PM" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-PT" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-RE" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-SI" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-SK" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-SM" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-TF" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-VA" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-YT" />
<link rel="alternate" href="https://razorberries.com/en-eur/password" hreflang="en-XK" />
<link rel="alternate" href="https://razorberries.com/en-cad/password" hreflang="en-CA" />
<link rel="alternate" href="https://razorberries.com/en-gbp/password" hreflang="en-GB" />
<link rel="alternate" href="https://razorberries.com/en-gbp/password" hreflang="en-GG" />
<link rel="alternate" href="https://razorberries.com/en-gbp/password" hreflang="en-GS" />
<link rel="alternate" href="https://razorberries.com/en-gbp/password" hreflang="en-IM" />
<link rel="alternate" href="https://razorberries.com/en-gbp/password" hreflang="en-JE" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-AU" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-CC" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-CX" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-HM" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-KI" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-NF" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-NR" />
<link rel="alternate" href="https://razorberries.com/en-aud/password" hreflang="en-TV" />
<link rel="alternate" href="https://razorberries.com/en-nzd/password" hreflang="en-CK" />
<link rel="alternate" href="https://razorberries.com/en-nzd/password" hreflang="en-NU" />
<link rel="alternate" href="https://razorberries.com/en-nzd/password" hreflang="en-NZ" />
<link rel="alternate" href="https://razorberries.com/en-nzd/password" hreflang="en-PN" />
<link rel="alternate" href="https://razorberries.com/en-nzd/password" hreflang="en-TK" />
<link rel="alternate" href="https://razorberries.com/en-sek/password" hreflang="en-SE" />
<link rel="alternate" href="https://razorberries.com/en-nok/password" hreflang="en-BV" />
<link rel="alternate" href="https://razorberries.com/en-nok/password" hreflang="en-NO" />
<link rel="alternate" href="https://razorberries.com/en-nok/password" hreflang="en-SJ" />
<link rel="alternate" href="https://razorberries.com/en-dkk/password" hreflang="en-DK" />
<link rel="alternate" href="https://razorberries.com/en-dkk/password" hreflang="en-FO" />
<link rel="alternate" href="https://razorberries.com/en-dkk/password" hreflang="en-GL" />
<link rel="alternate" href="https://razorberries.com/en-pln/password" hreflang="en-PL" />
<link rel="alternate" href="https://razorberries.com/en-jpy/password" hreflang="en-JP" />
<link rel="alternate" href="https://razorberries.com/en-myr/password" hreflang="en-MY" />
<link rel="alternate" href="https://razorberries.com/en-sgd/password" hreflang="en-SG" />
<link rel="alternate" href="https://razorberries.com/en-mxn/password" hreflang="en-MX" />
<link rel="alternate" href="https://razorberries.com/en-brl/password" hreflang="en-BR" />
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt" async></script>
<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
<style>
  .grecaptcha-badge { display: none !important; }
</style>
<script type='module' src="https://cdn.fourthwall.com/web-perf/instant.js" defer></script>
<script>
  window.shopName = 'Razorberries';
  window.shopId = 'sh_9e3c059b-555c-4da3-afda-12f8275531df';
  window.cookie_policy = 'ShowInEu';
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
<!-- End Google Tag Manager -->
<script>window.creatorGa4Id = 'G-KRLKHV870Z'; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
<script>
  (function () {
    function setCookie(name, value, days) {
      if (typeof days === 'undefined') days = 90;
      var expires = new Date(Date.now() + days * 86400000).toUTCString();
      document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/';
    }
  
    function getCookie(name) {
      var cookies = document.cookie.split('; ');
      for (var i = 0; i < cookies.length; i++) {
        if (cookies[i].indexOf(name + '=') === 0) {
          return cookies[i].split('=')[1];
        }
      }
      return null;
    }
  
    function handleTrackingParams() {
      var params = window.location.search.substring(1).split('&');
      var paramMap = {};
  
      for (var i = 0; i < params.length; i++) {
        var kv = params[i].split('=');
        if (kv.length === 2) {
          paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]);
        }
      }
  
      if (!getCookie('_fbp')) {
        var randomPart = Math.floor(Math.random() * 10000000000);
        var fbp = 'fb.1.' + Date.now() + '.' + randomPart;
        setCookie('_fbp', fbp);
      }
  
      for (var key in paramMap) {
        if (paramMap.hasOwnProperty(key)) {
          var value = paramMap[key];
          var isUTM = key.indexOf('utm_') === 0;
          
          if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') {
            continue;
          }
  
          if (isUTM || key === 'gclid' || key === 'fbclid') {
            setCookie(key, value);
          }
  
          if (key === 'fbclid' && !getCookie('_fbc')) {
            var fbc = 'fb.1.' + Date.now() + '.' + value;
            setCookie('_fbc', fbc);
          }
        }
      }
    }
  
    handleTrackingParams();
  })();
</script>
<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.com/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
<meta name='theme-color' content='#ffffff' />
<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/465473d0-c867-40c5-a993-6f96bf2c9363/assets/styles/custom_sections.css?v=be92de8323a2f5e3fe27247b6d25cf5c1c9c2a333b36783cd86b3abf18247438" media="all">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Razorberries","description":"Original paintings and prints by Tatyana. Find the latest content, buy merch, and support your favorite artist.","url":"https://razorberries.com","sameAs":["https://youtube.com/channel/UCeleoQpp20dPNR35jNEnEhg","https://pinterest.com/razorberries","https://bsky.app/profile/razorberries.bsky.social","https://x.com/razorberries","https://www.tiktok.com/@razorberries","https://threads.net/@razorberries","https://instagram.com/razorberries","https://twitch.tv/razorberries","https://ko-fi.com/razorberries"]}</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const forms = document.querySelectorAll('.password__form form')
        const queryString = window.location.search
        if (queryString) {
            forms.forEach(function(form) {
                const currentAction = form.getAttribute('action')
                const newAction = currentAction + queryString
                form.setAttribute('action', newAction)
            })
        }
    })
</script>
<script type="module">
  function iframeReady(section, iframe, url, appId, settings) {
    const baseIframeUrl = url;
  
    function buildUrl(url, params) {
      if (!params) return url;
      var qs = Object.keys(params)
        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
        .join('&');
      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
    }
  
    const params = {
      hmac: window.appHmac[appId],
      timestamp: window.hmacTimestamp,
      tier_id: window.tierId,
      supporter_id: window.supporterId,
      shop_id: window.shopId,
    };
  
    iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null);
    iframe.onload = null
  
    // Extract origin from URL for security checking
    let expectedOrigin;
    try {
      expectedOrigin = new URL(url).origin;
    } catch (e) {
      console.warn('Could not parse URL origin:', url);
    }
  
    // Listen for messages specifically from this iframe
    const messageHandler = (event) => {
      // Check if the message is from this specific iframe
      if (event.source !== iframe.contentWindow) {
        return; // Ignore messages from other iframes/windows
      }
  
      // Optional: Also verify the origin for security
      if (expectedOrigin && event.origin !== expectedOrigin) {
        console.warn('Message received from unexpected origin:', event.origin);
        return;
      }
      
      if (event.data.type === 'RESIZE') {
        iframe.style.height = event.data.data.height + 'px';
      } else if (event.data.type === 'CLOSE') {
        section.style.height = '0px';
      }
    };
  
    window.addEventListener('message', messageHandler);
    
    // Store the handler for cleanup (optional)
    iframe._messageHandler = messageHandler;
  }
  
  class Hmac extends HTMLElement {
    constructor() {
      super()
      this.section = this.parentElement.parentElement;
      this.iframe = this.querySelector('iframe')
      this.url = this.getAttribute('url')
      this.appId = this.getAttribute('app_id')
      this.settings = this.getAttribute('settings')
    }
  
    connectedCallback() {
      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      } else {
        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      }
    }
  
    disconnectedCallback() {
      if (this.iframe && this.iframe._messageHandler) {
        window.removeEventListener('message', this.iframe._messageHandler);
        delete this.iframe._messageHandler;
      }
    }
  }
  
  customElements.define('app-hmac-component', Hmac)
</script>

  </head>

  <body class="body " >
 <!-- Google Tag Manager (noscript) -->
<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <div class="password">
      

<div id="fw-section-password" class="fw-section">
<section class="password__container">
  <div class="container container--5 wrapper">
    <div class="password__content">
      <div class="password__header">
        
          <div class="password__logo">
        
          <a href="/">
            
  

  <img
    src="https://imgproxy.fourthwall.com/w4A3AqWrzRtBvKFHxmzTgXWanEu6jLUpbKhl4QLENeY/w:320/sm:1/enc/fi787MosJwA5N2lX/iPbvE9jVMcDuIO9D/kspzrMJyQKC9Opo8/6RND2CNBU6xVWmfd/slcsxI1nhDDae7Dc/P4LRvTXRQbIosybS/XmZNRuxLQA2PcMvL/Wfjozosna8to-yVh/X4eyH7Pcx6WWWFU7/SDf0UcW56mxakPi0/c-g1pGCbX9iA5xEN/4Kn_25LWYUa2WyUh/dJzwUYXAM1sn_DQ0/lWEPXxPPDoT-bYiG/bk0kEbS21izo0vMR/zCCCvmlX8-PkkQkx"
    srcset="https://imgproxy.fourthwall.com/w4A3AqWrzRtBvKFHxmzTgXWanEu6jLUpbKhl4QLENeY/w:320/sm:1/enc/fi787MosJwA5N2lX/iPbvE9jVMcDuIO9D/kspzrMJyQKC9Opo8/6RND2CNBU6xVWmfd/slcsxI1nhDDae7Dc/P4LRvTXRQbIosybS/XmZNRuxLQA2PcMvL/Wfjozosna8to-yVh/X4eyH7Pcx6WWWFU7/SDf0UcW56mxakPi0/c-g1pGCbX9iA5xEN/4Kn_25LWYUa2WyUh/dJzwUYXAM1sn_DQ0/lWEPXxPPDoT-bYiG/bk0kEbS21izo0vMR/zCCCvmlX8-PkkQkx 1x, https://imgproxy.fourthwall.com/qnl3FHJ1fgX3lgU-eWAwmaRHQeutomFwCiS4186Bwtg/w:320/dpr:2/sm:1/enc/fi787MosJwA5N2lX/iPbvE9jVMcDuIO9D/kspzrMJyQKC9Opo8/6RND2CNBU6xVWmfd/slcsxI1nhDDae7Dc/P4LRvTXRQbIosybS/XmZNRuxLQA2PcMvL/Wfjozosna8to-yVh/X4eyH7Pcx6WWWFU7/SDf0UcW56mxakPi0/c-g1pGCbX9iA5xEN/4Kn_25LWYUa2WyUh/dJzwUYXAM1sn_DQ0/lWEPXxPPDoT-bYiG/bk0kEbS21izo0vMR/zCCCvmlX8-PkkQkx 2x"
    alt="Razorberries"
    class="password__logo-image"
    itemprop="logo"
  >


          </a>
        
          </div>
        
      </div>

      <div class="password__body">
        
          <h1 class="password__subheading">Coming soon</h1>
          
            <p class="password__description">Subscribe to be notified</p>
          

          

          <form action="/password" method="post" data-turbo="false">

            
          
</form>
        

        
          <div class="password__form-newsletter">
            <div class="password__title">Get first access to my new✨ art, updates, exclusive discounts, and other fun stuff.</div>
            <div class="newsletter-form">
  <div class="form" data-newsletter="form-container">
  <form action="" method="post" data-turbo="false">

    <div class="form__section">
      <div class="newsletter-form__input-button-container">
        <div class="newsletter-form__input">
          <div data-input="container" class="input-field input-field--base">
            <input 
              id="newsletter-email"
              name="contact[email]"
              type="email"
              data-newsletter="email"
              data-input="input"
              class="input-field__input"
              placeholder=" Email address "
              required
            >
          </div>

          <div data-form-error="email" class="form__error"></div>
        </div>

        <div class="newsletter-form__button">
          <button 
            type="submit"
            data-newsletter="submit"
            class="button button--primary button--large button--expand"
          >
            I'm in
            <span class="button__spinner">
              <div class="spinner spinner--small"></div>
            </span>
          </button>
        </div>
      </div>
    </div>

    <div class="form__response-container">
      <div
        data-form="response-success" 
        class="form__response"
      >
        <div class="alert alert--success">
          Thanks for subscribing!
        </div>
      </div>

      <div 
        data-form="response-error"
        class="form__response"
      >
        <div class="alert alert--error">
          <ul 
            data-form="response-error-content"
            class="alert__list"
          >
          </ul>
        </div>
      </div>
    </div>

    <div id="recaptcha-container"></div>
  
</form>
  </div>
</div>
          </div>
        
      </div>

      <div class="password__footer">
        <div class="modal__container">
          
            <div class="password__content-footer">
              <input type="checkbox" id="modal" name="modal">
              <label for="modal" class="modal__label">
                <div class="modal__icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="21" viewBox="0 0 18 21" fill="none">
  <title>Lock</title>
  <path d="M3.875 8.25V5.125C3.875 3.96468 4.40178 2.85188 5.33947 2.03141C6.27715 1.21094 7.54892 0.75 8.875 0.75C10.2011 0.75 11.4729 1.21094 12.4105 2.03141C13.3482 2.85188 13.875 3.96468 13.875 5.125V8.25M9.08984 11.9805V15.418M0.75 8.25H17V19.5H0.750129L0.75 8.25Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
                </div>
                <span>Enter store using password</span>
              </label>
              <label for="modal" class="modal__background"></label>
              <div class="modal modal--password">
                <div class="password__main">
                  <div class="password__form-container">
                    <div class="password__form">
                      <label for="modal"><span class="password__close"><svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>
</span></label>
                      <form action="/password" method="post" data-turbo="false">

                        <h2 for="password" class="password-form__label">Enter using password</h2>
                        <div class="password-form__input-button-container">
                          <div class="password-form__input">
                            <div class="input-field input-field--base">
                              <input class="input-field__input" type="password" name="password" id="password" placeholder="Password" />
                            </div>
                          </div>

                          <div class="password-form__button">
                            <input class="button button--primary button--expand" name="commit" type="submit" value="Enter" />
                          </div>
                        </div>

                        
                      
</form>
                    </div>
                    <script type="text/javascript">
                      document.getElementById('modal').addEventListener('change', function () {
                        if (this.checked) {
                          document.getElementById('password').focus()
                        }
                      })
                    </script>
                  </div>
                </div>
              </div>
            </div>
          

          
        </div>

        
          <div class="password__socials">
            <ul class="password__list password__list--socials">
              



  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://youtube.com/channel/UCeleoQpp20dPNR35jNEnEhg"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://pinterest.com/razorberries"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7107 0C5.25226 0 2.5 3.91316 2.5 7.17587C2.5 9.15158 3.24785 10.9108 4.85224 11.5647C5.11573 11.6725 5.35139 11.5682 5.42704 11.2777C5.48096 11.0769 5.60618 10.5681 5.66183 10.3551C5.73836 10.0673 5.70966 9.96725 5.49661 9.71507C5.03399 9.17071 4.73833 8.46373 4.73833 7.46283C4.73833 4.55927 6.91057 1.96006 10.395 1.96006C13.4803 1.96006 15.1752 3.84533 15.1752 6.36193C15.1752 9.6742 13.709 12.4699 11.5324 12.4699C10.3307 12.4699 9.43151 11.4769 9.71935 10.2568C10.0646 8.80026 10.7342 7.23065 10.7342 6.18018C10.7342 5.24016 10.2298 4.45579 9.18455 4.45579C7.95582 4.45579 6.96883 5.72626 6.96883 7.42979C6.96883 8.51417 7.3358 9.24723 7.3358 9.24723C7.3358 9.24723 6.07924 14.5743 5.85836 15.5074C5.41922 17.3657 5.79227 19.6432 5.82358 19.8728C5.84184 20.0093 6.01837 20.0423 6.09663 19.9406C6.20968 19.7919 7.6732 17.984 8.1706 16.1796C8.31148 15.6674 8.97846 13.0213 8.97846 13.0213C9.3776 13.783 10.5446 14.4526 11.7855 14.4526C15.4787 14.4526 17.9839 11.0864 17.9839 6.5802C17.9831 3.17401 15.0978 0 10.7107 0Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://bsky.app/profile/razorberries.bsky.social"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.93642 1.89655C10.6051 4.65079 14.5513 10.2353 16.0001 13.2322C17.449 10.2355 21.3949 4.65074 25.0638 1.89655C27.7109 -0.0908084 32 -1.62851 32 3.26454C32 4.24174 31.4397 11.4736 31.1111 12.6477C29.9689 16.7295 25.8067 17.7706 22.1043 17.1405C28.576 18.2419 30.2223 21.8904 26.6668 25.5388C19.9143 32.4678 16.9615 23.8003 16.2046 21.5793C16.0659 21.1721 16.001 20.9817 16 21.1436C15.999 20.9817 15.9341 21.1721 15.7954 21.5793C15.0388 23.8003 12.0861 32.4681 5.33316 25.5388C1.77764 21.8904 3.42392 18.2417 9.89572 17.1405C6.19323 17.7706 2.03094 16.7295 0.888878 12.6477C0.560262 11.4735 0 4.24163 0 3.26454C0 -1.62851 4.28919 -0.0908084 6.93623 1.89655H6.93642Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://x.com/razorberries"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6666 8.66091L18.1824 1.25H16.6389L10.9788 7.68347L6.4615 1.25H1.25L8.08258 10.9795L1.25 18.75H2.7935L8.76683 11.9546L13.5385 18.75H18.75M3.35058 2.38888H5.72183L16.6378 17.6671H14.2659" fill="currentColor"/>
</svg>
        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://www.tiktok.com/@razorberries"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7329 0C14.0629 2.83809 15.6469 4.53015 18.401 4.71015V7.90226C16.805 8.05826 15.4069 7.53624 13.7809 6.55221V12.5224C13.7809 20.1067 5.51259 22.4767 2.18848 17.0406C0.0524123 13.5424 1.36045 7.40424 8.21268 7.15823V10.5243C7.69066 10.6083 7.13264 10.7403 6.62263 10.9144C5.09858 11.4304 4.23455 12.3964 4.47456 14.1005C4.93657 17.3646 10.9248 18.3306 10.4267 11.9524V0.00600019H13.7329V0Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://threads.net/@razorberries"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7434 9.26961C14.6573 9.22832 14.5698 9.18858 14.4811 9.15053C14.3268 6.30606 12.7725 4.6776 10.1627 4.66094C10.1509 4.66086 10.1391 4.66086 10.1273 4.66086C8.56628 4.66086 7.26802 5.32718 6.46895 6.53966L7.90426 7.52425C8.5012 6.61857 9.43803 6.4255 10.128 6.4255C10.1359 6.4255 10.1439 6.4255 10.1518 6.42557C11.0111 6.43105 11.6596 6.6809 12.0793 7.16813C12.3847 7.52284 12.5889 8.01302 12.6901 8.63165C11.9282 8.50216 11.1043 8.46234 10.2234 8.51284C7.74215 8.65577 6.14698 10.1029 6.25412 12.1137C6.30848 13.1337 6.81663 14.0112 7.68489 14.5845C8.41899 15.0691 9.36447 15.306 10.3471 15.2524C11.6448 15.1812 12.6628 14.6861 13.373 13.7808C13.9124 13.0933 14.2535 12.2024 14.4042 11.0798C15.0226 11.453 15.4809 11.9442 15.7341 12.5346C16.1645 13.5382 16.1896 15.1875 14.8438 16.5321C13.6648 17.71 12.2475 18.2196 10.1056 18.2353C7.72959 18.2177 5.93268 17.4557 4.76438 15.9705C3.67035 14.5798 3.10496 12.571 3.08387 10C3.10496 7.42894 3.67035 5.42017 4.76438 4.02945C5.93268 2.54426 7.72956 1.78229 10.1055 1.76464C12.4987 1.78243 14.327 2.54806 15.54 4.04042C16.1348 4.77225 16.5832 5.69258 16.8788 6.76566L18.5608 6.3169C18.2025 4.99606 17.6386 3.85789 16.8713 2.91396C15.3162 1.0007 13.0419 0.0203279 10.1114 0H10.0997C7.17516 0.0202573 4.92625 1.00435 3.41544 2.92493C2.07102 4.634 1.37753 7.01205 1.35423 9.99297L1.35416 10L1.35423 10.007C1.37753 12.9879 2.07102 15.366 3.41544 17.0751C4.92625 18.9956 7.17516 19.9798 10.0997 20H10.1114C12.7114 19.982 14.5442 19.3013 16.0539 17.7928C18.0293 15.8194 17.9698 13.3457 17.3187 11.8272C16.8517 10.7382 15.9611 9.85377 14.7434 9.26961ZM10.2542 13.4903C9.16671 13.5516 8.03691 13.0634 7.9812 12.0179C7.93991 11.2427 8.53289 10.3777 10.3209 10.2747C10.5257 10.2629 10.7267 10.2571 10.9241 10.2571C11.5735 10.2571 12.1811 10.3202 12.7335 10.4409C12.5275 13.0141 11.3189 13.4319 10.2542 13.4903Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://instagram.com/razorberries"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://twitch.tv/razorberries"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="password__list-item password__list-item--social">
      <a
        
          href="https://ko-fi.com/razorberries"
        
        target="_blank"
        class="password__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.9007 7.5751C19.6232 6.1101 18.8346 5.19782 18.0265 4.63327C17.1906 4.05002 16.1894 3.75 15.1702 3.75H0.703061C0.199969 3.75 0.00720603 4.24126 0.00529749 4.48746C0.00529749 4.51952 0.00606091 4.64816 0.00606091 4.64816C0.00606091 4.64816 -0.017605 11.0486 0.0274366 14.4668C0.164088 16.4849 2.186 16.4842 2.186 16.4842C2.186 16.4842 8.78765 16.4647 11.9539 16.4452C12.1024 16.4445 12.2509 16.4284 12.3948 16.3922C14.1976 15.941 14.3839 14.2665 14.3648 13.3328C17.9883 13.534 20.5447 10.9773 19.9007 7.57472V7.5751ZM10.6897 10.499C9.65222 11.7094 7.34975 13.8107 7.34975 13.8107C7.34975 13.8107 7.24936 13.9092 7.09172 13.8298C7.02835 13.7828 7.00163 13.755 7.00163 13.755C6.63252 13.3878 4.19646 11.2166 3.6426 10.4623C3.05209 9.65847 2.77574 8.21446 3.5674 7.3728C4.35868 6.53151 6.06988 6.46853 7.20012 7.71175C7.20012 7.71175 8.50366 6.22805 10.0881 6.90978C11.6726 7.59151 11.6123 9.41608 10.6897 10.499ZM15.8306 10.8967C15.058 10.9933 14.4301 10.9208 14.4301 10.9208V6.18912H15.3809C16.0092 6.18912 16.6157 6.45097 17.0257 6.92696C17.3143 7.2621 17.5452 7.73389 17.5452 8.38585C17.5452 9.9791 16.7241 10.607 15.8306 10.8967Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


            </ul>
          </div>
        

        
      </div>
    </div>
  </div>
</section>
</div>
    </div>

    <script>
  var fourthwallTheme = {
    strings: {
      addToCart: "Add to Cart",
      redeemGift: "Redeem Your Gift",
      viewCart: "View Cart",
      checkout: "Checkout",
      outOfStock: "Out of Stock",
      unavailable: "Not Available",
      soldOut: "Sold Out",
      soldOutSuffix: " - Sold Out",
      missingQuantityError: "Please choose the quantity.",
      generalError: "An error occurred. Please try refreshing the page.",
      item: "item",
      items: "items",
      startShopping: "Start Shopping",
      subtotal: "Subtotal",
      backToShopping: "Back to Shopping",
      cart: {
        heading: "[item_count] [item_count_label] in your cart for [total]",
        emptyHeading: "Your Shopping Cart is Empty",
        tableHeader: {
          item: "Item",
          quantity: "Quantity",
          price: "Price"
        },
        deleteModal: {
          heading: "Are you sure you want to remove [title] from your cart?",
          cancel: "Cancel",
          delete: "Delete"
        }
      },
      newsletter: {
        missingEmailError: 'Please enter your email.',
        invalidEmailError: 'Please enter a valid email.'
      },
      donation: {
        missingAmountError: 'Please select or enter the donation amount.',
        invalidAmountError: 'Please enter a valid donation amount.',
        missingNameError: 'Please enter your name.',
        missingMessageError: 'Please enter the message.'
      }
    },
    urls: {
      cart: "/cart",
      cartItemLocalizedPrefix: "",
      cartAddUrl: "/cart/add",
      cartChangeUrl: "/cart/change",
      productsUrlPrefix: "/products",
      allProductsCollection: "/collections/all",
    }
  };
</script>


    <script src="https://themes.fourthwall.com/themes-library/assets/8d4fc9b7-a7e5-410c-9c34-89c5137ef482/assets/theme.js?v=99cc674094327cbfe40f1d693dd86018b31a64b2055407d649f737375a786058" rel="preload"></script>

    
<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div>
<!-- Default Statcounter code for Razorberries
https://razorberries.com -->
<script type="text/javascript">
var sc_project=1183573; 
var sc_invisible=1; 
var sc_security="bf80c483"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="https://statcounter.com/" target="_blank"><img
class="statcounter"
src="https://c.statcounter.com/1183573/0/bf80c483/1/"
alt="Web Analytics"
referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
<!-- End of Statcounter Code -->

  <div class="admin-bar-container hidden">
  <div id="admin-bar" class="admin-bar sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
      <div class="actions">
        <div class='desktop'>
          <div class="dropdown">
            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
            <div class="dropdown-content" id="desktop-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>
          <a href="/admin/dashboard/store-design/layout/password/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a>
          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
        </div>

        <div class='mobile'>
          <div class="dropdown">
            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
            <div class="dropdown-content" id="mobile-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>

          <div class="dropdown mobile">
            <button class="dropdown-button pill" data-target="mobile-links">
              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g id="Dots horizontal">
                  <g>
                    <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                  </g>
                </g>
              </svg>
            </button>
            <div class="dropdown-content" id="mobile-links">
              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
            </div>
          </div>
        </div>

        <div class="pill close">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
            </g>
          </svg>
        </div>
      </div>
    </div>
  </div>

  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
    </div>
  </div>
</div>

<script>
  const cookieModule = {
    setCookie: function (name, value, days = 365, maxAge) {
      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
      let cookieString = `${name}=${value}; expires=${expires}; path=/`;

      if (maxAge) {
        cookieString += `; max-age=${maxAge}`;
      }

      document.cookie = cookieString;
    },

    getCookie: function (name) {
      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
      return cookie ? cookie.split('=')[1] : null;
    }
  };

  const AdminBar = {
    adminBar: document.getElementById("admin-bar"),
    adminBarContainer: document.querySelector(".admin-bar-container"),
    adminBarSmall: document.getElementById("admin-bar-small"),
    closeButton: document.querySelector('#admin-bar .close'),
    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
    dropdownButtons: document.querySelectorAll(".dropdown-button"),
    dropdownContents: document.querySelectorAll(".dropdown-content"),
    inIframe: () => {
      try {
        return window.self !== window.top;
      } catch (e) {
        return true;
      }
    },
    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
    creatorAccessCookieExists: () => cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator',
    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
    verifyCreator: () => {
      
      window.location.href = '/platform/creators/users/auth/verify';
    },
    authorizeCreator: () => {
      if (AdminBar.creatorAccessCookieExists() && (AdminBar.viewAsCreator() || !AdminBar.viewAsSupporter())) {
        fetch("/platform/creators/users/auth")
          .then((response) => {
            if (response.status === 401 && _this.viewAsCreator()) {
              AdminBar.verifyCreator();
            } else if (response.status === 204) {
              cookieModule.setCookie('view_as', 'creator');
              AdminBar.viewAsDesktopButton.textContent = 'View as: Admin';
              window.location = '/';
            }
          });
      }
    },
    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
    toggleDropdown: (dropdownContent) => {
      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
    },
    init() {
      if (
        !AdminBar.inThemeEditor() &&
        (cookieModule.getCookie('core_dashboard_visited') || cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator')
      ) {
        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
        AdminBar.authorizeCreator();
        AdminBar.adminBarContainer.classList.toggle('hidden');
        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
          AdminBar.adminBarSmall.classList.toggle('hidden');
        } else {
          AdminBar.adminBar.classList.toggle('hidden');
        }
      }

      AdminBar.closeButton.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'condensed');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      AdminBar.adminBarSmall.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'expanded');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      // Add event listeners to each dropdown button
      AdminBar.dropdownButtons.forEach((button) => {
        button.addEventListener("click", () => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          AdminBar.toggleDropdown(dropdownContent);
        });
      });

      // Close the dropdowns when clicking outside
      document.addEventListener("click", (event) => {
        AdminBar.dropdownButtons.forEach((button) => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
            dropdownContent.style.display = "none";
          }
        });
      });

      document.querySelectorAll(".dropdown-content li").forEach((item) => {
        item.addEventListener("click", (event) => {
          const mode = event.target.getAttribute("data-mode");
          if (mode === 'creator') {
            cookieModule.setCookie('view_as', 'creator');
            AdminBar.verifyCreator();
          } else {
            cookieModule.setCookie('view_as', 'supporter');
            cookieModule.setCookie('creator_access_token', 'creator', 365, 0);
            window.location.reload();
          }
        });
      });
    },
  };

  AdminBar.init();
</script>

<style>
  .admin-bar-container {
    height: 56px;
  }

  .hidden {
    display: none;
  }

  .admin-bar,
  .admin-bar-small {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 56px;
    width: 100%;
  }

  .admin-bar-small {
    width: 73px;
    cursor: pointer;
  }

  .sticky {
    position: fixed;
    bottom: 0;
  }

  .admin-bar a {
    color: #FDFCFB;
    padding: 14px;
    font-size: 14px;
    text-decoration: none;
  }

  .admin-bar button {
    padding: 14px;
    font-size: 14px;
  }

  .admin-bar .wrapper,
  .admin-bar-small .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .admin-bar-small .wrapper {
    padding: 12px 20px;
  }

  .admin-bar .pill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;

    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(253, 252, 251, 0.12);

    cursor: pointer;
  }

  .admin-bar .pill:hover {
    background: rgba(253, 252, 251, 0.22);
  }

  .admin-bar .close {
    padding: 6px 11px;
  }

  .admin-bar .actions,
  .admin-bar .actions .desktop,
  .admin-bar .actions .mobile {
    display: flex;
    gap: 10px;
  }

  .admin-bar .actions .desktop,
  .admin-bar .actions .edit-page {
    display: none;
  }

  @media (min-width: 768px) {
    .admin-bar a,
    .admin-bar button {
      font-size: 16px;
    }

    .admin-bar .actions .desktop,
    .admin-bar .actions .edit-page {
      display: flex;
      gap: 10px;
    }

    .admin-bar .actions .mobile {
      display: none;
    }
  }

  .dropdown {
    position: relative;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: 100%; /* Position above the button */
    border-radius: 10px;
    bottom: calc((100% + 8px) - 0px);
    right: 0;
  }

  /* Style for each list item */
  .dropdown-content .dropdown-item {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    border-radius: 10px;
  }

  .dropdown-content .dropdown-item:hover {
    background-color: rgba(255,255,255,0.2)
  }

  /* Style for the button */
  .dropdown-button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 24px;
  }
</style>

</body>
</html>
