basedhardware.com
Open in
urlscan Pro
23.227.38.69
Public Scan
Submitted URL: https://c.vialoops.com/CL0/https:%2F%2Fbasedhardware.com%2Ffriend/1/01000190ee6438be-cd8a62d2-c268-4126-a5c3-7237844ecf...
Effective URL: https://basedhardware.com/
Submission: On July 26 via manual from US — Scanned from DE
Effective URL: https://basedhardware.com/
Submission: On July 26 via manual from US — Scanned from DE
Form analysis 6 forms found in the DOM
POST /cart/add
<form method="post" action="/cart/add" id="product-form-grhf7vtekr" accept-charset="UTF-8" class="form contents" enctype="multipart/form-data" data-type="add-to-cart-form" autocomplete="off"><input type="hidden" name="form_type"
value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="49477776507172">
<input type="hidden" name="quantity" value="1">
<button type="submit" onclick="return false;" style="display:none;"></button>
<div id="grhf7vtekr"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:none;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--mb:0px;--cg:30px;--pc:start;--gtc:minmax(0, 12fr);--gtc-mobile:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%"
class="grhf7vtekr gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:start" class="gS6OemT630 gp-relative gp-flex gp-flex-col">
<gp-product-images-v2 gp-data="
{
"id":"gENkMtXXPC",
"setting":{"arrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","borderActive":{"borderType":"none","borderWidth":"1px","color":"#000000","isCustom":"false","width":"1px 1px 1px 1px"},"clickOpenLightBox":{"desktop":false},"dragToScroll":true,"ftArrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","ftClickOpenLightBox":{"desktop":false},"ftDotActiveColor":{"desktop":"line-3"},"ftDotColor":{"desktop":"bg-1"},"ftDotGapToCarousel":{"desktop":16},"ftDotSize":{"desktop":12},"ftDotStyle":{"desktop":"none"},"ftDragToScroll":true,"ftLoop":{"desktop":false},"ftNavigationPosition":{"desktop":"inside"},"ftPauseOnHover":true,"ftSpeed":1,"galleryHoverEffect":"none","galleryZoom":150,"galleryZoomType":"default","hasOnlyDefaultVariant":false,"hoverEffect":"none","loop":{"desktop":true},"navigationPosition":{"desktop":"inside","mobile":"none"},"otherImage":0,"pauseOnHover":true,"speed":1,"type":{"desktop":"slider"},"typeDisplay":"all-images","zoom":150,"zoomType":"default"},
"styles":{"align":{"desktop":"center"},"corner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftCorner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftLayout":{"desktop":"contain"},"ftShape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"281px"}},"itemSpacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"},"layout":{"desktop":"cover"},"position":{"desktop":"only-feature","mobile":"only-feature"},"ratioLayout":{"desktop":[2,10]},"ratioLayoutRight":{"desktop":[10,2]},"shape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor1Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor2Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"50%"}},"shapeForBottom":{"desktop":{"shape":"square","shapeValue":"1/1","width":"20%"}},"shapeForFtOnly":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"spacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"}}, "productUrl":"\/products\/friend", "product":{"id":9529732104484,"title":"FRIEND NECKLACE","handle":"friend","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eIdeal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.\u003c\/p\u003e\n\u003c!----\u003e","published_at":"2024-06-23T20:13:42-07:00","created_at":"2024-06-23T20:11:53-07:00","vendor":"Based Hardware","type":"","tags":[],"price":6595,"price_min":6595,"price_max":6595,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":49477776507172,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"Friend1","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - Black","public_title":"Black","options":["Black"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":49479535264036,"title":"White","option1":"White","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - White","public_title":"White","options":["White"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732"],"featured_image":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","options":["Color"],"media":[{"alt":null,"id":41226279256356,"position":1,"preview_image":{"aspect_ratio":0.845,"height":1033,"width":873,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731"},"aspect_ratio":0.845,"height":1033,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","width":873},{"alt":null,"id":41226279289124,"position":2,"preview_image":{"aspect_ratio":0.845,"height":1033,"width":873,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732"},"aspect_ratio":0.845,"height":1033,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732","width":873}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eIdeal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.\u003c\/p\u003e\n\u003c!----\u003e"}
}
" section-id="template--22750331339044__gp_section_516813723730445192" style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l)"
class="gp-overflow-hidden">
<div class="gp-grid gp-w-full !gp-m-0 gp-relative" style="--gtc:minmax(0, 12fr);--gtc-tablet:minmax(0, 12fr);--gtc-mobile:minmax(0, 12fr);--gg:var(--g-s-s);--gg-mobile:var(--g-s-s)">
<gp-carousel type="gp-feature-image-carousel" product-id="9529732104484" product-media="2"
id="gp-root-carousel-ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192" class="
gp-px-0 tablet:gp-px-0 mobile:gp-px-0
gp-flex-1 gp-w-full gp-feature-image-carousel
gp-group/carousel gp-flex"
gp-data="{"id":"ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192","setting":{"loop":{"desktop":false},"slidesToShow":{"desktop":1},"dotStyle":{"desktop":"none","tablet":"none","mobile":"none"},"dotSize":{"desktop":12},"dotGapToCarousel":{"desktop":16},"dotColor":{"desktop":"bg-1"},"dotActiveColor":{"desktop":"line-3"},"controlOverContent":{"desktop":true,"tablet":true,"mobile":true},"enableDrag":{"desktop":true,"tablet":true,"mobile":true},"arrowCustom":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","arrowBorder":{},"roundedArrow":{},"sneakPeakType":{"desktop":"center"},"arrowGapToEachSide":"16","navigationStyle":{"desktop":"inside"},"arrowButtonSize":{"desktop":{"width":"24px","height":"24px"}}},"styles":{"sizeSetting":{"desktop":{"width":"281px","height":"auto"},"tablet":{"width":"281px","height":"auto"},"mobile":{"width":"281px","height":"auto"}},"align":{"desktop":"center","tablet":"center","mobile":"center"}},"isHiddenArrowWhenDisabled":true}"
style="--jc:center;--o:0;--o-tablet:0;--o-mobile:0;--d:flex;--d-mobile:flex;--d-tablet:flex">
<div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
<div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gENkMtXXPC"
style="--w:281px;--w-tablet:281px;--w-mobile:281px;--h:auto;--h-tablet:auto;--h-mobile:auto">
<div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
<button type="button" aria-label="Carousel Back Arrow"
class="ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-carousel-action-back gem-slider-previous ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gENkMtXXPC gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2 visibility-hidden"
style="--left:16px;--top:initial;--right:initial;--bottom:;--left-tablet:16px;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:16px;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}" data-hidden="true" disabled="">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC {}
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC {}
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC::before {}
}
@media only screen and (max-width: 768px) {
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC {}
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC::before {}
}
</style>
</button>
<div id="gp-carousel-ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192"
class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full" style="">
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="1" id="template--22750331339044__gp_section_516813723730445192-48735211553060"
style="width: 873px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; min-width: 1px; max-width: 1px; transform: translate3d(0px, 0px, 0px); height: 0px;"
class="gem-slider-item gp-w-full gem-slider-item-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41226279256356
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity "
data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_768x768.png?v=1719355731 768w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1024x1024.png?v=1719355731 1024w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1440x1440.png?v=1719355731 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:contain">
</div>
</div>
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="2" id="template--22750331339044__gp_section_516813723730445192-48735211520292"
style="width: 873px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 1px; max-width: 1px; transform: translate3d(0px, 0px, 0px); height: 0px;"
class="gem-slider-item gp-w-full gem-slider-item-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41226279289124
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity "
data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_768x768.png?v=1719355732 768w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1024x1024.png?v=1719355732 1024w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1440x1440.png?v=1719355732 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:contain">
</div>
</div>
</div>
<button type="button" aria-label="Carousel Next Arrow"
class="ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-carousel-action-next gem-slider-next ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gENkMtXXPC gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:initial;--top:;--right:16px;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:16px;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:16px;--bottom-mobile:initial;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}" data-hidden="false">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC {}
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC {}
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC::before {}
}
@media only screen and (max-width: 768px) {
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC {}
.ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gENkMtXXPC::before {}
}
</style>
</button>
</div>
<div
class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-ft-gENkMtXXPC-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
style="--bottom:16px;--bottom-tablet:16px;--bottom-mobile:16px;--d:none;--d-tablet:none;--d-mobile:none"></div>
</div>
</gp-carousel>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721307215480" defer="defer"></script>
</div>
</gp-product-images-v2>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-images-v2.js?v=1721307215480" defer="defer"></script>
</div>
<div label="Block" tag="Col" type="component" style="--jc:start" class="gjJpoy41VS gp-relative gp-flex gp-flex-col">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="gTlRjyvc8e ">
<div class=" " style="">
<div class="" style="">
<h1 data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-product-title"
style="--w:100%;--ta:center;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--c:#ffffff;--fs:normal;--weight:400;--ls:normal;--size:16px;--size-tablet:21px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
FRIEND NECKLACE</h1>
</div>
</div>
</div>
<div parenttag="Col" id="gORmy920oY"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--mb:0px;--cg:var(--g-s-s);--pc:center;--gtc:minmax(0, auto);--gtc-mobile:minmax(0, auto);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
class="gORmy920oY gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:center" class="gYNHDU3Ut5 gp-relative gp-flex gp-flex-col">
<gp-product-price class="gp-product-price group-data-[state=loading]:gp-invisible"
gp-data="{"priceType":"regular","uid":"g7NQ6A9JcW","locale":"en","currency":"USD","moneyFormat":"€{{amount_with_comma_separator}}"}"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none)" data-hidden="false">
<div id="p-price-g7NQ6A9JcW" class=" " style="">
<div class="" style="">
<div type="regular" data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-price gp-money gp-decoration-g-text-1"
style="--w:100%;--tdc:text-1;--tdt:1;--ta:center;--c:#e2e2e2;--fs:normal;--weight:600;--ls:normal;--size:16px;--size-tablet:18px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
€65,95</div>
</div>
</div>
</gp-product-price>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721307215480" defer="defer"></script>
</div>
</div>
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--op-mobile:100%;--op-tablet:100%;--radius:var(--g-radius-none);--mb:25px;--ml-mobile:32px;--mb-mobile:25px;--mr-mobile:32px"
class="gnVzXHt47a ">
<gp-product-description class=" gp-product-description"
gp-data="{"setting":{"lineClamp":{"desktop":12},"hasLineClamp":{"desktop":true},"viewMoreText":"Show more","viewLessText":"Show less","enableViewMoreIcon":true},"defaultStyle":{"--ta":"center","--c":"#e2e2e2"},"collapseStyle":{"--ta":"center","--c":"#e2e2e2","--line-clamp":12,"--line-clamp-tablet":12,"--line-clamp-mobile":12}}">
<style>
.gp-p-description-text>:not(ol):not(ul):not(table) {
display: inline !important
}
.gp-p-description-text>:not(ol):not(ul):not(table)::after {
content: "\A";
white-space: pre
}
.gp-p-description-text>table {
box-shadow: none
}
</style>
<div
class="gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre gp-g-paragraph-1 gp-text-g-text-1 data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white"
style="--ta: center;--c: #e2e2e2;--line-clamp: 12;--line-clamp-tablet: 12;--line-clamp-mobile: 12;">
<p>
<meta charset="utf-8">Ideal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.
</p>
<!---->
</div>
<button type="button" class="p-description-show-more gp-g-paragraph-1 gp-text-g-text-1 gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full"
style="--ta:center;--c:var(--g-c-text-1, text-1);--d:block;--d-mobile:block;--d-tablet:block;position:absolute;visibility:hidden"> Show more <svg class="gp-ml-1 gp-inline-block" style="display: inline-block; margin-left: 1px;"
height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
fill="currentColor"></path>
</svg>
</button>
<style data-shopify="">
.p-description-wrapper.gp-p-description-text * {
color: inherit
}
</style>
</gp-product-description>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-description.js?v=1721307215480" defer="defer"></script>
</div><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"buy-now","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Pre-order","outOfStockLabel":"Pre-order","errorType":"built-in","customURL":{"link":"/cart","target":"_self"}},"styles":{"errorTypo":{"attrs":{"color":"error"},"type":"paragraph-2"},"successTypo":{"attrs":{"color":"success"},"type":"paragraph-2"}},"disabled":"true","variantID":"49477776507172","totalVariant":"2"}"
style="">
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:center" class="">
<style>
.gBH2m67HQ-.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.gBH2m67HQ-:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gBH2m67HQ-:hover .gp-button-icon {
color: undefined;
}
.gBH2m67HQ- .gp-button-icon {
color: #FFFFFF;
}
.gBH2m67HQ-:hover .gp-button-price {
color: undefined;
}
.gBH2m67HQ- .gp-button-price {
color: #FFFFFF;
}
.gBH2m67HQ- .gp-product-dot-price {
color: #FFFFFF;
}
.gBH2m67HQ-:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gBH2m67HQ-" aria-label="Pre-order" data-state="idle"
class="gBH2m67HQ- gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-atc tcustomizer-submit-button"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:40%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Pre-order </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:center" class="!gp-hidden">
<style>
.gBH2m67HQ--sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.gBH2m67HQ--sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gBH2m67HQ--sold-out:hover .gp-button-icon {
color: undefined;
}
.gBH2m67HQ--sold-out .gp-button-icon {
color: #FFFFFF;
}
.gBH2m67HQ--sold-out:hover .gp-button-price {
color: undefined;
}
.gBH2m67HQ--sold-out .gp-button-price {
color: #FFFFFF;
}
.gBH2m67HQ--sold-out .gp-product-dot-price {
color: #FFFFFF;
}
.gBH2m67HQ--sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gBH2m67HQ--sold-out" aria-label="Pre-order" data-state="idle"
class="gBH2m67HQ--sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:40%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Pre-order </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script>
</div>
</div><input type="hidden" name="product-id" value="9529732104484"><input type="hidden" name="section-id" value="template--22750331339044__gp_section_516813723730445192">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-gIjGf-Qio2" accept-charset="UTF-8" class="form contents" enctype="multipart/form-data" data-type="add-to-cart-form" autocomplete="off"><input type="hidden" name="form_type"
value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="49477776015652">
<input type="hidden" name="quantity" value="1">
<button type="submit" onclick="return false;" style="display:none;"></button>
<div id="gIjGf-Qio2"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:none;--d-mobile:grid;--d-tablet:grid;--op:100%;--op-tablet:100%;--radius:var(--g-radius-none);--mb:0px;--cg:30px;--pc:start;--gtc:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%"
class="gIjGf-Qio2 gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:start" class="gwoiuXRMji gp-relative gp-flex gp-flex-col">
<gp-product-images-v2 gp-data="
{
"id":"gWo9m-gSy1",
"setting":{"arrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","borderActive":{"borderType":"none","borderWidth":"1px","color":"#000000","isCustom":"false","width":"1px 1px 1px 1px"},"clickOpenLightBox":{"desktop":false},"dragToScroll":true,"ftArrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","ftClickOpenLightBox":{"desktop":false},"ftDotActiveColor":{"desktop":"line-3"},"ftDotColor":{"desktop":"bg-1"},"ftDotGapToCarousel":{"desktop":16},"ftDotSize":{"desktop":12},"ftDotStyle":{"desktop":"none"},"ftDragToScroll":true,"ftLoop":{"desktop":false},"ftNavigationPosition":{"desktop":"inside","mobile":"inside"},"ftPauseOnHover":true,"ftSpeed":1,"galleryHoverEffect":"none","galleryZoom":150,"galleryZoomType":"default","hasOnlyDefaultVariant":true,"hoverEffect":"none","loop":{"desktop":true},"navigationPosition":{"desktop":"inside"},"otherImage":0,"pauseOnHover":true,"preDisplay":"1st-images","speed":1,"type":{"desktop":"slider"},"typeDisplay":"all-images","zoom":150,"zoomType":"default"},
"styles":{"align":{"desktop":"center"},"corner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftCorner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftLayout":{"desktop":"contain"},"ftShape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"281px"}},"itemSpacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"},"layout":{"desktop":"cover"},"position":{"desktop":"only-feature","mobile":"only-feature"},"ratioLayout":{"desktop":[2,10]},"ratioLayoutRight":{"desktop":[10,2]},"shape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor1Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor2Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"50%"}},"shapeForBottom":{"desktop":{"shape":"square","shapeValue":"1/1","width":"20%"}},"shapeForFtOnly":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"spacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"}}, "productUrl":"\/products\/friend-dev", "product":{"id":9529731645732,"title":"FRIEND DEV KIT","handle":"friend-dev","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePerfect for developers and tech enthusiasts who want to start creating immediately.\u003c\/p\u003e\n\u003c!----\u003e","published_at":"2024-06-23T20:13:50-07:00","created_at":"2024-06-23T20:11:40-07:00","vendor":"My Store","type":"","tags":[],"price":4595,"price_min":4595,"price_max":4595,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":49477776015652,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"FRIEND-DEV","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND DEV KIT","public_title":null,"options":["Default Title"],"price":4595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725"],"featured_image":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725","options":["Title"],"media":[{"alt":null,"id":41200895426852,"position":1,"preview_image":{"aspect_ratio":1.291,"height":265,"width":342,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725"},"aspect_ratio":1.291,"height":265,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725","width":342}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePerfect for developers and tech enthusiasts who want to start creating immediately.\u003c\/p\u003e\n\u003c!----\u003e"}
}
" section-id="template--22750331339044__gp_section_516813723730445192" style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l)"
class="gp-overflow-hidden">
<div class="gp-w-full !gp-m-0 gp-relative" style="--gtc:minmax(0, 12fr);--gg:var(--g-s-s);--gg-mobile:var(--g-s-s)">
<gp-carousel type="gp-feature-image-carousel" product-id="9529731645732" product-media="1"
id="gp-root-carousel-ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192" class="
gp-px-0 tablet:gp-px-0 mobile:gp-px-0
gp-flex-1 gp-w-full gp-feature-image-carousel
gp-group/carousel gp-flex"
gp-data="{"id":"ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192","setting":{"loop":{"desktop":false},"slidesToShow":{"desktop":1},"dotStyle":{"desktop":"none","tablet":"none","mobile":"none"},"dotSize":{"desktop":12},"dotGapToCarousel":{"desktop":16},"dotColor":{"desktop":"bg-1"},"dotActiveColor":{"desktop":"line-3"},"controlOverContent":{"desktop":true,"tablet":true,"mobile":true},"enableDrag":{"desktop":true,"tablet":true,"mobile":true},"arrowCustom":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","arrowBorder":{},"roundedArrow":{},"sneakPeakType":{"desktop":"center"},"arrowGapToEachSide":"16","navigationStyle":{"desktop":"inside","mobile":"inside"},"arrowButtonSize":{"desktop":{"width":"24px","height":"24px"}}},"styles":{"sizeSetting":{"desktop":{"width":"281px","height":"auto"},"tablet":{"width":"281px","height":"auto"},"mobile":{"width":"281px","height":"auto"}},"align":{"desktop":"center","tablet":"center","mobile":"center"}},"isHiddenArrowWhenDisabled":true}"
style="--jc:center;--o:0;--o-tablet:0;--o-mobile:0;--d:flex;--d-mobile:flex;--d-tablet:flex" active-index="0">
<div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
<div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gWo9m-gSy1"
style="--w:281px;--w-tablet:281px;--w-mobile:281px;--h:auto;--h-tablet:auto;--h-mobile:auto">
<div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
<button type="button" aria-label="Carousel Back Arrow"
class="ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732 gp-carousel-action-back gem-slider-previous ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gWo9m-gSy1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:16px;--top:initial;--right:initial;--bottom:;--left-tablet:16px;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:16px;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1 {}
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1 {}
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1::before {}
}
@media only screen and (max-width: 768px) {
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1 {}
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1::before {}
}
</style>
</button>
<div id="gp-carousel-ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192"
class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full"
style="--cg-mobile:undefinedpx;--cg-tablet:undefinedpx;--cg:undefinedpx">
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="1" id="template--22750331339044__gp_section_516813723730445192-48710119227684"
style="width: 342px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; height: 0px;"
class="gem-slider-item gp-w-full gem-slider-item-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41200895426852
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp_lazyload"
data-src="//basedhardware.com/cdn/shop/files/InvertedColorsImage.png?v=1719194725"
data-srcset="//basedhardware.com/cdn/shop/files/InvertedColorsImage_768x768.png?v=1719194725 768w,//basedhardware.com/cdn/shop/files/InvertedColorsImage_1024x1024.png?v=1719194725 1024w,//basedhardware.com/cdn/shop/files/InvertedColorsImage_1440x1440.png?v=1719194725 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="342" height="265" alt="FRIEND DEV KIT"
base-src="//basedhardware.com/cdn/shop/files/InvertedColorsImage.png?v=1719194725" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:contain">
</div>
</div>
</div>
<button type="button" aria-label="Carousel Next Arrow"
class="ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732 gp-carousel-action-next gem-slider-next ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gWo9m-gSy1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:initial;--top:;--right:16px;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:16px;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:16px;--bottom-mobile:initial;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1 {}
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1 {}
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1::before {}
}
@media only screen and (max-width: 768px) {
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1 {}
.ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gWo9m-gSy1::before {}
}
</style>
</button>
</div>
<div
class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-ft-gWo9m-gSy1-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
style="--bottom:16px;--bottom-tablet:16px;--bottom-mobile:16px;--d:none;--d-tablet:none;--d-mobile:none"></div>
</div>
</gp-carousel>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721307215480" defer="defer"></script>
</div>
</gp-product-images-v2>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-images-v2.js?v=1721307215480" defer="defer"></script>
</div>
<div label="Block" tag="Col" type="component" style="--jc:start" class="gSX7LCfj8k gp-relative gp-flex gp-flex-col">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="gVcJFMgVBU ">
<div class=" " style="">
<div class="" style="">
<h1 data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-product-title"
style="--w:100%;--ta:center;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--c:#ffffff;--fs:normal;--weight:400;--ls:normal;--size:16px;--size-tablet:21px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
FRIEND DEV KIT</h1>
</div>
</div>
</div>
<gp-product-price class="gp-product-price group-data-[state=loading]:gp-invisible"
gp-data="{"priceType":"regular","uid":"gGhX4cnG40","locale":"en","currency":"USD","moneyFormat":"€{{amount_with_comma_separator}}"}"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none)" data-hidden="false">
<div id="p-price-gGhX4cnG40" class=" " style="">
<div class="" style="">
<div type="regular" data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-price gp-money gp-decoration-g-text-1"
style="--w:100%;--tdc:text-1;--tdt:1;--ta:center;--c:#e2e2e2;--fs:normal;--weight:600;--ls:normal;--size:16px;--size-tablet:18px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
€45,95</div>
</div>
</div>
</gp-product-price>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721307215480" defer="defer"></script>
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--op-mobile:100%;--radius:var(--g-radius-none);--mb:26px;--ml-mobile:32px;--mb-mobile:26px;--mr-mobile:32px" class="gFYtOmOz6E ">
<gp-product-description class=" gp-product-description"
gp-data="{"setting":{"lineClamp":{"desktop":12},"hasLineClamp":{"desktop":true},"viewMoreText":"Show more","viewLessText":"Show less","enableViewMoreIcon":true},"defaultStyle":{"--ta":"center","--c":"#e2e2e2"},"collapseStyle":{"--ta":"center","--c":"#e2e2e2","--line-clamp":12,"--line-clamp-tablet":12,"--line-clamp-mobile":12}}">
<style>
.gp-p-description-text>:not(ol):not(ul):not(table) {
display: inline !important
}
.gp-p-description-text>:not(ol):not(ul):not(table)::after {
content: "\A";
white-space: pre
}
.gp-p-description-text>table {
box-shadow: none
}
</style>
<div
class="gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre gp-g-paragraph-1 gp-text-g-text-1 data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white"
style="--ta: center;--c: #e2e2e2;--line-clamp: 12;--line-clamp-tablet: 12;--line-clamp-mobile: 12;">
<p>
<meta charset="utf-8">Perfect for developers and tech enthusiasts who want to start creating immediately.
</p>
<!---->
</div>
<button type="button" class="p-description-show-more gp-g-paragraph-1 gp-text-g-text-1 gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full"
style="--ta:center;--c:var(--g-c-text-1, text-1);--d:block;--d-mobile:block;--d-tablet:block;position:absolute;visibility:hidden"> Show more <svg class="gp-ml-1 gp-inline-block" style="display: inline-block; margin-left: 1px;"
height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
fill="currentColor"></path>
</svg>
</button>
<style data-shopify="">
.p-description-wrapper.gp-p-description-text * {
color: inherit
}
</style>
</gp-product-description>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-description.js?v=1721307215480" defer="defer"></script>
</div><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"buy-now","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Buy Now","outOfStockLabel":"Pre-order","errorType":"built-in","customURL":{"link":"/cart","target":"_self"}},"styles":{"errorTypo":{"attrs":{"color":"error"},"type":"paragraph-2"},"successTypo":{"attrs":{"color":"success"},"type":"paragraph-2"}},"disabled":"true","variantID":"49477776015652","totalVariant":"1"}"
style="">
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l);--ta:center" class="">
<style>
.g1hEbVUeG9.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.g1hEbVUeG9:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g1hEbVUeG9:hover .gp-button-icon {
color: undefined;
}
.g1hEbVUeG9 .gp-button-icon {
color: #FFFFFF;
}
.g1hEbVUeG9:hover .gp-button-price {
color: undefined;
}
.g1hEbVUeG9 .gp-button-price {
color: #FFFFFF;
}
.g1hEbVUeG9 .gp-product-dot-price {
color: #FFFFFF;
}
.g1hEbVUeG9:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g1hEbVUeG9" aria-label="Buy Now" data-state="idle"
class="g1hEbVUeG9 gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-atc tcustomizer-submit-button"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:40%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Buy Now </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l);--ta:center" class="!gp-hidden">
<style>
.g1hEbVUeG9-sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.g1hEbVUeG9-sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g1hEbVUeG9-sold-out:hover .gp-button-icon {
color: undefined;
}
.g1hEbVUeG9-sold-out .gp-button-icon {
color: #FFFFFF;
}
.g1hEbVUeG9-sold-out:hover .gp-button-price {
color: undefined;
}
.g1hEbVUeG9-sold-out .gp-button-price {
color: #FFFFFF;
}
.g1hEbVUeG9-sold-out .gp-product-dot-price {
color: #FFFFFF;
}
.g1hEbVUeG9-sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g1hEbVUeG9-sold-out" aria-label="Pre-order" data-state="idle"
class="g1hEbVUeG9-sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:40%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Pre-order </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"go-to-url","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Learn more","outOfStockLabel":"Out of stock","errorType":"built-in","customURL":{"link":"/pages/friend-dev","target":"_self"}},"styles":{"errorTypo":{"attrs":{"color":"error"},"type":"paragraph-2"},"successTypo":{"attrs":{"color":"success"},"type":"paragraph-2"}},"disabled":"true","variantID":"49477776015652","totalVariant":"1"}"
style="">
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:left" class="">
<style>
.g2N2kFlzzI.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
}
.g2N2kFlzzI:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g2N2kFlzzI:hover .gp-button-icon {
color: undefined;
}
.g2N2kFlzzI .gp-button-icon {
color: #2352E7;
}
.g2N2kFlzzI:hover .gp-button-price {
color: undefined;
}
.g2N2kFlzzI .gp-button-price {
color: #2352E7;
}
.g2N2kFlzzI .gp-product-dot-price {
color: #2352E7;
}
.g2N2kFlzzI:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g2N2kFlzzI" aria-label="Learn more" data-state="idle"
class="g2N2kFlzzI gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-atc tcustomizer-submit-button"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#2352E7;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Learn more </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:left" class="!gp-hidden">
<style>
.g2N2kFlzzI-sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
}
.g2N2kFlzzI-sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g2N2kFlzzI-sold-out:hover .gp-button-icon {
color: undefined;
}
.g2N2kFlzzI-sold-out .gp-button-icon {
color: #2352E7;
}
.g2N2kFlzzI-sold-out:hover .gp-button-price {
color: undefined;
}
.g2N2kFlzzI-sold-out .gp-button-price {
color: #2352E7;
}
.g2N2kFlzzI-sold-out .gp-product-dot-price {
color: #2352E7;
}
.g2N2kFlzzI-sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g2N2kFlzzI-sold-out" aria-label="Out of stock" data-state="idle"
class="g2N2kFlzzI-sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#2352E7;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Out of stock </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script>
</div>
</div><input type="hidden" name="product-id" value="9529731645732"><input type="hidden" name="section-id" value="template--22750331339044__gp_section_516813723730445192">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-gBHrPTUXG8" accept-charset="UTF-8" class="form contents" enctype="multipart/form-data" data-type="add-to-cart-form" autocomplete="off"><input type="hidden" name="form_type"
value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="49477776015652">
<input type="hidden" name="quantity" value="1">
<button type="submit" onclick="return false;" style="display:none;"></button>
<div id="gBHrPTUXG8" style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--cg:30px;--pc:start;--gtc:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%"
class="gBHrPTUXG8 gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:start" class="gN0Bdjq6Mt gp-relative gp-flex gp-flex-col">
<gp-product-images-v2 gp-data="
{
"id":"gM7hVtJ91o",
"setting":{"arrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","borderActive":{"borderType":"none","borderWidth":"1px","color":"#000000","isCustom":"false","width":"1px 1px 1px 1px"},"clickOpenLightBox":{"desktop":false},"dragToScroll":true,"ftArrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","ftClickOpenLightBox":{"desktop":false},"ftDotActiveColor":{"desktop":"line-3"},"ftDotColor":{"desktop":"bg-1"},"ftDotGapToCarousel":{"desktop":16},"ftDotSize":{"desktop":12},"ftDotStyle":{"desktop":"none"},"ftDragToScroll":true,"ftLoop":{"desktop":false},"ftNavigationPosition":{"desktop":"inside","mobile":"inside"},"ftPauseOnHover":true,"ftSpeed":1,"galleryHoverEffect":"none","galleryZoom":150,"galleryZoomType":"default","hasOnlyDefaultVariant":true,"hoverEffect":"none","loop":{"desktop":true},"navigationPosition":{"desktop":"inside"},"otherImage":0,"pauseOnHover":true,"preDisplay":"1st-images","speed":1,"type":{"desktop":"slider"},"typeDisplay":"all-images","zoom":150,"zoomType":"default"},
"styles":{"align":{"desktop":"center"},"corner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftCorner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftLayout":{"desktop":"contain"},"ftShape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"281px"}},"itemSpacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"},"layout":{"desktop":"cover"},"position":{"desktop":"only-feature","mobile":"only-feature"},"ratioLayout":{"desktop":[2,10]},"ratioLayoutRight":{"desktop":[10,2]},"shape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor1Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor2Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"50%"}},"shapeForBottom":{"desktop":{"shape":"square","shapeValue":"1/1","width":"20%"}},"shapeForFtOnly":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"spacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"}}, "productUrl":"\/products\/friend-dev", "product":{"id":9529731645732,"title":"FRIEND DEV KIT","handle":"friend-dev","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePerfect for developers and tech enthusiasts who want to start creating immediately.\u003c\/p\u003e\n\u003c!----\u003e","published_at":"2024-06-23T20:13:50-07:00","created_at":"2024-06-23T20:11:40-07:00","vendor":"My Store","type":"","tags":[],"price":4595,"price_min":4595,"price_max":4595,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":49477776015652,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"FRIEND-DEV","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND DEV KIT","public_title":null,"options":["Default Title"],"price":4595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725"],"featured_image":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725","options":["Title"],"media":[{"alt":null,"id":41200895426852,"position":1,"preview_image":{"aspect_ratio":1.291,"height":265,"width":342,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725"},"aspect_ratio":1.291,"height":265,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725","width":342}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePerfect for developers and tech enthusiasts who want to start creating immediately.\u003c\/p\u003e\n\u003c!----\u003e"}
}
" section-id="template--22750331339044__gp_section_516813723730445192" style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l)"
class="gp-overflow-hidden">
<div class="gp-w-full !gp-m-0 gp-relative" style="--gtc:minmax(0, 12fr);--gg:var(--g-s-s);--gg-mobile:var(--g-s-s)">
<gp-carousel type="gp-feature-image-carousel" product-id="9529731645732" product-media="1"
id="gp-root-carousel-ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192" class="
gp-px-0 tablet:gp-px-0 mobile:gp-px-0
gp-flex-1 gp-w-full gp-feature-image-carousel
gp-group/carousel gp-flex"
gp-data="{"id":"ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192","setting":{"loop":{"desktop":false},"slidesToShow":{"desktop":1},"dotStyle":{"desktop":"none","tablet":"none","mobile":"none"},"dotSize":{"desktop":12},"dotGapToCarousel":{"desktop":16},"dotColor":{"desktop":"bg-1"},"dotActiveColor":{"desktop":"line-3"},"controlOverContent":{"desktop":true,"tablet":true,"mobile":true},"enableDrag":{"desktop":true,"tablet":true,"mobile":true},"arrowCustom":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","arrowBorder":{},"roundedArrow":{},"sneakPeakType":{"desktop":"center"},"arrowGapToEachSide":"16","navigationStyle":{"desktop":"inside","mobile":"inside"},"arrowButtonSize":{"desktop":{"width":"24px","height":"24px"}}},"styles":{"sizeSetting":{"desktop":{"width":"281px","height":"auto"},"tablet":{"width":"281px","height":"auto"},"mobile":{"width":"281px","height":"auto"}},"align":{"desktop":"center","tablet":"center","mobile":"center"}},"isHiddenArrowWhenDisabled":true}"
style="--jc:center;--o:0;--o-tablet:0;--o-mobile:0;--d:flex;--d-mobile:flex;--d-tablet:flex" active-index="0">
<div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
<div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gM7hVtJ91o"
style="--w:281px;--w-tablet:281px;--w-mobile:281px;--h:auto;--h-tablet:auto;--h-mobile:auto">
<div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
<button type="button" aria-label="Carousel Back Arrow"
class="ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732 gp-carousel-action-back gem-slider-previous ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gM7hVtJ91o gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:16px;--top:initial;--right:initial;--bottom:;--left-tablet:16px;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:16px;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o {}
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o {}
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o::before {}
}
@media only screen and (max-width: 768px) {
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o {}
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o::before {}
}
</style>
</button>
<div id="gp-carousel-ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192"
class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full"
style="--cg-mobile:undefinedpx;--cg-tablet:undefinedpx;--cg:undefinedpx">
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="1" id="template--22750331339044__gp_section_516813723730445192-48710119227684"
style="width: 342px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; height: 281px;"
class="gem-slider-item gp-w-full gem-slider-item-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41200895426852
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp_lazyload"
data-src="//basedhardware.com/cdn/shop/files/InvertedColorsImage.png?v=1719194725"
data-srcset="//basedhardware.com/cdn/shop/files/InvertedColorsImage_768x768.png?v=1719194725 768w,//basedhardware.com/cdn/shop/files/InvertedColorsImage_1024x1024.png?v=1719194725 1024w,//basedhardware.com/cdn/shop/files/InvertedColorsImage_1440x1440.png?v=1719194725 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="342" height="265" alt="FRIEND DEV KIT"
base-src="//basedhardware.com/cdn/shop/files/InvertedColorsImage.png?v=1719194725" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:contain">
</div>
</div>
</div>
<button type="button" aria-label="Carousel Next Arrow"
class="ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732 gp-carousel-action-next gem-slider-next ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gM7hVtJ91o gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:initial;--top:;--right:16px;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:16px;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:16px;--bottom-mobile:initial;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o {}
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o {}
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o::before {}
}
@media only screen and (max-width: 768px) {
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o {}
.ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732.gp-carousel-arrow-gM7hVtJ91o::before {}
}
</style>
</button>
</div>
<div
class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-ft-gM7hVtJ91o-template--22750331339044__gp_section_516813723730445192-9529731645732-template--22750331339044__gp_section_516813723730445192 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
style="--bottom:16px;--bottom-tablet:16px;--bottom-mobile:16px;--d:none;--d-tablet:none;--d-mobile:none"></div>
</div>
</gp-carousel>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721307215480" defer="defer"></script>
</div>
</gp-product-images-v2>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-images-v2.js?v=1721307215480" defer="defer"></script>
</div>
<div label="Block" tag="Col" type="component" style="--jc:start" class="gb_6704nK2 gp-relative gp-flex gp-flex-col">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="g_W0C8zq05 ">
<div class=" " style="">
<div class="" style="">
<h1 data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-product-title"
style="--w:100%;--ta:center;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--c:#ffffff;--fs:normal;--weight:400;--ls:normal;--size:16px;--size-tablet:21px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
FRIEND DEV KIT</h1>
</div>
</div>
</div>
<gp-product-price class="gp-product-price group-data-[state=loading]:gp-invisible"
gp-data="{"priceType":"regular","uid":"g3dO0cQEPw","locale":"en","currency":"USD","moneyFormat":"€{{amount_with_comma_separator}}"}"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none)" data-hidden="false">
<div id="p-price-g3dO0cQEPw" class=" " style="">
<div class="" style="">
<div type="regular" data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-price gp-money gp-decoration-g-text-1"
style="--w:100%;--tdc:text-1;--tdt:1;--ta:center;--c:#e2e2e2;--fs:normal;--weight:600;--ls:normal;--size:16px;--size-tablet:18px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
€45,95</div>
</div>
</div>
</gp-product-price>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721307215480" defer="defer"></script>
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--op-mobile:100%;--radius:var(--g-radius-none);--ml:32px;--mb:26px;--mr:32px;--ml-mobile:32px;--mb-mobile:26px;--mr-mobile:32px"
class="glNWZnr0yq ">
<gp-product-description class=" gp-product-description"
gp-data="{"setting":{"lineClamp":{"desktop":12},"hasLineClamp":{"desktop":true},"viewMoreText":"Show more","viewLessText":"Show less","enableViewMoreIcon":true},"defaultStyle":{"--ta":"center","--c":"#e2e2e2"},"collapseStyle":{"--ta":"center","--c":"#e2e2e2","--line-clamp":12,"--line-clamp-tablet":12,"--line-clamp-mobile":12}}">
<style>
.gp-p-description-text>:not(ol):not(ul):not(table) {
display: inline !important
}
.gp-p-description-text>:not(ol):not(ul):not(table)::after {
content: "\A";
white-space: pre
}
.gp-p-description-text>table {
box-shadow: none
}
</style>
<div
class="gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre gp-g-paragraph-1 gp-text-g-text-1 data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white"
style="--ta: center;--c: #e2e2e2;--line-clamp: 12;--line-clamp-tablet: 12;--line-clamp-mobile: 12;">
<p>
<meta charset="utf-8">Perfect for developers and tech enthusiasts who want to start creating immediately.
</p>
<!---->
</div>
<button type="button" class="p-description-show-more gp-g-paragraph-1 gp-text-g-text-1 gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full"
style="--ta:center;--c:var(--g-c-text-1, text-1);--d:block;--d-mobile:block;--d-tablet:block;position:absolute;visibility:hidden"> Show more <svg class="gp-ml-1 gp-inline-block" style="display: inline-block; margin-left: 1px;"
height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
fill="currentColor"></path>
</svg>
</button>
<style data-shopify="">
.p-description-wrapper.gp-p-description-text * {
color: inherit
}
</style>
</gp-product-description>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-description.js?v=1721307215480" defer="defer"></script>
</div><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"buy-now","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Buy Now","outOfStockLabel":"Pre-order","errorType":"built-in","customURL":{"link":"/cart","target":"_self"}},"styles":{"errorTypo":{"attrs":{"color":"error"},"type":"paragraph-2"},"successTypo":{"attrs":{"color":"success"},"type":"paragraph-2"}},"disabled":"true","variantID":"49477776015652","totalVariant":"1"}"
style="">
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l);--ta:center" class="">
<style>
.gbCvUp-EdZ.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.gbCvUp-EdZ:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gbCvUp-EdZ:hover .gp-button-icon {
color: undefined;
}
.gbCvUp-EdZ .gp-button-icon {
color: #FFFFFF;
}
.gbCvUp-EdZ:hover .gp-button-price {
color: undefined;
}
.gbCvUp-EdZ .gp-button-price {
color: #FFFFFF;
}
.gbCvUp-EdZ .gp-product-dot-price {
color: #FFFFFF;
}
.gbCvUp-EdZ:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gbCvUp-EdZ" aria-label="Buy Now" data-state="idle"
class="gbCvUp-EdZ gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-atc tcustomizer-submit-button"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:100%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Buy Now </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l);--ta:center" class="!gp-hidden">
<style>
.gbCvUp-EdZ-sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.gbCvUp-EdZ-sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gbCvUp-EdZ-sold-out:hover .gp-button-icon {
color: undefined;
}
.gbCvUp-EdZ-sold-out .gp-button-icon {
color: #FFFFFF;
}
.gbCvUp-EdZ-sold-out:hover .gp-button-price {
color: undefined;
}
.gbCvUp-EdZ-sold-out .gp-button-price {
color: #FFFFFF;
}
.gbCvUp-EdZ-sold-out .gp-product-dot-price {
color: #FFFFFF;
}
.gbCvUp-EdZ-sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gbCvUp-EdZ-sold-out" aria-label="Pre-order" data-state="idle"
class="gbCvUp-EdZ-sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:100%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Pre-order </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"go-to-url","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Learn more","outOfStockLabel":"Out of stock","errorType":"built-in","customURL":{"link":"/pages/friend-dev","target":"_self"}},"styles":{"errorTypo":{"attrs":{"color":"error"},"type":"paragraph-2"},"successTypo":{"attrs":{"color":"success"},"type":"paragraph-2"}},"disabled":"true","variantID":"49477776015652","totalVariant":"1"}"
style="">
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:left" class="">
<style>
.g2hKKGBt20.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
}
.g2hKKGBt20:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g2hKKGBt20:hover .gp-button-icon {
color: undefined;
}
.g2hKKGBt20 .gp-button-icon {
color: #2352E7;
}
.g2hKKGBt20:hover .gp-button-price {
color: undefined;
}
.g2hKKGBt20 .gp-button-price {
color: #2352E7;
}
.g2hKKGBt20 .gp-product-dot-price {
color: #2352E7;
}
.g2hKKGBt20:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g2hKKGBt20" aria-label="Learn more" data-state="idle"
class="g2hKKGBt20 gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-atc tcustomizer-submit-button"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#2352E7;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Learn more </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:left" class="!gp-hidden">
<style>
.g2hKKGBt20-sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
}
.g2hKKGBt20-sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g2hKKGBt20-sold-out:hover .gp-button-icon {
color: undefined;
}
.g2hKKGBt20-sold-out .gp-button-icon {
color: #2352E7;
}
.g2hKKGBt20-sold-out:hover .gp-button-price {
color: undefined;
}
.g2hKKGBt20-sold-out .gp-button-price {
color: #2352E7;
}
.g2hKKGBt20-sold-out .gp-product-dot-price {
color: #2352E7;
}
.g2hKKGBt20-sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g2hKKGBt20-sold-out" aria-label="Out of stock" data-state="idle"
class="g2hKKGBt20-sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#2352E7;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Out of stock </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script>
</div>
</div><input type="hidden" name="product-id" value="9529731645732"><input type="hidden" name="section-id" value="template--22750331339044__gp_section_516813723730445192">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-gDjwv5MXr7" accept-charset="UTF-8" class="form contents" enctype="multipart/form-data" data-type="add-to-cart-form" autocomplete="off"><input type="hidden" name="form_type"
value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="49477776507172">
<input type="hidden" name="quantity" value="1">
<button type="submit" onclick="return false;" style="display:none;"></button>
<div id="gDjwv5MXr7"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--cg:30px;--pc:start;--gtc:minmax(0, 12fr);--gtc-mobile:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%"
class="gDjwv5MXr7 gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:start" class="gGxAY4OvIL gp-relative gp-flex gp-flex-col">
<gp-product-images-v2 gp-data="
{
"id":"gSnXx9rNZr",
"setting":{"arrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","borderActive":{"borderType":"none","borderWidth":"1px","color":"#000000","isCustom":"false","width":"1px 1px 1px 1px"},"clickOpenLightBox":{"desktop":false},"dragToScroll":true,"ftArrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","ftClickOpenLightBox":{"desktop":false},"ftDotActiveColor":{"desktop":"line-3"},"ftDotColor":{"desktop":"bg-1"},"ftDotGapToCarousel":{"desktop":16},"ftDotSize":{"desktop":12},"ftDotStyle":{"desktop":"none"},"ftDragToScroll":true,"ftLoop":{"desktop":false},"ftNavigationPosition":{"desktop":"inside"},"ftPauseOnHover":true,"ftSpeed":1,"galleryHoverEffect":"none","galleryZoom":150,"galleryZoomType":"default","hasOnlyDefaultVariant":false,"hoverEffect":"none","loop":{"desktop":true},"navigationPosition":{"desktop":"inside","mobile":"none"},"otherImage":0,"pauseOnHover":true,"speed":1,"type":{"desktop":"slider"},"typeDisplay":"all-images","zoom":150,"zoomType":"default"},
"styles":{"align":{"desktop":"center"},"corner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftCorner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftLayout":{"desktop":"contain"},"ftShape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"281px"}},"itemSpacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"},"layout":{"desktop":"cover"},"position":{"desktop":"only-feature","mobile":"only-feature"},"ratioLayout":{"desktop":[2,10]},"ratioLayoutRight":{"desktop":[10,2]},"shape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor1Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"shapeFor2Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"50%"}},"shapeForBottom":{"desktop":{"shape":"square","shapeValue":"1/1","width":"20%"}},"shapeForFtOnly":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%"}},"spacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"}}, "productUrl":"\/products\/friend", "product":{"id":9529732104484,"title":"FRIEND NECKLACE","handle":"friend","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eIdeal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.\u003c\/p\u003e\n\u003c!----\u003e","published_at":"2024-06-23T20:13:42-07:00","created_at":"2024-06-23T20:11:53-07:00","vendor":"Based Hardware","type":"","tags":[],"price":6595,"price_min":6595,"price_max":6595,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":49477776507172,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"Friend1","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - Black","public_title":"Black","options":["Black"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":49479535264036,"title":"White","option1":"White","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - White","public_title":"White","options":["White"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732"],"featured_image":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","options":["Color"],"media":[{"alt":null,"id":41226279256356,"position":1,"preview_image":{"aspect_ratio":0.845,"height":1033,"width":873,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731"},"aspect_ratio":0.845,"height":1033,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","width":873},{"alt":null,"id":41226279289124,"position":2,"preview_image":{"aspect_ratio":0.845,"height":1033,"width":873,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732"},"aspect_ratio":0.845,"height":1033,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732","width":873}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eIdeal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.\u003c\/p\u003e\n\u003c!----\u003e"}
}
" section-id="template--22750331339044__gp_section_516813723730445192" style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l)"
class="gp-overflow-hidden">
<div class="gp-grid gp-w-full !gp-m-0 gp-relative" style="--gtc:minmax(0, 12fr);--gtc-tablet:minmax(0, 12fr);--gtc-mobile:minmax(0, 12fr);--gg:var(--g-s-s);--gg-mobile:var(--g-s-s)">
<gp-carousel type="gp-feature-image-carousel" product-id="9529732104484" product-media="2"
id="gp-root-carousel-ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192" class="
gp-px-0 tablet:gp-px-0 mobile:gp-px-0
gp-flex-1 gp-w-full gp-feature-image-carousel
gp-group/carousel gp-flex"
gp-data="{"id":"ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192","setting":{"loop":{"desktop":false},"slidesToShow":{"desktop":1},"dotStyle":{"desktop":"none","tablet":"none","mobile":"none"},"dotSize":{"desktop":12},"dotGapToCarousel":{"desktop":16},"dotColor":{"desktop":"bg-1"},"dotActiveColor":{"desktop":"line-3"},"controlOverContent":{"desktop":true,"tablet":true,"mobile":true},"enableDrag":{"desktop":true,"tablet":true,"mobile":true},"arrowCustom":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#151515\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z\" fill=\"#F9F9F9\"/>\n </svg>\n ","arrowBorder":{},"roundedArrow":{},"sneakPeakType":{"desktop":"center"},"arrowGapToEachSide":"16","navigationStyle":{"desktop":"inside"},"arrowButtonSize":{"desktop":{"width":"24px","height":"24px"}}},"styles":{"sizeSetting":{"desktop":{"width":"281px","height":"auto"},"tablet":{"width":"281px","height":"auto"},"mobile":{"width":"281px","height":"auto"}},"align":{"desktop":"center","tablet":"center","mobile":"center"}},"isHiddenArrowWhenDisabled":true}"
style="--jc:center;--o:0;--o-tablet:0;--o-mobile:0;--d:flex;--d-mobile:flex;--d-tablet:flex">
<div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
<div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gSnXx9rNZr"
style="--w:281px;--w-tablet:281px;--w-mobile:281px;--h:auto;--h-tablet:auto;--h-mobile:auto">
<div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
<button type="button" aria-label="Carousel Back Arrow"
class="ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-carousel-action-back gem-slider-previous ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gSnXx9rNZr gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2 visibility-hidden"
style="--left:16px;--top:initial;--right:initial;--bottom:;--left-tablet:16px;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:16px;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}" data-hidden="true" disabled="">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr {}
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr {}
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr::before {}
}
@media only screen and (max-width: 768px) {
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr {}
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr::before {}
}
</style>
</button>
<div id="gp-carousel-ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192"
class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full" style="">
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="1" id="template--22750331339044__gp_section_516813723730445192-48735211553060"
style="width: 873px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; min-width: 281px; max-width: 281px; transform: translate3d(0px, 0px, 0px); height: 281px;"
class="gem-slider-item gp-w-full gem-slider-item-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41226279256356
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp-lazyload gp_lazyautosizes gp_lazyloaded"
data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_768x768.png?v=1719355731 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1024x1024.png?v=1719355731 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1920x1920.png?v=1719355731 1440w"
src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:contain" data-quality="auto"
srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_768x768.png?v=1719355731 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1024x1024.png?v=1719355731 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1920x1920.png?v=1719355731 1440w">
</div>
</div>
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="2" id="template--22750331339044__gp_section_516813723730445192-48735211520292"
style="width: 873px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 281px; max-width: 281px; transform: translate3d(0px, 0px, 0px); height: 281px;"
class="gem-slider-item gp-w-full gem-slider-item-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41226279289124
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp-lazyload gp_lazyautosizes gp_lazyloaded"
data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_768x768.png?v=1719355732 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1024x1024.png?v=1719355732 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1920x1920.png?v=1719355732 1440w"
src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:contain" data-quality="auto"
srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_768x768.png?v=1719355732 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1024x1024.png?v=1719355732 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1920x1920.png?v=1719355732 1440w">
</div>
</div>
</div>
<button type="button" aria-label="Carousel Next Arrow"
class="ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484 gp-carousel-action-next gem-slider-next ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192 gp-carousel-arrow-gSnXx9rNZr gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:initial;--top:;--right:16px;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:16px;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:16px;--bottom-mobile:initial;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}" data-hidden="false">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="24" height="24" rx="12" fill="#151515"></rect>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1172 8.13017C10.2734 7.95661 10.5266 7.95661 10.6828 8.13017L13.8828 11.6857C14.0391 11.8593 14.0391 12.1407 13.8828 12.3143L10.6828 15.8698C10.5266 16.0434 10.2734 16.0434 10.1172 15.8698C9.96095 15.6963 9.96095 15.4149 10.1172 15.2413L13.0343 12L10.1172 8.75871C9.96095 8.58515 9.96095 8.30374 10.1172 8.13017Z"
fill="#F9F9F9"></path>
</svg>
</div>
<style>
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr {}
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr {}
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr::before {}
}
@media only screen and (max-width: 768px) {
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr {}
.ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484.gp-carousel-arrow-gSnXx9rNZr::before {}
}
</style>
</button>
</div>
<div
class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-ft-gSnXx9rNZr-template--22750331339044__gp_section_516813723730445192-9529732104484-template--22750331339044__gp_section_516813723730445192 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
style="--bottom:16px;--bottom-tablet:16px;--bottom-mobile:16px;--d:none;--d-tablet:none;--d-mobile:none"></div>
</div>
</gp-carousel>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721307215480" defer="defer"></script>
</div>
</gp-product-images-v2>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-images-v2.js?v=1721307215480" defer="defer"></script>
</div>
<div label="Block" tag="Col" type="component" style="--jc:start" class="gZNfHZUI-9 gp-relative gp-flex gp-flex-col">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="gpM7XIv4lP ">
<div class=" " style="">
<div class="" style="">
<h1 data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-product-title"
style="--w:100%;--ta:center;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--c:#ffffff;--fs:normal;--weight:400;--ls:normal;--size:16px;--size-tablet:21px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
FRIEND NECKLACE</h1>
</div>
</div>
</div>
<div parenttag="Col" id="gX-uX7Ju-m"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--mb:0px;--cg:var(--g-s-s);--pc:center;--gtc:minmax(0, auto);--gtc-mobile:minmax(0, auto);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
class="gX-uX7Ju-m gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:center" class="gtoqRGAF86 gp-relative gp-flex gp-flex-col">
<gp-product-price class="gp-product-price group-data-[state=loading]:gp-invisible"
gp-data="{"priceType":"regular","uid":"go7WMARYcC","locale":"en","currency":"USD","moneyFormat":"€{{amount_with_comma_separator}}"}"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" data-hidden="false">
<div id="p-price-go7WMARYcC" class=" " style="">
<div class="" style="">
<div type="regular" data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-price gp-money gp-decoration-g-text-1"
style="--w:100%;--tdc:text-1;--tdt:1;--ta:center;--c:#e2e2e2;--fs:normal;--weight:600;--ls:normal;--size:16px;--size-tablet:18px;--size-mobile:14px;--lh:150%;--lh-tablet:150%;--lh-mobile:150%;word-break:break-word;overflow:hidden">
€65,95</div>
</div>
</div>
</gp-product-price>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721307215480" defer="defer"></script>
</div>
</div>
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--op-mobile:100%;--radius:var(--g-radius-none);--ml:32px;--mb:25px;--mr:32px;--ml-mobile:32px;--mb-mobile:25px;--mr-mobile:32px"
class="gokqJR2FwL ">
<gp-product-description class=" gp-product-description"
gp-data="{"setting":{"lineClamp":{"desktop":12},"hasLineClamp":{"desktop":true},"viewMoreText":"Show more","viewLessText":"Show less","enableViewMoreIcon":true},"defaultStyle":{"--ta":"center","--c":"#e2e2e2"},"collapseStyle":{"--ta":"center","--c":"#e2e2e2","--line-clamp":12,"--line-clamp-tablet":12,"--line-clamp-mobile":12}}">
<style>
.gp-p-description-text>:not(ol):not(ul):not(table) {
display: inline !important
}
.gp-p-description-text>:not(ol):not(ul):not(table)::after {
content: "\A";
white-space: pre
}
.gp-p-description-text>table {
box-shadow: none
}
</style>
<div
class="gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre gp-g-paragraph-1 gp-text-g-text-1 data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white"
style="--ta: center;--c: #e2e2e2;--line-clamp: 12;--line-clamp-tablet: 12;--line-clamp-mobile: 12;">
<p>
<meta charset="utf-8">Ideal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.
</p>
<!---->
</div>
<button type="button" class="p-description-show-more gp-g-paragraph-1 gp-text-g-text-1 gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full"
style="--ta:center;--c:var(--g-c-text-1, text-1);--d:block;--d-mobile:block;--d-tablet:block;position:absolute;visibility:hidden"> Show more <svg class="gp-ml-1 gp-inline-block" style="display: inline-block; margin-left: 1px;"
height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
fill="currentColor"></path>
</svg>
</button>
<style data-shopify="">
.p-description-wrapper.gp-p-description-text * {
color: inherit
}
</style>
</gp-product-description>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-description.js?v=1721307215480" defer="defer"></script>
</div><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"buy-now","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Pre-order","outOfStockLabel":"Pre-order","errorType":"built-in","customURL":{"link":"/cart","target":"_self"}},"styles":{"errorTypo":{"attrs":{"color":"error"},"type":"paragraph-2"},"successTypo":{"attrs":{"color":"success"},"type":"paragraph-2"}},"disabled":"true","variantID":"49477776507172","totalVariant":"2"}"
style="">
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:center" class="">
<style>
.gJuIm60SoX.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.gJuIm60SoX:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gJuIm60SoX:hover .gp-button-icon {
color: undefined;
}
.gJuIm60SoX .gp-button-icon {
color: #FFFFFF;
}
.gJuIm60SoX:hover .gp-button-price {
color: undefined;
}
.gJuIm60SoX .gp-button-price {
color: #FFFFFF;
}
.gJuIm60SoX .gp-product-dot-price {
color: #FFFFFF;
}
.gJuIm60SoX:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gJuIm60SoX" aria-label="Pre-order" data-state="idle"
class="gJuIm60SoX gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-atc tcustomizer-submit-button"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:100%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Pre-order </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--ta:center" class="!gp-hidden">
<style>
.gJuIm60SoX-sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #FFFFFF;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.gJuIm60SoX-sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gJuIm60SoX-sold-out:hover .gp-button-icon {
color: undefined;
}
.gJuIm60SoX-sold-out .gp-button-icon {
color: #FFFFFF;
}
.gJuIm60SoX-sold-out:hover .gp-button-price {
color: undefined;
}
.gJuIm60SoX-sold-out .gp-button-price {
color: #FFFFFF;
}
.gJuIm60SoX-sold-out .gp-product-dot-price {
color: #FFFFFF;
}
.gJuIm60SoX-sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gJuIm60SoX-sold-out" aria-label="Pre-order" data-state="idle"
class="gJuIm60SoX-sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none"
style="--hvr-bg:rgba(133, 207, 163, 0);--bg:rgba(81, 187, 123, 0);--bblr:30px;--bbrr:30px;--btlr:30px;--btrr:30px;--shadow:none;--w:120px;--w-tablet:100%;--w-mobile:40%;--h:30px;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--pl-tablet:24px;--pr-tablet:24px;--pt-tablet:8px;--pb-tablet:8px;--pl-mobile:24px;--pr-mobile:24px;--pt-mobile:8px;--pb-mobile:8px;--c:#FFFFFF;--size:13px;--size-tablet:16px;--size-mobile:12px;--fs:normal;--weight:600;--ls:normal;--lh:150%;--lh-tablet:150%;--lh-mobile:150%">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden
" style=""> Pre-order </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script>
</div>
</div><input type="hidden" name="product-id" value="9529732104484"><input type="hidden" name="section-id" value="template--22750331339044__gp_section_516813723730445192">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-gVXN-hxscz" accept-charset="UTF-8" class="form contents" enctype="multipart/form-data" data-type="add-to-cart-form" autocomplete="off"><input type="hidden" name="form_type"
value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="49477776507172">
<input type="hidden" name="quantity" value="1">
<button type="submit" onclick="return false;" style="display:none;"></button>
<div id="gVXN-hxscz"
style="--b:solid;--bc:#121212;--bw:1px 1px 1px 1px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--pt:4px;--pl:12px;--pb:4px;--pr:12px;--pt-mobile:8px;--pl-mobile:8px;--pb-mobile:8px;--pr-mobile:8px;--cg:12px;--cg-tablet:12px;--pc:start;--gtc:minmax(0, 6fr) minmax(0, 6fr);--gtc-mobile:minmax(0, 12fr);--w:var(--g-ct-w, 1200px);--w-tablet:100%;--w-mobile:100%"
class="gVXN-hxscz gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:center" class="gI_rsJg4Af gp-relative gp-flex gp-flex-col">
<div parenttag="Col" id="ggsU3rLeK0"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:none;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--mb:0px;--cg:12px;--cg-tablet:12px;--pc:start;--gtc:minmax(0, auto) minmax(0, auto);--gtc-mobile:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
class="ggsU3rLeK0 gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:center" class="gHixUFpgjo gp-relative gp-flex gp-flex-col">
<gp-product-images-v2 gp-data="
{
"id":"gJO2seQRHG",
"setting":{"arrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\" fill=\"currentColor\"/>\n </svg>","arrowIconColor":"#000000","arrowNavBorder":{"border":"none","borderType":"none","borderWidth":"1px","isCustom":false,"width":"1px 1px 1px 1px"},"arrowNavRadius":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"borderActive":{"border":"solid","borderType":"none","borderWidth":"1px","color":"#000000","isCustom":false,"width":"1px 1px 1px 1px"},"clickOpenLightBox":{"desktop":false},"dragToScroll":true,"ftArrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\" fill=\"currentColor\"/>\n </svg>","ftArrowIconColor":"#000000","ftArrowNavBorder":{"border":"none","borderType":"none","borderWidth":"1px","isCustom":false,"width":"1px 1px 1px 1px"},"ftArrowNavRadius":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftClickOpenLightBox":{"desktop":"none"},"ftDotActiveColor":{"desktop":"line-3"},"ftDotColor":{"desktop":"bg-1"},"ftDotGapToCarousel":{"desktop":16},"ftDotSize":{"desktop":12},"ftDotStyle":{"desktop":"none"},"ftDragToScroll":false,"ftLoop":{"desktop":false},"ftNavigationPosition":{"desktop":"none"},"ftPauseOnHover":true,"ftSpeed":1,"galleryHoverEffect":"none","galleryZoom":150,"galleryZoomType":"default","hoverEffect":"none","loop":{"desktop":true},"navigationPosition":{"desktop":"inside"},"otherImage":0,"pauseOnHover":true,"preDisplay":"1st-available-variant","preload":false,"qualityPercent":{"desktop":100},"qualityType":{"desktop":"finest"},"speed":1,"type":{"desktop":"slider"},"typeDisplay":"all-images","zoom":150,"zoomType":"default","hasOnlyDefaultVariant":false},
"styles":{"align":{"desktop":"flex-start"},"corner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftCorner":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"ftLayout":{"desktop":"cover"},"ftShape":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"56px"}},"itemSpacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"},"layout":{"desktop":"cover"},"position":{"desktop":"only-feature","mobile":"bottom-center"},"ratioLayout":{"desktop":[2,10]},"ratioLayoutRight":{"desktop":[10,2]},"shape":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"100%"}},"shapeFor1Col":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"100%"}},"shapeFor2Col":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"50%"}},"shapeForBottom":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"20%"}},"shapeForFtOnly":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"100%"}},"shapeForInside":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"20%"}},"shapeForInsideBottom":{"desktop":{"shape":"square","shapeLinked":true,"shapeValue":"1/1","width":"20%"}},"spacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"}}, "productUrl":"\/products\/friend", "product":{"id":9529732104484,"title":"FRIEND NECKLACE","handle":"friend","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eIdeal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.\u003c\/p\u003e\n\u003c!----\u003e","published_at":"2024-06-23T20:13:42-07:00","created_at":"2024-06-23T20:11:53-07:00","vendor":"Based Hardware","type":"","tags":[],"price":6595,"price_min":6595,"price_max":6595,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":49477776507172,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"Friend1","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - Black","public_title":"Black","options":["Black"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":49479535264036,"title":"White","option1":"White","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - White","public_title":"White","options":["White"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732"],"featured_image":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","options":["Color"],"media":[{"alt":null,"id":41226279256356,"position":1,"preview_image":{"aspect_ratio":0.845,"height":1033,"width":873,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731"},"aspect_ratio":0.845,"height":1033,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-front-nov-cropped.png?v=1719355731","width":873},{"alt":null,"id":41226279289124,"position":2,"preview_image":{"aspect_ratio":0.845,"height":1033,"width":873,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732"},"aspect_ratio":0.845,"height":1033,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/v0.8-cli-black-back-nov-cropped.png?v=1719355732","width":873}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eIdeal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024.\u003c\/p\u003e\n\u003c!----\u003e"}
}
" section-id="template--22750331339044__gp_section_519556744490255537" style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="gp-overflow-hidden">
<div class="gp-grid gp-w-full !gp-m-0 gp-relative" style="--gtc:minmax(0, 12fr);--gtc-tablet:minmax(0, 12fr);--gtc-mobile:minmax(0, 12fr);--gg:var(--g-s-s);--gg-mobile:var(--g-s-s)">
<gp-carousel type="gp-feature-image-carousel" product-id="9529732104484" product-media="2"
id="gp-root-carousel-ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484-template--22750331339044__gp_section_519556744490255537" class="
gp-px-0 tablet:gp-px-0 mobile:gp-px-0
gp-flex-1 gp-w-full gp-feature-image-carousel
gp-group/carousel gp-flex"
gp-data="{"id":"ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484-template--22750331339044__gp_section_519556744490255537","setting":{"loop":{"desktop":false},"slidesToShow":{"desktop":1},"dotStyle":{"desktop":"none","tablet":"none","mobile":"none"},"dotSize":{"desktop":12},"dotGapToCarousel":{"desktop":16},"dotColor":{"desktop":"bg-1"},"dotActiveColor":{"desktop":"line-3"},"controlOverContent":{"desktop":false,"tablet":false,"mobile":false},"enableDrag":{"desktop":false,"tablet":false,"mobile":false},"arrowCustom":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\" fill=\"currentColor\"/>\n </svg>","arrowCustomColor":"#000000","arrowBorder":{"desktop":{"border":"none","borderType":"none","borderWidth":"1px","isCustom":false,"width":"1px 1px 1px 1px"}},"roundedArrow":{"desktop":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"}},"sneakPeakType":{"desktop":"center"},"arrowGapToEachSide":"16","navigationStyle":{"desktop":"none"},"arrowButtonSize":{"desktop":{"width":"24px","height":"24px"}}},"styles":{"sizeSetting":{"desktop":{"width":"56px","height":"auto"},"tablet":{"width":"56px","height":"auto"},"mobile":{"width":"56px","height":"auto"}},"align":{"desktop":"flex-start","tablet":"flex-start","mobile":"flex-start"}},"isHiddenArrowWhenDisabled":true}"
style="--jc:flex-start;--o:0;--o-tablet:0;--o-mobile:0;--d:flex;--d-mobile:flex;--d-tablet:flex">
<div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
<div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gJO2seQRHG"
style="--w:56px;--w-tablet:56px;--w-mobile:56px;--h:auto;--h-tablet:auto;--h-mobile:auto">
<div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
<button type="button" aria-label="Carousel Back Arrow"
class="ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484 gp-carousel-action-back gem-slider-previous ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484-template--22750331339044__gp_section_519556744490255537 gp-carousel-arrow-gJO2seQRHG gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-hidden tablet:!gp-hidden mobile:!gp-hidden"
style="--left:initial;--top:initial;--right:initial;--bottom:;--left-tablet:initial;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:initial;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:none;--d-tablet:none;--d-mobile:none;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
fill="currentColor"></path>
</svg>
</div>
<style>
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media only screen and (max-width: 768px) {
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
</style>
</button>
<div id="gp-carousel-ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484-template--22750331339044__gp_section_519556744490255537"
class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full" style="">
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="1" id="template--22750331339044__gp_section_519556744490255537-48735211553060"
style="width: 873px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; min-width: 56px; max-width: 56px; transform: translate3d(0px, 0px, 0px); height: 56px;"
class="gem-slider-item gp-w-full gem-slider-item-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41226279256356
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp-lazyload gp_lazyautosizes gp_lazyloaded"
data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_768x768.png?v=1719355731 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1024x1024.png?v=1719355731 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1920x1920.png?v=1719355731 1440w"
src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731" quality-type="{"desktop":"finest"}" quality-percent="{"desktop":100}" data-sizes="auto"
sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover" data-quality="auto"
srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_768x768.png?v=1719355731 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1024x1024.png?v=1719355731 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1920x1920.png?v=1719355731 1440w">
</div>
</div>
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="2" id="template--22750331339044__gp_section_519556744490255537-48735211520292"
style="width: 873px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 56px; max-width: 56px; transform: translate3d(0px, 0px, 0px); height: 56px;"
class="gem-slider-item gp-w-full gem-slider-item-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41226279289124
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp-lazyload gp_lazyautosizes gp_lazyloaded"
data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_768x768.png?v=1719355732 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1024x1024.png?v=1719355732 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1920x1920.png?v=1719355732 1440w"
src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732" quality-type="{"desktop":"finest"}" quality-percent="{"desktop":100}" data-sizes="auto"
sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover" data-quality="auto"
srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_768x768.png?v=1719355732 767w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1024x1024.png?v=1719355732 1023w, //basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1920x1920.png?v=1719355732 1440w">
</div>
</div>
</div>
<button type="button" aria-label="Carousel Next Arrow"
class="ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484 gp-carousel-action-next gem-slider-next ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484-template--22750331339044__gp_section_519556744490255537 gp-carousel-arrow-gJO2seQRHG gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-hidden tablet:!gp-hidden mobile:!gp-hidden"
style="--left:initial;--top:;--right:initial;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:initial;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:initial;--bottom-mobile:initial;--d:none;--d-tablet:none;--d-mobile:none;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
fill="currentColor"></path>
</svg>
</div>
<style>
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media only screen and (max-width: 768px) {
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
</style>
</button>
</div>
<div
class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-ft-gJO2seQRHG-template--22750331339044__gp_section_519556744490255537-9529732104484-template--22750331339044__gp_section_519556744490255537 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
style="--bottom:16px;--bottom-tablet:16px;--bottom-mobile:16px;--d:none;--d-tablet:none;--d-mobile:none"></div>
</div>
</gp-carousel>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721307215480" defer="defer"></script>
<div class="gallery-wrapper gp-product-images-gallery1 gp-flex gp-overflow-hidden gp-max-w-full data-[only-image=true]:gp-hidden"
style="--o:1;--o-tablet:1;--o-mobile:1;--jc:flex-start;--pos:static;--pos-tablet:static;--pos-mobile:static;--w:100%;--w-tablet:100%;--w-mobile:100%;--bottom:unset;--bottom-tablet:unset;--bottom-mobile:unset;--top:unset;--top-tablet:unset;--top-mobile:unset;--left:unset;--left-tablet:unset;--left-mobile:unset;--right:unset;--right-tablet:unset;--right-mobile:unset"
data-only-image="false">
<style>
.gem-slider-item-gJO2seQRHG-9529732104484.gp-gallery-image-item::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
z-index: 1000;
top: 0;
left: 0;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000000;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.gem-slider-item-gJO2seQRHG-9529732104484.gp-gallery-image-item[data-outline=active]:after {
pointer-events: none;
}
</style>
<gp-carousel type="grid-carousel" product-media="2" id="gp-root-carousel-gJO2seQRHG-9529732104484-template--22750331339044__gp_section_519556744490255537"
class="gp-flex-1 gp-w-full carousel-gallery gp-px-0 tablet:gp-px-0 mobile:gp-px-0 gp-group/carousel gp-flex"
gp-data="{"id":"gJO2seQRHG-9529732104484-template--22750331339044__gp_section_519556744490255537","setting":{"loop":{"desktop":true},"itemNumber":{"desktop":"auto","tablet":"auto","mobile":5},"dot":{"desktop":false,"tablet":false,"mobile":false},"dotStyle":{"desktop":"none","tablet":"none","mobile":"none"},"controlOverContent":{"desktop":true,"tablet":true,"mobile":true},"enableDrag":{"desktop":true,"tablet":true,"mobile":true},"vertical":{"desktop":false,"mobile":false,"tablet":false},"arrowCustom":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\" fill=\"currentColor\"/>\n </svg>","arrowCustomColor":"#000000","arrowBorder":{"desktop":{"border":"none","borderType":"none","borderWidth":"1px","isCustom":false,"width":"1px 1px 1px 1px"}},"roundedArrow":{"desktop":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"}},"sneakPeakType":{"desktop":"center"},"arrowGapToEachSide":"16","navigationStyle":{"desktop":"inside"},"arrowButtonSize":{"desktop":{"width":"24px","height":"24px"}}},"styles":{"sizeSetting":{"desktop":{"width":"100%","height":"auto"},"tablet":{"width":"100%","height":"auto"},"mobile":{"width":"100%","height":"auto"}},"spacing":{"desktop":5,"tablet":5,"mobile":5}},"isHiddenArrowWhenDisabled":true}"
style="--d:none;--d-mobile:flex;--d-tablet:none">
<div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
<div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gJO2seQRHG gp-py-0 tablet:gp-py-0 mobile:gp-py-0"
style="--w:100%;--w-tablet:100%;--w-mobile:100%;--h:auto;--h-tablet:auto;--h-mobile:auto">
<div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
<button type="button" aria-label="Carousel Back Arrow"
class="gJO2seQRHG-9529732104484 gp-carousel-action-back gem-slider-previous gJO2seQRHG-9529732104484-template--22750331339044__gp_section_519556744490255537 gp-carousel-arrow-gJO2seQRHG gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:16px;--top:initial;--right:initial;--bottom:;--left-tablet:16px;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:16px;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
fill="currentColor"></path>
</svg>
</div>
<style>
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media only screen and (max-width: 768px) {
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
</style>
</button>
<div id="gp-carousel-gJO2seQRHG-9529732104484-template--22750331339044__gp_section_519556744490255537"
class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full" style="">
<div media-type="image" media-poster="files/v0.8-cli-black-front-nov-cropped.png" media-source-url="" media-last-source-url="files/v0.8-cli-black-front-nov-cropped.png" external-id="" grid-index="1" data-outline="active"
id="48735211553060"
style="--minw: 100%; --minw-tablet: 100%; --minw-mobile: calc(20% - 4px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; transform: translate3d(0px, 0px, 0px);"
class="gem-slider-item gp-w-full gem-slider-item-gJO2seQRHG-9529732104484 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer active data-[outline=deactive]:after:!gp-border-transparent">
<div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer " data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_768x768.png?v=1719355731 768w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1024x1024.png?v=1719355731 1024w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1440x1440.png?v=1719355731 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731" quality-type="{"desktop":"finest"}" quality-percent="{"desktop":100}" data-sizes="auto"
sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer">
<div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
style="--d: none;--d-mobile: none;--d-tablet: none;">
<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
<path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
</path>
</svg>
</div>
</div>
</div>
<div media-type="image" media-poster="files/v0.8-cli-black-back-nov-cropped.png" media-source-url="" media-last-source-url="files/v0.8-cli-black-back-nov-cropped.png" external-id="" grid-index="2" data-outline="deactive"
id="48735211520292"
style="--minw: 100%; --minw-tablet: 100%; --minw-mobile: calc(20% - 4px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; transform: translate3d(5px, 0px, 0px);"
class="gem-slider-item gp-w-full gem-slider-item-gJO2seQRHG-9529732104484 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
<div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer " data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_768x768.png?v=1719355732 768w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1024x1024.png?v=1719355732 1024w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1440x1440.png?v=1719355732 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732" quality-type="{"desktop":"finest"}" quality-percent="{"desktop":100}" data-sizes="auto"
sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer">
<div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
style="--d: none;--d-mobile: none;--d-tablet: none;">
<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
<path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
</path>
</svg>
</div>
</div>
</div>
</div>
<button type="button" aria-label="Carousel Next Arrow"
class="gJO2seQRHG-9529732104484 gp-carousel-action-next gem-slider-next gJO2seQRHG-9529732104484-template--22750331339044__gp_section_519556744490255537 gp-carousel-arrow-gJO2seQRHG gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
style="--left:initial;--top:;--right:16px;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:16px;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:16px;--bottom-mobile:initial;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
fill="currentColor"></path>
</svg>
</div>
<style>
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media only screen and (max-width: 768px) {
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.gJO2seQRHG-9529732104484.gp-carousel-arrow-gJO2seQRHG::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
</style>
</button>
</div>
<div
class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-gJO2seQRHG-9529732104484-template--22750331339044__gp_section_519556744490255537 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
style="--bottom:0px;--bottom-tablet:0px;--bottom-mobile:0px;--d:none;--d-tablet:none;--d-mobile:none"></div>
</div>
</gp-carousel>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721307215480" defer="defer"></script>
</div>
<div type="grid-gallery" class="grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400"
style="--d:none;--d-mobile:none;--d-tablet:none;--gg:5px;--gg-tablet:5px;--gg-mobile:5px;--jc:flex-start;--pos:static;--pos-tablet:static;--pos-mobile:static;--w:100%;--w-tablet:100%;--w-mobile:100%;--bottom:unset;--bottom-tablet:unset;--bottom-mobile:unset;--top:unset;--top-tablet:unset;--top-mobile:unset;--left:unset;--left-tablet:unset;--left-mobile:unset;--right:unset;--right-tablet:unset;--right-mobile:unset">
<div aria-hidden="" id="48735211553060" media-type="image" media-poster="files/v0.8-cli-black-front-nov-cropped.png" media-source-url="" media-last-source-url="files/v0.8-cli-black-front-nov-cropped.png" external-id="" grid-index="1"
data-outline="active" class="active gem-slider-item-gJO2seQRHG-9529732104484 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
style="max-width: 100%;--w: calc(100% - var(--g-s-s) * 0 / 1);--w-tablet: calc(100% - var(--g-s-s) * 0 / 1);--w-mobile: calc(20% - var(--g-s-s) * 4 / 5);--h: auto;--h-tablet: auto;--h-mobile: auto;">
<div class="gp-h-full" style=" display: block !important; --d: block;--d-tablet: block;--d-mobile: block;">
<img draggable="false" class="!gp-rounded-none gp_lazyload" data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_768x768.png?v=1719355731 768w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1024x1024.png?v=1719355731 1024w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped_1440x1440.png?v=1719355731 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-front-nov-cropped.png?v=1719355731" quality-type="{"desktop":"finest"}" quality-percent="{"desktop":100}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
<div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
style="--d: none;--d-mobile: none;--d-tablet: none;">
<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
<path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
</path>
</svg>
</div>
</div>
<div class="" style="
--d: none;--d-tablet: none;--d-mobile: none;">
</div>
</div>
<div aria-hidden="" id="48735211520292" media-type="image" media-poster="files/v0.8-cli-black-back-nov-cropped.png" media-source-url="" media-last-source-url="files/v0.8-cli-black-back-nov-cropped.png" external-id="" grid-index="2"
data-outline="deactive" class="gem-slider-item-gJO2seQRHG-9529732104484 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
style="max-width: 100%;--w: calc(100% - var(--g-s-s) * 0 / 1);--w-tablet: calc(100% - var(--g-s-s) * 0 / 1);--w-mobile: calc(20% - var(--g-s-s) * 4 / 5);--h: auto;--h-tablet: auto;--h-mobile: auto;">
<div class="gp-h-full" style=" display: block !important; --d: block;--d-tablet: block;--d-mobile: block;">
<img draggable="false" class="!gp-rounded-none gp_lazyload" data-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732"
data-srcset="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_768x768.png?v=1719355732 768w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1024x1024.png?v=1719355732 1024w,//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped_1440x1440.png?v=1719355732 1440w"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="873" height="1033" alt="FRIEND NECKLACE"
base-src="//basedhardware.com/cdn/shop/files/v0.8-cli-black-back-nov-cropped.png?v=1719355732" quality-type="{"desktop":"finest"}" quality-percent="{"desktop":100}" data-sizes="auto" sizes="100vw"
style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
<div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
style="--d: none;--d-mobile: none;--d-tablet: none;">
<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
<path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
</path>
</svg>
</div>
</div>
<div class="" style="
--d: none;--d-tablet: none;--d-mobile: none;">
</div>
</div>
</div>
</div>
</gp-product-images-v2>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-images-v2.js?v=1721307215480" defer="defer"></script>
</div>
<div label="Block" tag="Col" type="component" style="--jc:center" class="gI89rYfO3v gp-relative gp-flex gp-flex-col">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="gPTK_UY0C4 ">
<div class=" " style="">
<div class="" style="">
<h1 data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-product-title"
style="--w:100%;--ta:left;--line-clamp:1;--line-clamp-tablet:1;--line-clamp-mobile:1;--c:#FFFFFF;--fs:normal;--weight:400;--ls:0.6px;--size:18px;--size-tablet:18px;--size-mobile:18px;word-break:break-word;overflow:hidden">FRIEND
NECKLACE</h1>
</div>
</div>
</div>
<gp-product-price class="gp-product-price group-data-[state=loading]:gp-invisible"
gp-data="{"priceType":"regular","uid":"geKpf7Oq8U","locale":"en","currency":"USD","moneyFormat":"€{{amount_with_comma_separator}}"}"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" data-hidden="false">
<div id="p-price-geKpf7Oq8U" class=" " style="">
<div class="" style="">
<div type="regular" data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-price gp-money gp-decoration-g-text-1"
style="--w:100%;--tdc:text-1;--tdt:1;--ta:left;--c:#FFFFFF;--fs:normal;--weight:400;--ls:0.6px;--size:15px;--size-tablet:15px;--size-mobile:15px;word-break:break-word;overflow:hidden">€65,95</div>
</div>
</div>
</gp-product-price>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721307215480" defer="defer"></script>
</div>
</div>
</div>
<div label="Block" tag="Col" type="component" style="--jc:center" class="gFZvlcXUti gp-relative gp-flex gp-flex-col">
<div parenttag="Col" id="gMIfvWFRcC"
style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-none);--mb:0px;--cg:12px;--cg-tablet:12px;--pc:start;--gtc:minmax(0, 6fr) minmax(0, 3fr) minmax(0, 3fr);--gtc-mobile:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
class="gMIfvWFRcC gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div label="Block" tag="Col" type="component" style="--jc:center" class="g7EyY7JXb8 gp-relative gp-flex gp-flex-col">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:none;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="gsE0IhGmVt ">
<gp-product-variants class="" has-pre-selected="true" gp-data="{
"setting":{"blankText":"Please select an option","column":{"desktop":1},"combineFullWidth":{"desktop":true},"combineHeight":"40px","combineWidth":{"desktop":"100%"},"hasOnlyDefaultVariant":false,"hasPreSelected":true,"label":true,"layout":{"desktop":"vertical"},"optionAlign":{"desktop":"left"},"optionType":"groupOption","price":true,"showAsSwatches":true,"soldOutMark":true,"soldOutStyle":"line","variantPresets":[{"optionName":"base","optionType":"rectangle_list","presets":{"color":{"height":"45px","spacing":"16px","width":{"desktop":"45px","mobile":"45px","tablet":"45px"},"optionBgColor":{"normal":"bg-3","hover":"bg-3","active":"bg-3"},"optionBorder":{"active":{"border":"solid","borderType":"style-3","borderWidth":"2px","color":"line-3","isCustom":false,"width":"2px 2px 2px 2px"},"hover":{"border":"solid","borderType":"style-3","borderWidth":"1px","color":"line-3","isCustom":false,"width":"1px 1px 1px 1px"},"normal":{"border":"solid","borderType":"style-2","borderWidth":"1px","color":"line-2","isCustom":false,"width":"1px 1px 1px 1px"}},"optionHasShadow":{"normal":false,"hover":false,"active":false},"optionRounded":{"normal":{"btrr":"999999px","bblr":"999999px","bbrr":"999999px","btlr":"999999px","radiusType":"custom"},"hover":{"btrr":"999999px","bblr":"999999px","bbrr":"999999px","btlr":"999999px","radiusType":"custom"},"active":{"btrr":"999999px","bblr":"999999px","bbrr":"999999px","btlr":"999999px","radiusType":"custom"}},"optionShadow":{"normal":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"hover":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"active":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"}},"optionTextColor":{"normal":"text-2","hover":"text-2","active":"text-2"}},"dropdown":{"fullWidth":{"desktop":true,"mobile":true,"tablet":true},"height":"45px","width":{"desktop":"100%","mobile":"100%","tablet":"100%"},"optionBgColor":{"active":"bg-3","hover":"bg-3","normal":"bg-3"},"optionBorder":{"active":{"border":"solid","borderType":"style-3","borderWidth":"2px","color":"line-3","isCustom":false,"width":"2px 2px 2px 2px"},"hover":{"border":"solid","borderType":"style-3","borderWidth":"1px","color":"line-3","isCustom":false,"width":"1px 1px 1px 1px"},"normal":{"border":"solid","borderType":"style-2","borderWidth":"1px","color":"line-2","isCustom":false,"width":"1px 1px 1px 1px"}},"optionHasShadow":{"normal":false,"hover":false,"active":false},"optionRounded":{"normal":{"bblr":"4px","bbrr":"4px","btlr":"4px","btrr":"4px","radiusType":"custom"},"hover":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"},"active":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"}},"optionShadow":{"normal":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"hover":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"active":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"}},"optionTextColor":{"active":"text-2","hover":"text-2","normal":"text-2"}},"image":{"height":"64px","spacing":"16px","width":{"desktop":"64px","mobile":"64px","tablet":"64px"},"optionBgColor":{"active":"bg-3","hover":"bg-3","normal":"bg-3"},"optionBorder":{"active":{"border":"solid","borderType":"style-3","borderWidth":"2px","color":"line-3","isCustom":false,"width":"2px 2px 2px 2px"},"hover":{"border":"solid","borderType":"style-3","borderWidth":"1px","color":"line-3","isCustom":false,"width":"1px 1px 1px 1px"},"normal":{"border":"solid","borderType":"style-2","borderWidth":"1px","color":"line-2","isCustom":false,"width":"1px 1px 1px 1px"}},"optionHasShadow":{"normal":false,"hover":false,"active":false},"optionRounded":{"normal":{"bblr":"4px","bbrr":"4px","btlr":"4px","btrr":"4px","radiusType":"custom"},"hover":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"},"active":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"}},"optionShadow":{"normal":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"hover":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"active":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"}},"optionTextColor":{"normal":"text-2","hover":"text-2","active":"text-2"}},"image_shopify":{"height":"64px","spacing":"16px","width":{"desktop":"64px","mobile":"64px","tablet":"64px"},"optionBgColor":{"active":"bg-3","hover":"bg-3","normal":"bg-3"},"optionBorder":{"active":{"border":"solid","borderType":"style-3","borderWidth":"2px","color":"line-3","isCustom":false,"width":"2px 2px 2px 2px"},"hover":{"border":"solid","borderType":"style-3","borderWidth":"1px","color":"line-3","isCustom":false,"width":"1px 1px 1px 1px"},"normal":{"border":"solid","borderType":"style-2","borderWidth":"1px","color":"line-2","isCustom":false,"width":"1px 1px 1px 1px"}},"optionHasShadow":{"normal":false,"hover":false,"active":false},"optionRounded":{"normal":{"bblr":"4px","bbrr":"4px","btlr":"4px","btrr":"4px","radiusType":"custom"},"hover":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"},"active":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"}},"optionShadow":{"normal":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"hover":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"active":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"}},"optionTextColor":{"normal":"text-2","hover":"text-2","active":"text-2"}},"rectangle_list":{"height":"45px","spacing":"16px","width":{"desktop":"auto","mobile":"auto","tablet":"auto"},"optionBgColor":{"active":"bg-3","hover":"bg-3","normal":"bg-3"},"optionBorder":{"active":{"border":"solid","borderType":"style-3","borderWidth":"2px","color":"line-3","isCustom":false,"width":"2px 2px 2px 2px"},"hover":{"border":"solid","borderType":"style-3","borderWidth":"1px","color":"line-3","isCustom":false,"width":"1px 1px 1px 1px"},"normal":{"border":"solid","borderType":"style-2","borderWidth":"1px","color":"line-2","isCustom":false,"width":"1px 1px 1px 1px"}},"optionHasShadow":{"normal":false,"hover":false,"active":false},"optionRounded":{"normal":{"bblr":"4px","bbrr":"4px","btlr":"4px","btrr":"4px","radiusType":"custom"},"hover":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"},"active":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"custom"}},"optionShadow":{"normal":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"hover":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"active":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"}},"optionTextColor":{"active":"text-2","hover":"text-2","normal":"text-2"}}}}]},
"styles":{"align":{"desktop":"left"},"dropdownItemWidth":{"desktop":"fill","mobile":"fill","tablet":"fill"},"fixedDropdownWidth":{"desktop":"240px"},"fullWidth":{"desktop":true},"labelColor":"text-2","labelGap":"8px","labelTypo":{"attrs":{"bold":true,"color":"text-1"},"type":"paragraph-2"},"marginBottom":{"desktop":"var(--g-s-xl)","mobile":"var(--g-s-xl)"},"optionBgColor":{"active":"bg-3","hover":"bg-3","normal":"bg-3"},"optionBorder":{"active":{"border":"solid","borderType":"style-3","borderWidth":"2px","color":"line-3","isCustom":false,"width":"2px 2px 2px 2px"},"hover":{"border":"solid","borderType":"style-3","borderWidth":"1px","color":"line-3","isCustom":false,"width":"1px 1px 1px 1px"},"normal":{"border":"solid","borderType":"style-2","borderWidth":"1px","color":"line-2","isCustom":false,"width":"1px 1px 1px 1px"}},"optionHasShadow":{"active":false,"hover":false,"normal":false},"optionRounded":{"active":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"hover":{"bblr":"0px","bbrr":"0px","btlr":"0px","btrr":"0px","radiusType":"none"},"normal":{"bblr":"4px","bbrr":"4px","btlr":"4px","btrr":"4px","radiusType":"custom"}},"optionShadow":{"active":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"hover":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"},"normal":{"angle":90,"blur":"12px","color":"rgba(0, 0, 0, 0.20)","distance":"4px","spread":"0px","type":"shadow-1"}},"optionSpacing":"30px","optionTextColor":{"active":"text-2","hover":"text-2","normal":"text-2"},"optionTypo":{"type":"paragraph-2"},"swatchAutoWidth":{"desktop":true},"swatchHeight":{"desktop":"40px"},"swatchItemWidth":{"desktop":"auto"},"swatchSpacing":"var(--g-s-m)","swatchWidth":{"desktop":"80px"},"width":{"desktop":"400px"}},
"variants":[{"id":49477776507172,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"Friend1","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - Black","public_title":"Black","options":["Black"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":49479535264036,"title":"White","option1":"White","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - White","public_title":"White","options":["White"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],
"optionsWithValues": [{"name":"Color","position":1,"values":["Black","White"]}],
"variantSelected": {"id":49477776507172,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"Friend1","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND NECKLACE - Black","public_title":"Black","options":["Black"],"price":6595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]},
"variantInventoryQuantity": [-328,-16],
"moneyFormat": "€{{amount_with_comma_separator}}"
}
">
<div class="gp-grid !gp-ml-0" style="--gtc:repeat(1, minmax(0, 1fr));--ta:left;--w:100%;--w-tablet:100%;--w-mobile:100%;--rg:var(--g-s-xl);--rg-mobile:var(--g-s-xl)">
<div classname="gp-flex gp-justify-start">
<select aria-label="autocomplete="off"" id="p-variant-group-dropdown" name="Select Option" option-data="" option-type=""
class="gp-truncate gp-bg-auto gp-pl-4 gp-pr-6 gp-outline-none dropdown-option-item gp-border-g-line-2 hover:gp-border-g-line-3 gp-g-paragraph-2 active:gp-text-g-text-2 hover:gp-text-g-text-2 gp-text-g-text-2 active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 gp-bg-g-bg-3 gp-outline-none gp-shadow-none"
style="-undefined-shadow:none;--hvr-shadow:none;--shadow:none;--bg:var(--g-c-bg-3, bg-3);--bs:solid;--bw:1px 1px 1px 1px;--bc:var(--g-c-line-2, line-2);--h:40px;--hvr-c:var(--g-c-text-2, text-2);--c:var(--g-c-text-2, text-2);--hvr-bg:var(--g-c-bg-3, bg-3);--w:100%;--w-tablet:100%;--w-mobile:100%;--hvr-bs:solid;--hvr-bw:1px 1px 1px 1px;--hvr-bc:var(--g-c-line-3, line-3);--bblr:4px;--bbrr:4px;--btlr:4px;--btrr:4px;appearance:none;background-image:url(https://cdn.shopify.com/s/files/1/1827/4239/t/1/assets/ico-select.svg?v=155563818344741998551488860031);background-repeat:no-repeat;background-position:right 16px center">
<option origin-price="6595" selected="" value="49477776507172" key="49477776507172">Black - €65,95</option>
<option origin-price="6595" value="49479535264036" key="49479535264036">White - €65,95</option>
</select>
</div>
</div>
</gp-product-variants>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-variant-v3.js?v=1721307215480" defer="defer"></script>
</div>
</div>
<div label="Block" tag="Col" type="component" style="--jc:center" class="g777nh9jLD gp-relative gp-flex gp-flex-col">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:none;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px" class="gNpScdgSjX "><gp-product-quantity data-disabled="false" data-price="false"
class="quantityClass gp-relative gp-inline-flex gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 " style="--h:40px;--jc:left">
<button title="Decrement" aria-label="decrement"
class="gp-border-g-line-2 hover:gp-border-g-line-3 gp-text-g-text-2 gp-bg-g-bg-3 gp-minus gp-flex gp-aspect-square gp-h-full gp-cursor-pointer gp-items-center gp-justify-center gp-outline-none disabled:gp-cursor-not-allowed"
style="--w:40px;--hvr-bg:#E7E7E7;--bg:var(--g-c-bg-3, bg-3);--c:var(--g-c-text-2, text-2);--bs:solid;--hvr-bs:solid;--bw:1px 1px 1px 1px;--hvr-bw:1px 1px 1px 1px;--bc:var(--g-c-line-2, line-2);--hvr-bc:var(--g-c-line-3, line-3);--bblr:4px;--bbrr:auto;--btlr:4px;--btrr:auto">
<span class="gp-inline-flex gp-items-center gp-justify-center" style="--w:20px">
<svg xmlns="http://www.w3.org/2000/svg" class="gp-h-full gp-w-full" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6"></path>
</svg>
</span>
</button>
<input type="text" name="product-quantity"
class="gp-border-g-line-2 hover:gp-border-g-line-3 0:gp-bg-g-b 1:gp-bg-g-g 2:gp-bg-g-- 3:gp-bg-g-3 0:gp-text-g-t 1:gp-text-g-e 2:gp-text-g-x 3:gp-text-g-t 4:gp-text-g-- 5:gp-text-g-2 gp-g-paragraph-2 !gp-border-x-0 gp-px-4 gp-flex gp-shadow-none gp-appearance-none gp-items-center gp-border-y gp-text-center gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-pointer-events-none gp-h-auto gp-rounded-none gp-shrink-[99999] gp-w-full gp-min-w-[45px]"
style="--maxw:100%;--maxw-tablet:100%;--maxw-mobile:100%;--c:var(--g-c-text-1, text-1);-undefined-bg:var(--g-c-3, 3);-undefined-c:var(--g-c-2, 2);--bs:solid;--hvr-bs:solid;--bw:1px 1px 1px 1px;--hvr-bw:1px 1px 1px 1px;--bc:var(--g-c-line-2, line-2);--hvr-bc:var(--g-c-line-3, line-3)"
aria-label="Quantity" inputmode="numeric" min="1" step="1" value="1" autocomplete="off">
<button aria-label="increment" title="Increment"
class="gp-border-g-line-2 hover:gp-border-g-line-3 gp-text-g-text-2 gp-bg-g-bg-3 gp-plus gp-flex gp-aspect-square gp-h-full gp-cursor-pointer gp-items-center gp-justify-center gp-outline-none gp-transition-all gp-duration-150 disabled:gp-pointer-events-none"
style="--w:40px;--hvr-bg:#E7E7E7;--bg:var(--g-c-bg-3, bg-3);--c:var(--g-c-text-2, text-2);--bs:solid;--hvr-bs:solid;--bw:1px 1px 1px 1px;--hvr-bw:1px 1px 1px 1px;--bc:var(--g-c-line-2, line-2);--hvr-bc:var(--g-c-line-3, line-3);--bblr:auto;--bbrr:4px;--btlr:auto;--btrr:4px">
<span class="gp-inline-flex gp-items-center gp-justify-center" style="--w:20px">
<svg xmlns="http://www.w3.org/2000/svg" class="gp-h-full gp-w-full" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
</svg>
</span>
</button>
</gp-product-quantity>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-quantity.js?v=1721307215480" defer="defer"></script>
</div>
</div>
<div label="Block" tag="Col" type="component" style="--jc:center" class="guk6rDlDRc gp-relative gp-flex gp-flex-col"><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"buy-now","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Pre-order","outOfStockLabel":"Out of stock","errorType":"built-in","customURL":{"link":"/cart","target":"_self"}},"styles":{"errorTypo":{"attrs":{"color":"error"},"type":"paragraph-2"},"successTypo":{"attrs":{"color":"success"},"type":"paragraph-2"}},"disabled":"true","variantID":"49477776507172","totalVariant":"2"}"
style="">
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px;--ta:left" class="">
<style>
.gxNpVUhSi1.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.gxNpVUhSi1:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gxNpVUhSi1:hover .gp-button-icon {
color: undefined;
}
.gxNpVUhSi1 .gp-button-icon {
color: var(--g-c-text-3, text-3);
}
.gxNpVUhSi1:hover .gp-button-price {
color: undefined;
}
.gxNpVUhSi1 .gp-button-price {
color: var(--g-c-text-3, text-3);
}
.gxNpVUhSi1 .gp-product-dot-price {
color: var(--g-c-text-3, text-3);
}
.gxNpVUhSi1:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gxNpVUhSi1" aria-label="Pre-order" data-state="idle"
class="gxNpVUhSi1 gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none hover:gp-bg-g-highlight gp-bg-g-brand gp-text-g-text-3 gp-button-atc tcustomizer-submit-button gp-g-paragraph-1"
style="--hvr-bg:var(--g-c-highlight, highlight);--bg:var(--g-c-brand, brand);--bblr:4px;--bbrr:4px;--btlr:4px;--btrr:4px;--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--c:var(--g-c-text-3, text-3)">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden gp-g-paragraph-1
" style=""> Pre-order </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px;--ta:left" class="!gp-hidden">
<style>
.gxNpVUhSi1-sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.gxNpVUhSi1-sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.gxNpVUhSi1-sold-out:hover .gp-button-icon {
color: undefined;
}
.gxNpVUhSi1-sold-out .gp-button-icon {
color: var(--g-c-text-3, text-3);
}
.gxNpVUhSi1-sold-out:hover .gp-button-price {
color: undefined;
}
.gxNpVUhSi1-sold-out .gp-button-price {
color: var(--g-c-text-3, text-3);
}
.gxNpVUhSi1-sold-out .gp-product-dot-price {
color: var(--g-c-text-3, text-3);
}
.gxNpVUhSi1-sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="gxNpVUhSi1-sold-out" aria-label="Out of stock" data-state="idle"
class="gxNpVUhSi1-sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none hover:gp-bg-g-highlight gp-bg-g-brand gp-text-g-text-3 gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none gp-g-paragraph-1"
style="--hvr-bg:var(--g-c-highlight, highlight);--bg:var(--g-c-brand, brand);--bblr:4px;--bbrr:4px;--btlr:4px;--btrr:4px;--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--c:var(--g-c-text-3, text-3)">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden gp-g-paragraph-1
" style=""> Out of stock </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script>
</div>
</div>
</div>
</div><input type="hidden" name="product-id" value="9529732104484"><input type="hidden" name="section-id" value="template--22750331339044__gp_section_519556744490255537">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product-form-gKNqLRjKm2" accept-charset="UTF-8" class="form contents" enctype="multipart/form-data" data-type="add-to-cart-form" autocomplete="off"><input type="hidden" name="form_type"
value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="49477776015652">
<input type="hidden" name="quantity" value="1">
<button type="submit" onclick="return false;" style="display:none;"></button>
<div id="gKNqLRjKm2"
style="--pt:4px;--pl:12px;--pb:4px;--pr:12px;--pt-mobile:8px;--pl-mobile:8px;--pb-mobile:8px;--pr-mobile:8px;--d:grid;--d-tablet:grid;--d-mobile:grid;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%;--cg:12px;--cg-tablet:12px;--pc:start;--gtc:minmax(0, 4fr) minmax(0, 8fr);--gtc-mobile:minmax(0, 12fr);--w:var(--g-ct-w, 1200px);--w-tablet:100%;--w-mobile:100%"
class="gKNqLRjKm2 gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div tag="Col" label="Block" type="component" style="--jc:center" class="g0iAdvBkLc gp-relative gp-flex gp-flex-col">
<div parenttag="Col" id="gAmS7P68js"
style="--mb:0px;--d:grid;--d-tablet:grid;--d-mobile:none;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%;--cg:12px;--cg-tablet:12px;--pc:start;--gtc:minmax(0, auto) minmax(0, auto);--gtc-mobile:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
class="gAmS7P68js gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div tag="Col" label="Block" type="component" style="--jc:center" class="gY-1DwC54c gp-relative gp-flex gp-flex-col">
<gp-product-images-v2 gp-data="
{
"id":"gMuclb-II0",
"setting":{"hoverEffect":"none","typeDisplay":"all-images","preDisplay":"1st-available-variant","zoomType":"default","zoom":150,"otherImage":0,"ftClickOpenLightBox":{"desktop":"none"},"ftNavigationPosition":{"desktop":"none"},"ftLoop":{"desktop":false},"ftPauseOnHover":true,"ftSpeed":1,"ftArrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\" fill=\"currentColor\"/>\n </svg>","ftArrowIconColor":"#000000","ftDragToScroll":false,"ftArrowNavBorder":{"borderType":"none","border":"none","borderWidth":"1px","width":"1px 1px 1px 1px","isCustom":false},"ftArrowNavRadius":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"none"},"type":{"desktop":"slider"},"galleryHoverEffect":"none","galleryZoomType":"default","galleryZoom":150,"clickOpenLightBox":{"desktop":false},"borderActive":{"borderType":"none","border":"solid","borderWidth":"1px","width":"1px 1px 1px 1px","isCustom":false,"color":"#000000"},"navigationPosition":{"desktop":"inside"},"loop":{"desktop":true},"pauseOnHover":true,"speed":1,"arrowIcon":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\" fill=\"currentColor\"/>\n </svg>","arrowIconColor":"#000000","dragToScroll":true,"arrowNavBorder":{"borderType":"none","border":"none","borderWidth":"1px","width":"1px 1px 1px 1px","isCustom":false},"arrowNavRadius":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"none"},"qualityType":{"desktop":"high"},"preload":false,"qualityPercent":{"desktop":100},"ftDotStyle":{"desktop":"none"},"ftDotSize":{"desktop":12},"ftDotGapToCarousel":{"desktop":16},"ftDotColor":{"desktop":"bg-1"},"ftDotActiveColor":{"desktop":"line-3"}},
"styles":{"position":{"desktop":"only-feature","mobile":"bottom-center"},"ftShape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"56px","shapeLinked":true}},"spacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"},"ratioLayout":{"desktop":[2,10]},"ratioLayoutRight":{"desktop":[10,2]},"ftLayout":{"desktop":"cover"},"ftCorner":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"none"},"shape":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%","shapeLinked":true}},"shapeForFtOnly":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%","shapeLinked":true}},"shapeForBottom":{"desktop":{"shape":"square","shapeValue":"1/1","width":"20%","shapeLinked":true}},"shapeForInsideBottom":{"desktop":{"shape":"square","shapeValue":"1/1","width":"20%","shapeLinked":true}},"shapeForInside":{"desktop":{"shape":"square","shapeValue":"1/1","width":"20%","shapeLinked":true}},"shapeFor2Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"50%","shapeLinked":true}},"shapeFor1Col":{"desktop":{"shape":"square","shapeValue":"1/1","width":"100%","shapeLinked":true}},"layout":{"desktop":"cover"},"itemSpacing":{"desktop":"var(--g-s-s)","mobile":"var(--g-s-s)"},"corner":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"none"},"align":{"desktop":"flex-start"}}, "productUrl":"\/products\/friend-dev", "product":{"id":9529731645732,"title":"FRIEND DEV KIT","handle":"friend-dev","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePerfect for developers and tech enthusiasts who want to start creating immediately.\u003c\/p\u003e\n\u003c!----\u003e","published_at":"2024-06-23T20:13:50-07:00","created_at":"2024-06-23T20:11:40-07:00","vendor":"My Store","type":"","tags":[],"price":4595,"price_min":4595,"price_max":4595,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":49477776015652,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"FRIEND-DEV","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"FRIEND DEV KIT","public_title":null,"options":["Default Title"],"price":4595,"weight":85,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725"],"featured_image":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725","options":["Title"],"media":[{"alt":null,"id":41200895426852,"position":1,"preview_image":{"aspect_ratio":1.291,"height":265,"width":342,"src":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725"},"aspect_ratio":1.291,"height":265,"media_type":"image","src":"\/\/basedhardware.com\/cdn\/shop\/files\/InvertedColorsImage.png?v=1719194725","width":342}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003ePerfect for developers and tech enthusiasts who want to start creating immediately.\u003c\/p\u003e\n\u003c!----\u003e"}
}
" section-id="template--22750331339044__gp_section_524223385018827979" style="--mb:0px;--d:block;--d-tablet:block;--d-mobile:block;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%" class="gp-overflow-hidden">
<div class="gp-w-full !gp-m-0 gp-relative" style="--gtc:minmax(0, 12fr);--gg:var(--g-s-s);--gg-mobile:var(--g-s-s)">
<gp-carousel type="gp-feature-image-carousel" product-id="9529731645732" product-media="1"
id="gp-root-carousel-ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732-template--22750331339044__gp_section_524223385018827979" class="
gp-px-0 tablet:gp-px-0 mobile:gp-px-0
gp-flex-1 gp-w-full gp-feature-image-carousel
gp-group/carousel gp-flex"
gp-data="{"id":"ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732-template--22750331339044__gp_section_524223385018827979","setting":{"loop":{"desktop":false},"slidesToShow":{"desktop":1},"dotStyle":{"desktop":"none","tablet":"none","mobile":"none"},"dotSize":{"desktop":12},"dotGapToCarousel":{"desktop":16},"dotColor":{"desktop":"bg-1"},"dotActiveColor":{"desktop":"line-3"},"controlOverContent":{"desktop":false,"tablet":false,"mobile":false},"enableDrag":{"desktop":false,"tablet":false,"mobile":false},"arrowCustom":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\" fill=\"currentColor\"/>\n </svg>","arrowCustomColor":"#000000","arrowBorder":{"desktop":{"borderType":"none","border":"none","borderWidth":"1px","width":"1px 1px 1px 1px","isCustom":false}},"roundedArrow":{"desktop":{"btrr":"0px","bblr":"0px","bbrr":"0px","btlr":"0px","radiusType":"none"}},"sneakPeakType":{"desktop":"center"},"arrowGapToEachSide":"16","navigationStyle":{"desktop":"none"},"arrowButtonSize":{"desktop":{"width":"24px","height":"24px"}}},"styles":{"sizeSetting":{"desktop":{"width":"56px","height":"auto"},"tablet":{"width":"56px","height":"auto"},"mobile":{"width":"56px","height":"auto"}},"align":{"desktop":"flex-start","tablet":"flex-start","mobile":"flex-start"}},"isHiddenArrowWhenDisabled":true}"
style="--jc:flex-start;--o:0;--o-tablet:0;--o-mobile:0;--d:flex;--d-mobile:flex;--d-tablet:flex">
<div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
<div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gMuclb-II0"
style="--w:56px;--w-tablet:56px;--w-mobile:56px;--h:auto;--h-tablet:auto;--h-mobile:auto">
<div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
<button type="button" aria-label="Carousel Back Arrow"
class="ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732 gp-carousel-action-back gem-slider-previous ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732-template--22750331339044__gp_section_524223385018827979 gp-carousel-arrow-gMuclb-II0 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-hidden tablet:!gp-hidden mobile:!gp-hidden"
style="--left:initial;--top:initial;--right:initial;--bottom:;--left-tablet:initial;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:initial;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:none;--d-tablet:none;--d-mobile:none;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
fill="currentColor"></path>
</svg>
</div>
<style>
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media only screen and (max-width: 768px) {
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
</style>
</button>
<div id="gp-carousel-ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732-template--22750331339044__gp_section_524223385018827979"
class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full"
style="--cg-mobile:undefinedpx;--cg-tablet:undefinedpx;--cg:undefinedpx">
<div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="1" id="template--22750331339044__gp_section_524223385018827979-48710119227684"
style="width: 342px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; height: 56px;"
class="gem-slider-item gp-w-full gem-slider-item-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
<div class="gp-w-full gp-h-0 gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
<img id="41200895426852
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp_lazyautosizes gp_lazyloaded"
data-src="//basedhardware.com/cdn/shop/files/InvertedColorsImage.png?v=1719194725"
data-srcset="//basedhardware.com/cdn/shop/files/InvertedColorsImage_768x768.png?v=1719194725 767w, //basedhardware.com/cdn/shop/files/InvertedColorsImage_1024x1024.png?v=1719194725 1023w, //basedhardware.com/cdn/shop/files/InvertedColorsImage_84x.png?v=1719194725 1440w"
src="//basedhardware.com/cdn/shop/files/InvertedColorsImage.png?v=1719194725" width="342" height="265" alt="FRIEND DEV KIT" base-src="//basedhardware.com/cdn/shop/files/InvertedColorsImage.png?v=1719194725"
quality-type="{"desktop":"high"}" quality-percent="{"desktop":100}" data-sizes="auto" sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover" data-quality="150"
srcset="//basedhardware.com/cdn/shop/files/InvertedColorsImage_768x768.png?v=1719194725 767w, //basedhardware.com/cdn/shop/files/InvertedColorsImage_1024x1024.png?v=1719194725 1023w, //basedhardware.com/cdn/shop/files/InvertedColorsImage_84x.png?v=1719194725 1440w">
</div>
</div>
</div>
<button type="button" aria-label="Carousel Next Arrow"
class="ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732 gp-carousel-action-next gem-slider-next ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732-template--22750331339044__gp_section_524223385018827979 gp-carousel-arrow-gMuclb-II0 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-hidden tablet:!gp-hidden mobile:!gp-hidden"
style="--left:initial;--top:;--right:initial;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:initial;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:initial;--bottom-mobile:initial;--d:none;--d-tablet:none;--d-mobile:none;background-color:;--w:24px;--h:24px"
onclick="{onClick}">
<div class="gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
fill="currentColor"></path>
</svg>
</div>
<style>
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
z-index: 10;
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
@media only screen and (max-width: 768px) {
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732.gp-carousel-arrow-gMuclb-II0::before {
border-style: none;
border-width: 1px 1px 1px 1px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
</style>
</button>
</div>
<div
class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-ft-gMuclb-II0-template--22750331339044__gp_section_524223385018827979-9529731645732-template--22750331339044__gp_section_524223385018827979 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
style="--bottom:16px;--bottom-tablet:16px;--bottom-mobile:16px;--d:none;--d-tablet:none;--d-mobile:none"></div>
</div>
</gp-carousel>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721307215480" defer="defer"></script>
</div>
</gp-product-images-v2>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-images-v2.js?v=1721307215480" defer="defer"></script>
</div>
<div tag="Col" label="Block" type="component" style="--jc:center" class="gwAxLONT_N gp-relative gp-flex gp-flex-col">
<div style="--mb:0px;--d:block;--d-tablet:block;--d-mobile:block;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%" class="gJLIu5-s8h ">
<div class=" " style="">
<div class="" style="">
<h1 data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-product-title"
style="--w:100%;--ta:left;--line-clamp:1;--line-clamp-tablet:1;--line-clamp-mobile:1;--c:rgba(255, 255, 255, 0.75);--fs:normal;--weight:400;--ls:0.6px;--size:18px;--size-tablet:18px;--size-mobile:18px;word-break:break-word;overflow:hidden">
FRIEND DEV KIT</h1>
</div>
</div>
</div>
<gp-product-price class="gp-product-price group-data-[state=loading]:gp-invisible"
gp-data="{"priceType":"regular","uid":"gLOHmhvckQ","locale":"en","currency":"USD","moneyFormat":"€{{amount_with_comma_separator}}"}"
style="--mb:0px;--d:block;--d-tablet:block;--d-mobile:block;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%" data-hidden="false">
<div id="p-price-gLOHmhvckQ" class=" " style="">
<div class="" style="">
<div type="regular" data-gp-text="" class="[&_p]:gp-inline [&_p]:after:gp-whitespace-pre-wrap [&_p]:after:gp-content-['\A'] gp-price gp-money gp-decoration-g-text-1"
style="--w:100%;--tdc:text-1;--tdt:1;--ta:left;--c:#FFFFFF;--fs:normal;--weight:400;--ls:0.6px;--size:15px;--size-tablet:15px;--size-mobile:15px;word-break:break-word;overflow:hidden">€45,95</div>
</div>
</div>
</gp-product-price>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721307215480" defer="defer"></script>
</div>
</div>
</div>
<div tag="Col" label="Block" type="component" style="--jc:center" class="gEpkb4eiOg gp-relative gp-flex gp-flex-col">
<div parenttag="Col" id="gmm0IEhrd0"
style="--mb:0px;--d:grid;--d-tablet:grid;--d-mobile:grid;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%;--cg:12px;--cg-tablet:12px;--pc:start;--gtc:minmax(0, 6fr) minmax(0, 3fr) minmax(0, 3fr);--gtc-mobile:minmax(0, 12fr);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
class="gmm0IEhrd0 gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full">
<div tag="Col" label="Block" type="component" style="--jc:center;--d-mobile:none" class="gps9DnNn6y gp-relative gp-flex gp-flex-col">
</div>
<div tag="Col" label="Block" type="component" style="--jc:center" class="gcu1j8Rzj_ gp-relative gp-flex gp-flex-col">
<div style="--mb:0px;--d:block;--d-tablet:block;--d-mobile:none;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%" class="guPmLhzG35 "><gp-product-quantity data-disabled="false" data-price="false"
class="quantityClass gp-relative gp-inline-flex gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 " style="--h:40px;--jc:left">
<button title="Decrement" aria-label="decrement"
class="gp-border-g-line-2 hover:gp-border-g-line-3 gp-text-g-text-2 gp-bg-g-bg-3 gp-minus gp-flex gp-aspect-square gp-h-full gp-cursor-pointer gp-items-center gp-justify-center gp-outline-none disabled:gp-cursor-not-allowed"
style="--w:40px;--bg:var(--g-c-bg-3, bg-3);--hvr-bg:#E7E7E7;--c:var(--g-c-text-2, text-2);--bs:solid;--hvr-bs:solid;--bw:1px 1px 1px 1px;--hvr-bw:1px 1px 1px 1px;--bc:var(--g-c-line-2, line-2);--hvr-bc:var(--g-c-line-3, line-3);--bblr:4px;--bbrr:auto;--btlr:4px;--btrr:auto">
<span class="gp-inline-flex gp-items-center gp-justify-center" style="--w:20px">
<svg xmlns="http://www.w3.org/2000/svg" class="gp-h-full gp-w-full" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6"></path>
</svg>
</span>
</button>
<input type="text" name="product-quantity"
class="gp-border-g-line-2 hover:gp-border-g-line-3 0:gp-bg-g-b 1:gp-bg-g-g 2:gp-bg-g-- 3:gp-bg-g-3 0:gp-text-g-t 1:gp-text-g-e 2:gp-text-g-x 3:gp-text-g-t 4:gp-text-g-- 5:gp-text-g-2 gp-g-paragraph-2 !gp-border-x-0 gp-px-4 gp-flex gp-shadow-none gp-appearance-none gp-items-center gp-border-y gp-text-center gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-pointer-events-none gp-h-auto gp-rounded-none gp-shrink-[99999] gp-w-full gp-min-w-[45px]"
style="--maxw:100%;--maxw-tablet:100%;--maxw-mobile:100%;--c:var(--g-c-text-1, text-1);-undefined-bg:var(--g-c-3, 3);-undefined-c:var(--g-c-2, 2);--bs:solid;--hvr-bs:solid;--bw:1px 1px 1px 1px;--hvr-bw:1px 1px 1px 1px;--bc:var(--g-c-line-2, line-2);--hvr-bc:var(--g-c-line-3, line-3)"
aria-label="Quantity" inputmode="numeric" min="1" step="1" value="1" autocomplete="off">
<button aria-label="increment" title="Increment"
class="gp-border-g-line-2 hover:gp-border-g-line-3 gp-text-g-text-2 gp-bg-g-bg-3 gp-plus gp-flex gp-aspect-square gp-h-full gp-cursor-pointer gp-items-center gp-justify-center gp-outline-none gp-transition-all gp-duration-150 disabled:gp-pointer-events-none"
style="--w:40px;--bg:var(--g-c-bg-3, bg-3);--hvr-bg:#E7E7E7;--c:var(--g-c-text-2, text-2);--bs:solid;--hvr-bs:solid;--bw:1px 1px 1px 1px;--hvr-bw:1px 1px 1px 1px;--bc:var(--g-c-line-2, line-2);--hvr-bc:var(--g-c-line-3, line-3);--bblr:auto;--bbrr:4px;--btlr:auto;--btrr:4px">
<span class="gp-inline-flex gp-items-center gp-justify-center" style="--w:20px">
<svg xmlns="http://www.w3.org/2000/svg" class="gp-h-full gp-w-full" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
</svg>
</span>
</button>
</gp-product-quantity>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-quantity.js?v=1721307215480" defer="defer"></script>
</div>
</div>
<div tag="Col" label="Block" type="component" style="--jc:center" class="gV_e-PtIOZ gp-relative gp-flex gp-flex-col"><gp-product-button class="gp-product-button"
gp-data="{"setting":{"actionEffect":"buy-now","errorMessage":"Cannot add product to cart","successMessage":"Add product to cart successfully","enableSuccessMessage":true,"enableErrorMessage":true,"label":"Order Now","outOfStockLabel":"Out of stock","errorType":"built-in","customURL":{"link":"/cart","target":"_self"}},"styles":{"errorTypo":{"type":"paragraph-2","attrs":{"color":"error"}},"successTypo":{"type":"paragraph-2","attrs":{"color":"success"}}},"disabled":"true","variantID":"49477776015652","totalVariant":"1"}"
style="">
<gp-button style="">
<div style="--mb:0px;--d:block;--d-tablet:block;--d-mobile:block;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%;--ta:left" class="">
<style>
.g92CU1GQV6.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.g92CU1GQV6:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g92CU1GQV6:hover .gp-button-icon {
color: undefined;
}
.g92CU1GQV6 .gp-button-icon {
color: var(--g-c-text-3, text-3);
}
.g92CU1GQV6:hover .gp-button-price {
color: undefined;
}
.g92CU1GQV6 .gp-button-price {
color: var(--g-c-text-3, text-3);
}
.g92CU1GQV6 .gp-product-dot-price {
color: var(--g-c-text-3, text-3);
}
.g92CU1GQV6:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g92CU1GQV6" aria-label="Order Now" data-state="idle"
class="g92CU1GQV6 gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-bg-g-brand hover:gp-bg-g-highlight gp-text-g-text-3 gp-button-atc tcustomizer-submit-button gp-g-paragraph-1"
style="--bg:var(--g-c-brand, brand);--hvr-bg:var(--g-c-highlight, highlight);--bblr:4px;--bbrr:4px;--btlr:4px;--btrr:4px;--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--c:var(--g-c-text-3, text-3)">
<svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden gp-g-paragraph-1
" style=""> Order Now </span>
</div>
</button>
</div>
</gp-button>
<gp-button style="">
<div style="--mb:0px;--d:block;--d-tablet:block;--d-mobile:block;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%;--ta:left" class="!gp-hidden">
<style>
.g92CU1GQV6-sold-out.gp-button-base::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
pointer-events: none;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #121212;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.g92CU1GQV6-sold-out:hover::before {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #4D4D4D;
}
.g92CU1GQV6-sold-out:hover .gp-button-icon {
color: undefined;
}
.g92CU1GQV6-sold-out .gp-button-icon {
color: var(--g-c-text-3, text-3);
}
.g92CU1GQV6-sold-out:hover .gp-button-price {
color: undefined;
}
.g92CU1GQV6-sold-out .gp-button-price {
color: var(--g-c-text-3, text-3);
}
.g92CU1GQV6-sold-out .gp-product-dot-price {
color: var(--g-c-text-3, text-3);
}
.g92CU1GQV6-sold-out:hover .gp-product-dot-price {
color: undefined;
}
</style>
<button type="button" data-id="g92CU1GQV6-sold-out" aria-label="Out of stock" data-state="idle"
class="g92CU1GQV6-sold-out gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-bg-g-brand hover:gp-bg-g-highlight gp-text-g-text-3 gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none gp-g-paragraph-1"
style="--bg:var(--g-c-brand, brand);--hvr-bg:var(--g-c-highlight, highlight);--bblr:4px;--bbrr:4px;--btlr:4px;--btrr:4px;--shadow:none;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--pl:24px;--pr:24px;--pt:8px;--pb:8px;--c:var(--g-c-text-3, text-3)">
<div class="gp-inline-flex">
<span class="gp-break-words group-data-[state=loading]:gp-invisible [&_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden gp-g-paragraph-1
" style=""> Out of stock </span>
</div>
</button>
</div>
</gp-button>
</gp-product-button>
<script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721307215480" defer="defer"></script>
</div>
</div>
</div>
</div><input type="hidden" name="product-id" value="9529731645732"><input type="hidden" name="section-id" value="template--22750331339044__gp_section_524223385018827979">
</form>Text Content
Github Buy Now Cart FRIEND NECKLACE TRANSFORM YOUR CONVERSATIONS INTO SUMMARIES AND PROACTIVE INSIGHTS Watch Demo The #1 opensource AI wearable FULLY OPEN-SOURCE ALL DATA IS STORED ON YOUR PHONE AI NOTE TAKER, REMINDERS, SUGGESTIONS AND MORE. ALL IN ONE SIMPLE APP. COMPARE FRIEND NECKLACE €65,95 Ideal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024. Show more Pre-order Pre-order FRIEND DEV KIT €45,95 Perfect for developers and tech enthusiasts who want to start creating immediately. Show more Buy Now Pre-order Learn more Out of stock FRIEND DEV KIT €45,95 Perfect for developers and tech enthusiasts who want to start creating immediately. Show more Buy Now Pre-order Learn more Out of stock FRIEND NECKLACE €65,95 Ideal for those looking for a ready-to-use, stylish AI companion. Shipping starts Q3 2024. Show more Pre-order Pre-order KEY SPECS DEVELOPER KIT FRIEND NECKLACE Colors Black - White, Black Microphone Yes - Yes On-board memory (works without phone) No - Yes Vibration No - Yes Estimated Delivery 1 Week - Q3 2024 FRIEND NECKLACE TAKE YOUR BRAIN TO THE NEXT LEVEL Preorder for $69.99 Based Hardware San Francisco team@basedhardware.com Title Legal Privacy Title Products Openglass Friend Friend DEV KIT Other Invest Residency Affiliate FRIEND NECKLACE €65,95 Black - €65,95 White - €65,95 Pre-order Out of stock FRIEND DEV KIT €45,95 Order Now Out of stock