PRODUCT PAGE
<div style="width: 100%; height: 100%; justify-content: flex-start; align-items: flex-start; gap: 50px; display: inline-flex">
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
<div style="width: 591px; height: 582.31px; position: relative">
<div style="width: 591px; height: 582.31px; left: 0px; top: 0px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px"></div>
<img style="width: 560.92px; height: 560.96px; left: 15.53px; top: 10.68px; position: absolute" src="https://via.placeholder.com/561x561" />
</div>
<div style="width: 591px; height: 139px; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
<div style="width: 183.67px; height: 140px; position: relative">
<div style="width: 183.67px; height: 139px; left: 0px; top: 0px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px; border: 1px #B7B9C6 solid"></div>
<img style="width: 140px; height: 140px; left: 22.33px; top: 0px; position: absolute" src="https://via.placeholder.com/140x140" />
</div>
<div style="width: 183.67px; height: 140px; position: relative">
<div style="width: 183.67px; height: 139px; left: 0px; top: 0.31px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px"></div>
<img style="width: 140px; height: 140px; left: 22px; top: 0px; position: absolute" src="https://via.placeholder.com/140x140" />
</div>
<div style="width: 183.67px; height: 140px; position: relative">
<div style="width: 183.67px; height: 139px; left: 0px; top: 0px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px"></div>
<img style="width: 140px; height: 140px; left: 21.67px; top: 0px; position: absolute" src="https://via.placeholder.com/140x140" />
</div>
</div>
</div>
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
<div style="width: 479px; color: #0D101F; font-size: 32px; font-family: Archivo; font-weight: 900; line-height: 41.60px; word-wrap: break-word">I Was Left Unsupervised - <br/>White Text T-Shirt</div>
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: flex-start; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Department:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Men's</div>
</div>
<div style="justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; background: #E9C367; border-radius: 12px; border: 2px #2DA090 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Men's</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Women's</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Kid’s</div>
</div>
</div>
</div>
<div style="height: 126px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Style:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Classic tees</div>
<div style="width: 20px; height: 20px; position: relative">
<div style="width: 17.92px; height: 17.92px; left: 1.04px; top: 1.04px; position: absolute">
<div style="width: 17.92px; height: 17.92px; left: 0px; top: 0px; position: absolute; background: #494C5B"></div>
<div style="width: 1.25px; height: 5.42px; left: 8.33px; top: 5px; position: absolute; background: #494C5B"></div>
<div style="width: 1.67px; height: 1.66px; left: 8.13px; top: 11.46px; position: absolute; background: #494C5B"></div>
</div>
</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; background: #E9C367; border-radius: 12px; border: 2px solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Classic tees</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Tri-Blend Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Long Sleeve Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Signature Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Relaxed Fit Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Hoodie</div>
</div>
</div>
</div>
<div style="height: 80px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Color:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Black</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 12px; display: inline-flex">
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 2px #2DA090 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #141313; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #5B172C; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #212642; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #48197D; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #175AC7; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #6A6967; border-radius: 9999px"></div>
</div>
</div>
</div>
<div style="height: 72px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Size:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">S</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="height: 40px; padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; background: #E9C367; border-radius: 12px; border: 2px solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">S</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">M</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">L</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">2XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">3XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">4XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">5XL</div>
</div>
</div>
</div>
<div style="height: 64px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Price:</div>
</div>
<div style="justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex">
<div style="color: #FF4D4D; font-size: 16px; font-family: Archivo; font-weight: 400; text-decoration: line-through; text-transform: capitalize; line-height: 16px; word-wrap: break-word">$22.00</div>
<div style="color: #0D101F; font-size: 32px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 32px; word-wrap: break-word">$14.00</div>
</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="width: 120px; height: 52px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: space-between; align-items: center; display: flex">
<div style="color: #494C5B; font-size: 24px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 24px; word-wrap: break-word">-</div>
<div style="color: #0D101F; font-size: 20px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 20px; word-wrap: break-word">1</div>
<div style="color: #494C5B; font-size: 24px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 24px; word-wrap: break-word">+</div>
</div>
<div style="flex: 1 1 0; height: 52px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; background: #2DA090; border-radius: 12px; border: 2px solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: white; font-size: 20px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 20px; word-wrap: break-word">Add to cart</div>
</div>
</div>
<div style="align-self: stretch"><span style="color: #0D101F; font-size: 14px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 23.80px; word-wrap: break-word">Not too fitted. Not too loose.</span><span style="color: #494C5B; font-size: 14px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 23.80px; word-wrap: break-word"> This 100% cotton (heather colors contain polyester) classic tee looks great and gets the job done every time.</span></div>
</div>
</div>
// I Was Left Unsupervised - <br/>White Text T-Shirt
color: #0D101F;
font-size: 32px;
font-family: Archivo;
font-weight: 900;
line-height: 41.60px;
word-wrap: break-word
---
// Department:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Men's
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Men's
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Women's
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Kid’s
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Style:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Classic tees
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Classic tees
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Tri-Blend Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Long Sleeve Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Signature Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Relaxed Fit Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Hoodie
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Color:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Black
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Size:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// S
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// S
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// M
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// L
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 2XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 3XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 4XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 5XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Price:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// $22.00
color: #FF4D4D;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-decoration: line-through;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// $14.00
color: #0D101F;
font-size: 32px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 32px;
word-wrap: break-word
---
// -
color: #494C5B;
font-size: 24px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 24px;
word-wrap: break-word
---
// 1
color: #0D101F;
font-size: 20px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 20px;
word-wrap: break-word
---
// +
color: #494C5B;
font-size: 24px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 24px;
word-wrap: break-word
---
// Add to cart
color: white;
font-size: 20px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 20px;
word-wrap: break-word
---
// Not too fitted. Not too loose.
color: #0D101F;
font-size: 14px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 23.80px;
word-wrap: break-word
---
// This 100% cotton (heather colors contain polyester) classic tee looks great and gets the job done every time.
color: #494C5B;
font-size: 14px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 23.80px;
word-wrap: break-word
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
<div style="width: 591px; height: 582.31px; position: relative">
<div style="width: 591px; height: 582.31px; left: 0px; top: 0px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px"></div>
<img style="width: 560.92px; height: 560.96px; left: 15.53px; top: 10.68px; position: absolute" src="https://via.placeholder.com/561x561" />
</div>
<div style="width: 591px; height: 139px; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex">
<div style="width: 183.67px; height: 140px; position: relative">
<div style="width: 183.67px; height: 139px; left: 0px; top: 0px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px; border: 1px #B7B9C6 solid"></div>
<img style="width: 140px; height: 140px; left: 22.33px; top: 0px; position: absolute" src="https://via.placeholder.com/140x140" />
</div>
<div style="width: 183.67px; height: 140px; position: relative">
<div style="width: 183.67px; height: 139px; left: 0px; top: 0.31px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px"></div>
<img style="width: 140px; height: 140px; left: 22px; top: 0px; position: absolute" src="https://via.placeholder.com/140x140" />
</div>
<div style="width: 183.67px; height: 140px; position: relative">
<div style="width: 183.67px; height: 139px; left: 0px; top: 0px; position: absolute; background: white; box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.05); border-radius: 16px"></div>
<img style="width: 140px; height: 140px; left: 21.67px; top: 0px; position: absolute" src="https://via.placeholder.com/140x140" />
</div>
</div>
</div>
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex">
<div style="width: 479px; color: #0D101F; font-size: 32px; font-family: Archivo; font-weight: 900; line-height: 41.60px; word-wrap: break-word">I Was Left Unsupervised - <br/>White Text T-Shirt</div>
<div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: flex-start; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Department:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Men's</div>
</div>
<div style="justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; background: #E9C367; border-radius: 12px; border: 2px #2DA090 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Men's</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Women's</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Kid’s</div>
</div>
</div>
</div>
<div style="height: 126px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Style:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Classic tees</div>
<div style="width: 20px; height: 20px; position: relative">
<div style="width: 17.92px; height: 17.92px; left: 1.04px; top: 1.04px; position: absolute">
<div style="width: 17.92px; height: 17.92px; left: 0px; top: 0px; position: absolute; background: #494C5B"></div>
<div style="width: 1.25px; height: 5.42px; left: 8.33px; top: 5px; position: absolute; background: #494C5B"></div>
<div style="width: 1.67px; height: 1.66px; left: 8.13px; top: 11.46px; position: absolute; background: #494C5B"></div>
</div>
</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; background: #E9C367; border-radius: 12px; border: 2px solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Classic tees</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Tri-Blend Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Long Sleeve Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Signature Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Relaxed Fit Tee</div>
</div>
<div style="padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Hoodie</div>
</div>
</div>
</div>
<div style="height: 80px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Color:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Black</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 12px; display: inline-flex">
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 2px #2DA090 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #141313; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #5B172C; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #212642; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #48197D; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #175AC7; border-radius: 9999px"></div>
</div>
<div style="width: 48px; height: 48px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 555px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="width: 40px; height: 40px; background: #6A6967; border-radius: 9999px"></div>
</div>
</div>
</div>
<div style="height: 72px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Size:</div>
<div style="color: #494C5B; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">S</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="height: 40px; padding-left: 20px; padding-right: 20px; padding-top: 12px; padding-bottom: 12px; background: #E9C367; border-radius: 12px; border: 2px solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">S</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">M</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">L</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">2XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">3XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">4XL</div>
</div>
<div style="height: 40px; padding-left: 16px; padding-right: 16px; padding-top: 12px; padding-bottom: 12px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 16px; word-wrap: break-word">5XL</div>
</div>
</div>
</div>
<div style="height: 64px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
<div style="justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
<div style="color: #0D101F; font-size: 16px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 16px; word-wrap: break-word">Price:</div>
</div>
<div style="justify-content: flex-start; align-items: flex-end; gap: 12px; display: inline-flex">
<div style="color: #FF4D4D; font-size: 16px; font-family: Archivo; font-weight: 400; text-decoration: line-through; text-transform: capitalize; line-height: 16px; word-wrap: break-word">$22.00</div>
<div style="color: #0D101F; font-size: 32px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 32px; word-wrap: break-word">$14.00</div>
</div>
</div>
<div style="align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 10px; display: inline-flex">
<div style="width: 120px; height: 52px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; border-radius: 12px; border: 1px #B7B9C6 solid; justify-content: space-between; align-items: center; display: flex">
<div style="color: #494C5B; font-size: 24px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 24px; word-wrap: break-word">-</div>
<div style="color: #0D101F; font-size: 20px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 20px; word-wrap: break-word">1</div>
<div style="color: #494C5B; font-size: 24px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 24px; word-wrap: break-word">+</div>
</div>
<div style="flex: 1 1 0; height: 52px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 16px; background: #2DA090; border-radius: 12px; border: 2px solid; justify-content: center; align-items: center; gap: 10px; display: flex">
<div style="color: white; font-size: 20px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 20px; word-wrap: break-word">Add to cart</div>
</div>
</div>
<div style="align-self: stretch"><span style="color: #0D101F; font-size: 14px; font-family: Archivo; font-weight: 700; text-transform: capitalize; line-height: 23.80px; word-wrap: break-word">Not too fitted. Not too loose.</span><span style="color: #494C5B; font-size: 14px; font-family: Archivo; font-weight: 400; text-transform: capitalize; line-height: 23.80px; word-wrap: break-word"> This 100% cotton (heather colors contain polyester) classic tee looks great and gets the job done every time.</span></div>
</div>
</div>
// I Was Left Unsupervised - <br/>White Text T-Shirt
color: #0D101F;
font-size: 32px;
font-family: Archivo;
font-weight: 900;
line-height: 41.60px;
word-wrap: break-word
---
// Department:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Men's
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Men's
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Women's
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Kid’s
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Style:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Classic tees
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Classic tees
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Tri-Blend Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Long Sleeve Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Signature Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Relaxed Fit Tee
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Hoodie
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Color:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Black
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Size:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// S
color: #494C5B;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// S
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// M
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// L
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 2XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 3XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 4XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// 5XL
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// Price:
color: #0D101F;
font-size: 16px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// $22.00
color: #FF4D4D;
font-size: 16px;
font-family: Archivo;
font-weight: 400;
text-decoration: line-through;
text-transform: capitalize;
line-height: 16px;
word-wrap: break-word
---
// $14.00
color: #0D101F;
font-size: 32px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 32px;
word-wrap: break-word
---
// -
color: #494C5B;
font-size: 24px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 24px;
word-wrap: break-word
---
// 1
color: #0D101F;
font-size: 20px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 20px;
word-wrap: break-word
---
// +
color: #494C5B;
font-size: 24px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 24px;
word-wrap: break-word
---
// Add to cart
color: white;
font-size: 20px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 20px;
word-wrap: break-word
---
// Not too fitted. Not too loose.
color: #0D101F;
font-size: 14px;
font-family: Archivo;
font-weight: 700;
text-transform: capitalize;
line-height: 23.80px;
word-wrap: break-word
---
// This 100% cotton (heather colors contain polyester) classic tee looks great and gets the job done every time.
color: #494C5B;
font-size: 14px;
font-family: Archivo;
font-weight: 400;
text-transform: capitalize;
line-height: 23.80px;
word-wrap: break-word
Invalid Password
Enter