@font-face {
  font-family: "GT-Pressura-Mono";
  src: url("https://cdn.shopify.com/s/files/1/0824/1414/1734/files/GT-Pressura-Mono-Regular.woff2?v=1709053635");
}

@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap");

/* This is a hack to move the arrow to the right on plam */
.group > svg:first-of-type[viewBox="0 -9 3 24"] {
  order: 10;
  margin-left: auto;
}
#navbar .bg-gray-950\/\[0\.03\] {
  background-color: transparent;
}
/*
.hidden.lg\:flex.px-12.h-12 {
  position: absolute;
  width: 19rem;
  border-bottom: 1px solid;
  border-bottom-color: rgb(var(--gray-200) / 0.7);
  border-right: 1px solid;
  border-right-color: rgb(var(--gray-200) / 0.7);
}
.flex.items-center.h-14.py-4.px-5.lg\:hidden {
  border-top: 1px solid;
  border-top-color: rgb(var(--gray-200) / 0.7);
}*/

.w-full.flex.items-center.px-7.py-4.border-t.border-gray-200\/70.dark\:border-white\/\[0\.07\] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
button.absolute.top-5.right-5.p-1\.5.rounded-md.hover\:bg-neutral-950\/5.dark\:hover\:bg-white\/5.cursor-pointer {
  display: none;
}

.light div#content-container {
  background: #fcfcf9;
}
.dark div#content-container {
  background: #1a1a1a;
}

#navbar nav a {
  border-radius: 40px;
  background-color: rgb(241, 237, 231);

  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  display: flex;
  line-height: 38px;
  min-width: 120px;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 0px;
}

#navbar nav #topbar-cta-button a {
  background-color: rgb(29, 208, 153);
}
#navbar nav #topbar-cta-button a span {
  color: #fff;
}

#navbar nav a svg {
  display: none;
}
/* end hack */

/* almound theme 
.bg-white {
  background-color: #fdfcf9;
}
.bg-\[\#F4F4F5\] {
  background-color: #faf6ef;
}
.bg-primary-dark {
  background-color: #1dd099;
}
#content-container {
  box-shadow: inset 0 0 0 1px #0000000d, #1a1a1a12 0 1px;
  border: none;
  border-radius: 10px;
}
#topbar-cta-button a {
  border-radius: 40px;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: 1.7rem;
}
/* endalmound theme */

.eyebrow {
  font-family: "GT-Pressura-Mono";
  font-weight: 400;
}
#page-title {
  font-family: "Instrument Serif", serif;
  font-weight: 500;
  font-size: 4em;
  line-height: 1em;
  margin: auto;
  letter-spacing: -0.05rem;
}

.frame,
.card {
  box-shadow: inset 0 0 0 1px #0000000d, #1a1a1a12 0 1px;
  border: none;
  border-radius: 10px;
  font-family: "GT-Pressura-Mono";
}
.rounded-2xl,
.rounded-xl {
  border-radius: 10px;
}

#pagination {
  border-top: 1px solid rgb(var(--gray-100));
  padding-top: 3rem;
}

#pagination a,
.accordion {
  background-color: #ffffffcc;
}
.hover\:bg-gray-100:hover {
  background-color: #f1ede7;
}

.dark .frame,
.dark .card {
  border: 1px solid #626262;
}
.dark #pagination a,
.dark .accordion {
  background-color: #1a1a1a;
}
.dark .hover\:bg-gray-100:hover {
  background-color: #1a1a1a;
}

#header {
  background: radial-gradient(rgba(191, 250, 219, 1), rgb(252 252 249) 78%);
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  text-wrap: balance;
}

.dark #header {
  background: radial-gradient(rgba(254, 215, 216, 0.2), rgb(22 22 23) 60%);
}

@media (max-width: 768px) {
 #content-container {
    padding-left: 1rem;
    padding-right: 1rem;
 }
}

App embed

Primary app blocks

Calendar app blocks

Membership app blocks

App blocks

Add configurable app blocks to your Shopify theme.

Overview

Supercycle

Add circular models to Shopify with Supercycle.

Introduction

Overview of the Supercycle platform and how it works with Shopify

Platform

Circular commerce is charging for the same item multiple times, we support various models.

Methods

Getting started

Import SKUs into Supercycle to create your rental inventory

Importing products

Setup methods

Theme setup

Emails

Customer portal

Allow customers to search by the availability of items

Search

Localize, personalize and translate terms

Languages

Enable payments to continue testing your site

Payments

Deposits

Custom data fields for your items and rentals

Custom data

Understanding the `_rental_intent_token` Line Item Property.

Rental intent token

Allows customers to search by availability

Availability search

Show available membership plans on any page

Membership plans

Display Supercycle prices on the front end

Supercycle prices

Everything you need to know to add circular models to Shopify with Supercycle.

Welcome to Supercycle

Learn how Supercycle builds upon Shopify&rsquo;s strong foundations

Supercycle and Shopify

Quickstart

Learn about running one-off rentals on your store

Calendar overview

Allow customers to rent a product one-off

Product setup

Fixed fees

Learn about running membership rental plans on your store

Membership overview

Add price differentiation for items with varying costs

Credit systems

Create membership plans for your customers to subscribe to

Plans configuration

Customer tags

Offer access to products on a rolling basis

Subscription overview

Choose a store-wide interval to bill subscription products on

Billing interval setup

Resale

Import and manage products available with circular methods

Products

Items

Conditions

Rentals

Ally, our item to rental allocation algorithm

Allocation

Returns

Invoices

Portal

Enable when items are stored at multiple physical locations

Locations

Give your team time between rentals to refurbish and fulfill items

Buffers

Order cutoff time

Merchants wishing to run operations outside of Shopify can view and update objects in Supercycle via our REST API

All Supercycle API calls require authentication via an API key, which can be generated from the Supercycle Admin interface.

Authentication

List API methods use keyset pagination to limit the number of results returned per request

Pagination

List all conditions

Returns a list of items and their details given parameters. Used by merchants to view their inventory.

List all items

Create a new item against a product that has already been imported into Supercycle.

Create an item

Retrieve an item

Update an item's serial, condition, processing status, or, in future, its metafields.

Update an item

Returns a list of all products in Supercycle. Likely to be used in conjunction with Shopify API to display information about the products.

List all products

Import Shopify products into Supercycle by list.

Import products

Returns a list of rentals given parameters. Used by merchants to see rentals due for dispatch, return etc.

List all rentals

Retrieve a rental

Update details about a rental - either edits or despatch/return information. Merchants may also update the Shopify order/fulfillment at the same time via the Shopify API.

Update a rental

Get a list of returns, their details and items, given parameters. Used by merchants to list registered returns to start, or check if an item already exists in a return.

List all returns

Create a return by items. Return line statuses and conditions can be specified. If an item is in an existing return and has not active rentals, the endpoint updates the return line. If the item has multiple active rentals, the rental ID must be specified (return rental IDs with error).

Create a return

Retrieve a return

Update status of a return or items in a return, or add an item to an existing return.

Introduction

App blocks

Code snippets

​

​App embed

​App blocks

​Primary app blocks

Methods

​Calendar app blocks

Availability search

​Membership app blocks

Membership plans

App embed

App blocks

Primary app blocks

Calendar app blocks

Membership app blocks